From 59f4b2e9b47e34a9113ef947bc1f3518dcffd572 Mon Sep 17 00:00:00 2001
From: Hamid Reza Mohammadi <mohammadi.hr@gmail.com>
Date: Wed, 1 Feb 2023 21:31:00 +0330
Subject: [PATCH] adding util bar to poem pages

---
 GanjooRazor/Pages/AudioClip.cshtml            |   2 +-
 GanjooRazor/Pages/Bp.cshtml                   |   2 +-
 GanjooRazor/Pages/Error.cshtml                |   2 +-
 GanjooRazor/Pages/Golha.cshtml                |   2 +-
 GanjooRazor/Pages/Index.cshtml                |   2 +-
 GanjooRazor/Pages/Login.cshtml                |   2 +-
 GanjooRazor/Pages/Map.cshtml                  |   2 +-
 GanjooRazor/Pages/Pin.cshtml                  |   2 +-
 GanjooRazor/Pages/RecitationsOrder.cshtml     |   2 +-
 GanjooRazor/Pages/ReportComment.cshtml        |   2 +-
 GanjooRazor/Pages/ReportRecitation.cshtml     |   2 +-
 GanjooRazor/Pages/_GanjoorPagePartial.cshtml  |   2 +-
 GanjooRazor/Pages/_InlineLoginPartial.cshtml  |  32 +----
 .../Pages/_InlinePageUtilsPartial.cshtml      | 129 ++++++++++++++++++
 GanjooRazor/Pages/errors/404.cshtml           |   2 +-
 GanjooRazor/Pages/errors/503.cshtml           |   2 +-
 GanjooRazor/wwwroot/css/p8.css                |   8 +-
 17 files changed, 155 insertions(+), 42 deletions(-)
 create mode 100644 GanjooRazor/Pages/_InlinePageUtilsPartial.cshtml

diff --git a/GanjooRazor/Pages/AudioClip.cshtml b/GanjooRazor/Pages/AudioClip.cshtml
index 6e43385e..6c00f0c4 100644
--- a/GanjooRazor/Pages/AudioClip.cshtml
+++ b/GanjooRazor/Pages/AudioClip.cshtml
@@ -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>
diff --git a/GanjooRazor/Pages/Bp.cshtml b/GanjooRazor/Pages/Bp.cshtml
index 252486d6..12a1e68a 100644
--- a/GanjooRazor/Pages/Bp.cshtml
+++ b/GanjooRazor/Pages/Bp.cshtml
@@ -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>
diff --git a/GanjooRazor/Pages/Error.cshtml b/GanjooRazor/Pages/Error.cshtml
index 630502ac..18b62e8c 100644
--- a/GanjooRazor/Pages/Error.cshtml
+++ b/GanjooRazor/Pages/Error.cshtml
@@ -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" />
 
diff --git a/GanjooRazor/Pages/Golha.cshtml b/GanjooRazor/Pages/Golha.cshtml
index 5f51766f..836c2a6a 100644
--- a/GanjooRazor/Pages/Golha.cshtml
+++ b/GanjooRazor/Pages/Golha.cshtml
@@ -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>
diff --git a/GanjooRazor/Pages/Index.cshtml b/GanjooRazor/Pages/Index.cshtml
index 1c9660c3..93af22ef 100644
--- a/GanjooRazor/Pages/Index.cshtml
+++ b/GanjooRazor/Pages/Index.cshtml
@@ -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>
diff --git a/GanjooRazor/Pages/Login.cshtml b/GanjooRazor/Pages/Login.cshtml
index 45f93a34..20fc5574 100644
--- a/GanjooRazor/Pages/Login.cshtml
+++ b/GanjooRazor/Pages/Login.cshtml
@@ -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">
diff --git a/GanjooRazor/Pages/Map.cshtml b/GanjooRazor/Pages/Map.cshtml
index e7360af4..17012ea0 100644
--- a/GanjooRazor/Pages/Map.cshtml
+++ b/GanjooRazor/Pages/Map.cshtml
@@ -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 {
diff --git a/GanjooRazor/Pages/Pin.cshtml b/GanjooRazor/Pages/Pin.cshtml
index 9c844d3c..75f79c3c 100644
--- a/GanjooRazor/Pages/Pin.cshtml
+++ b/GanjooRazor/Pages/Pin.cshtml
@@ -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>
diff --git a/GanjooRazor/Pages/RecitationsOrder.cshtml b/GanjooRazor/Pages/RecitationsOrder.cshtml
index 07411064..84e4655a 100644
--- a/GanjooRazor/Pages/RecitationsOrder.cshtml
+++ b/GanjooRazor/Pages/RecitationsOrder.cshtml
@@ -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>
diff --git a/GanjooRazor/Pages/ReportComment.cshtml b/GanjooRazor/Pages/ReportComment.cshtml
index 13a72d90..8e14c08f 100644
--- a/GanjooRazor/Pages/ReportComment.cshtml
+++ b/GanjooRazor/Pages/ReportComment.cshtml
@@ -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;
diff --git a/GanjooRazor/Pages/ReportRecitation.cshtml b/GanjooRazor/Pages/ReportRecitation.cshtml
index 5c26e9b4..01e29e06 100644
--- a/GanjooRazor/Pages/ReportRecitation.cshtml
+++ b/GanjooRazor/Pages/ReportRecitation.cshtml
@@ -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;
diff --git a/GanjooRazor/Pages/_GanjoorPagePartial.cshtml b/GanjooRazor/Pages/_GanjoorPagePartial.cshtml
index 70f4d53a..d8afe2b1 100644
--- a/GanjooRazor/Pages/_GanjoorPagePartial.cshtml
+++ b/GanjooRazor/Pages/_GanjoorPagePartial.cshtml
@@ -202,7 +202,7 @@
                             }
                         }
                     }
-                    <div class="spacer">&nbsp;</div>
+                    <partial name="_InlinePageUtilsPartial" model="Model" />
                     @{
                         @Html.Raw(Model.GanjoorPage.HtmlText)
                     }
diff --git a/GanjooRazor/Pages/_InlineLoginPartial.cshtml b/GanjooRazor/Pages/_InlineLoginPartial.cshtml
index b39bbde3..a248a786 100644
--- a/GanjooRazor/Pages/_InlineLoginPartial.cshtml
+++ b/GanjooRazor/Pages/_InlineLoginPartial.cshtml
@@ -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)
         {
diff --git a/GanjooRazor/Pages/_InlinePageUtilsPartial.cshtml b/GanjooRazor/Pages/_InlinePageUtilsPartial.cshtml
new file mode 100644
index 00000000..7b618f20
--- /dev/null
+++ b/GanjooRazor/Pages/_InlinePageUtilsPartial.cshtml
@@ -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>
diff --git a/GanjooRazor/Pages/errors/404.cshtml b/GanjooRazor/Pages/errors/404.cshtml
index dae6811f..9e33dc71 100644
--- a/GanjooRazor/Pages/errors/404.cshtml
+++ b/GanjooRazor/Pages/errors/404.cshtml
@@ -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" />
 
diff --git a/GanjooRazor/Pages/errors/503.cshtml b/GanjooRazor/Pages/errors/503.cshtml
index beae2b7e..5fb077db 100644
--- a/GanjooRazor/Pages/errors/503.cshtml
+++ b/GanjooRazor/Pages/errors/503.cshtml
@@ -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" />
 
diff --git a/GanjooRazor/wwwroot/css/p8.css b/GanjooRazor/wwwroot/css/p8.css
index 5233bb67..547b4c29 100644
--- a/GanjooRazor/wwwroot/css/p8.css
+++ b/GanjooRazor/wwwroot/css/p8.css
@@ -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;