anas/divan
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

adding util bar to poem pages

Browse Source
This commit is contained in:
Hamid Reza Mohammadi 2023-02-01 21:31:00 +03:30
parent 3f54c74f6e
commit 59f4b2e9b4
17 changed files with 155 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
GanjooRazor/Pages/AudioClip.cshtml
View File

@ -15,7 +15,7 @@
گنجور » نمایش خوانش
</title>
<link href="~/dist/skin/pink.flag/css/jplayer.pink.flag.min.css" rel="stylesheet" type="text/css" />
<link href="~/css/p8.css?version=52" rel="stylesheet" type="text/css" />
<link href="~/css/p8.css?version=53" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
<script>

2
GanjooRazor/Pages/Bp.cshtml
View File

@ -11,7 +11,7 @@
<title>انتخاب قطعهٔ موسیقی مرتبط با شعر از بیپتونز</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link href="/css/p8.css?version=52" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=53" rel="stylesheet" type="text/css" />
<link href="/css/spotify.css" rel="stylesheet" type="text/css" />
<script src="/lib/jquery/dist/jquery.min.js"></script>

2
GanjooRazor/Pages/Error.cshtml
View File

@ -14,7 +14,7 @@
@ViewData["Title"]
</title>
<link href="/css/p8.css?version=52" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=53" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

2
GanjooRazor/Pages/Golha.cshtml
View File

@ -10,7 +10,7 @@
<title>انتخاب قطعه‌ای از برنامهٔ گلها مرتبط با این شعر</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link href="/css/p8.css?version=52" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=53" rel="stylesheet" type="text/css" />
<link href="/css/spotify.css" rel="stylesheet" type="text/css" />
<script src="/lib/jquery/dist/jquery.min.js"></script>
<script src="~/js/golha.js"></script>

2
GanjooRazor/Pages/Index.cshtml
View File

@ -12,7 +12,7 @@
<title>
@Html.Raw(ViewData["Title"])
</title>
<link href="/css/p8.css?version=52" rel="stylesheet" type="text/css">
<link href="/css/p8.css?version=53" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon">
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml">
<script src="/lib/jquery/dist/jquery.min.js"></script>

2
GanjooRazor/Pages/Login.cshtml
View File

@ -13,7 +13,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link href="/css/p8.css?version=52" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=53" rel="stylesheet" type="text/css" />
</head>
<body class="bk-background">
<div id="hdr">

2
GanjooRazor/Pages/Map.cshtml
View File

@ -12,7 +12,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="سخنوران و نویسندگان گنجور روی نقشهٔ جغرافیایی" />
<meta charset="utf-8" />
<link href="/css/p8.css?version=52" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=53" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/css/leaflet.css" />
<style>
.leaflet-container {

2
GanjooRazor/Pages/Pin.cshtml
View File

@ -11,7 +11,7 @@
<title>پیشنهاد شعر مرتبط با تصویر</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link href="/css/p8.css?version=52" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=53" rel="stylesheet" type="text/css" />
<link href="/css/spotify.css" rel="stylesheet" type="text/css" />
<script src="/lib/jquery/dist//jquery.min.js"></script>

2
GanjooRazor/Pages/RecitationsOrder.cshtml
View File

@ -12,7 +12,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<title>اطلاعات رتبه‌بندی خوانش‌های شعر</title>
<link href="/css/p8.css?version=52" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=53" rel="stylesheet" type="text/css" />
</head>
<body>

2
GanjooRazor/Pages/ReportComment.cshtml
View File

@ -11,7 +11,7 @@
<meta name="robots" content="noindex, nofollow" />
<title>درخواست حذف حاشیه</title>
<script src="/lib/jquery/dist/jquery.min.js"></script>
<link href="/css/p8.css?version=52" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=53" rel="stylesheet" type="text/css" />
<style>
label {
width: 100px;

2
GanjooRazor/Pages/ReportRecitation.cshtml
View File

@ -13,7 +13,7 @@
<meta name="robots" content="noindex, nofollow" />
<title>گزارش خطا در خوانش</title>
<script src="/lib/jquery/dist/jquery.min.js"></script>
<link href="/css/p8.css?version=52" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=53" rel="stylesheet" type="text/css" />
<style>
label {
width: 100px;

2
GanjooRazor/Pages/_GanjoorPagePartial.cshtml
View File

@ -202,7 +202,7 @@
}
}
}
<div class="spacer">&nbsp;</div>
<partial name="_InlinePageUtilsPartial" model="Model" />
@{
@Html.Raw(Model.GanjoorPage.HtmlText)
}

32
GanjooRazor/Pages/_InlineLoginPartial.cshtml
View File

@ -100,15 +100,7 @@
@if (Model.LoggedIn)
{
<div class="w3-bar-item w3-button">
<a onclick="switchBookmark(@Model.GanjoorPage.Id, 0, '')" role="button" class="cursor-pointer">
<div class="circled-number" id="bookmark">
<i class="noindent-info-button" id="bookmark-icon">star_border</i>
</div>
نشان کردن شعر
</a>
</div>
<div class="w3-bar-item w3-button">
<a href="/User/Editor?id=@Model.GanjoorPage.Id" role="button" class="cursor-pointer">
<div class="circled-number">
@ -119,21 +111,14 @@
</div>
}
<div class="w3-bar-item w3-button">
<a onclick="btshmr(@Model.GanjoorPage.Id)" role="button" class="cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button format_list_numbered_rtl" id="bnum-button"></i>
</div>
شماره‌گذاری
</a>
</div>
<div class="w3-bar-item w3-button">
<a onclick="copyPoemLink()" role="button" class="cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button copylink-icon"></i>
</div>
<span class="w3tooltiptext" id="copylink-tooltip">رونوشت نشانی</span>
<span class="w3tooltiptext">رونوشت نشانی</span>
</a>
</div>
@ -142,18 +127,11 @@
<div class="circled-number">
<i class="noindent-info-button copytext-icon"></i>
</div>
<span class="w3tooltiptext" id="copytext-tooltip">رونوشت متن</span>
<span class="w3tooltiptext">رونوشت متن</span>
</a>
</div>
<div class="w3-bar-item w3-button" id="share_span">
<a onclick="webSharePoem()" role="button" class="cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button share-icon"></i>
</div>
همرسانی
</a>
</div>
@if (Model.SectionsWithMetreAndRhymes != null)
{

129
GanjooRazor/Pages/_InlinePageUtilsPartial.cshtml Normal file
View File

@ -0,0 +1,129 @@
@model GanjooRazor.Pages.LoginPartialEnabledPageModel
@using DNTPersianUtils.Core
<div id="utils-navbar">
@if (Model.GanjoorPage != null && Model.GanjoorPage.Poem != null)
{
<div class="clear-both utilbar">
@if (Model.LoggedIn)
{
<a href="/User/Editor?id=@Model.GanjoorPage.Id" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button edit-poem-button"></i>
</div>
<span class="w3tooltiptext">ویرایش</span>
</a>
<a onclick="switchBookmark(@Model.GanjoorPage.Id, 0, '')" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number" id="bookmark">
<i class="noindent-info-button" id="bookmark-icon">star_border</i>
</div>
<span class="w3tooltiptext">نشان کردن</span>
</a>
}
<a onclick="btshmr(@Model.GanjoorPage.Id)" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button format_list_numbered_rtl" id="bnum-button"></i>
</div>
<span class="w3tooltiptext">شماره‌گذاری</span>
</a>
<a onclick="copyPoemLink()" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button copylink-icon"></i>
</div>
<span class="w3tooltiptext" id="copylink-tooltip">رونوشت نشانی</span>
</a>
<a onclick="copyPoemText()" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button copytext-icon"></i>
</div>
<span class="w3tooltiptext" id="copytext-tooltip">رونوشت متن</span>
</a>
<a onclick="webSharePoem()" role="button" class="w3tooltip cursor-pointer" id="share_span">
<div class="circled-number">
<i class="noindent-info-button share-icon"></i>
</div>
<span class="w3tooltiptext">همرسانی</span>
</a>
<a href="#discussions" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button recitation-comments"></i>
</div>
<span class="w3tooltiptext">حاشیه‌ها</span>
</a>
<a href="#manuscripts" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button recitation-manuscripts"></i>
</div>
<span class="w3tooltiptext">نگاره‌ها</span>
</a>
<a href="#songs" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button recitation-music"></i>
</div>
<span class="w3tooltiptext">ترانه‌ها</span>
</a>
@if (Model.SectionsWithRelated.Count > 0)
{
<a href="#rpoems" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button recitation-explore"></i>
</div>
<span class="w3tooltiptext">هم‌آهنگ‌ها</span>
</a>
}
@if (Model.GanjoorPage.Poem.Recitations.Length > 0)
{
<a href="#recitations" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button recitation-listen"></i>
</div>
<span class="w3tooltiptext">خوانش‌ها</span>
</a>
}
@if (Model.SectionsWithMetreAndRhymes != null)
{
@if (Model.SectionsWithMetreAndRhymes.Any())
{
<text>
<a href="@Html.Raw($"/simi/?v={Uri.EscapeDataString(Model.SectionsWithMetreAndRhymes.First().GanjoorMetre.Rhythm)}&amp;g={Uri.EscapeDataString(Model.SectionsWithMetreAndRhymes.First().RhymeLetters)}")" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button rhyming-poems"></i>
</div>
<span class="w3tooltiptext">موارد هم آهنگ</span>
</a>
</text>
@for (int nSectionIndex = 1; nSectionIndex < Model.SectionsWithMetreAndRhymes.Count; nSectionIndex++)
{
<text>
<a href="@Html.Raw($"/simi/?v={Uri.EscapeDataString(Model.SectionsWithMetreAndRhymes[nSectionIndex].GanjoorMetre.Rhythm)}&amp;g={Uri.EscapeDataString(Model.SectionsWithMetreAndRhymes[nSectionIndex].RhymeLetters)}")" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button rhyming-poems"></i>
</div>
<span class="w3tooltiptext">موارد هم آهنگ (وزن @((nSectionIndex + 1).ToPersianNumbers()))</span>
</a>
</text>
}
}
}
</div>
}
</div>

2
GanjooRazor/Pages/errors/404.cshtml
View File

@ -14,7 +14,7 @@
@ViewData["Title"]
</title>
<link href="/css/p8.css?version=52" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=53" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

2
GanjooRazor/Pages/errors/503.cshtml
View File

@ -15,7 +15,7 @@
@ViewData["Title"]
</title>
<link href="/css/p8.css?version=52" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=53" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

8
GanjooRazor/wwwroot/css/p8.css
View File

@ -1780,7 +1780,7 @@ fieldset {
text-align: right;
}
#main-navbar, .sticky {
#main-navbar, .sticky, .utilbar {
max-width: 752px;
margin: auto;
margin-top: 2px;
@ -1805,6 +1805,12 @@ fieldset {
#main-navbar .circled-number {
background-color: darkred;
}
.utilbar{
background:none;
border:none;
overflow:visible;
}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
position: sticky !important;