From 9407babe7947d1fa6ea497acd04ea2245fdbb018 Mon Sep 17 00:00:00 2001
From: Hamid Reza Mohammadi <mohammadi.hr@gmail.com>
Date: Sun, 25 May 2025 08:17:29 +0330
Subject: [PATCH] display stats of visits for categories and poems #481

---
 .../Models/Kontor/DateRangeVisitsViewModel.cs | 16 +++++++
 GanjooRazor/Pages/AudioClip.cshtml            |  2 +-
 GanjooRazor/Pages/Books.cshtml                |  2 +-
 GanjooRazor/Pages/Contribs.cshtml             |  2 +-
 GanjooRazor/Pages/FAQ.cshtml                  |  2 +-
 GanjooRazor/Pages/Hashieha.cshtml             |  2 +-
 GanjooRazor/Pages/Index.cshtml                |  2 +-
 GanjooRazor/Pages/Index.cshtml.cs             | 47 ++++++++++++++++++-
 GanjooRazor/Pages/Map.cshtml                  |  2 +-
 GanjooRazor/Pages/Photos.cshtml               |  2 +-
 GanjooRazor/Pages/Quotes.cshtml               |  2 +-
 GanjooRazor/Pages/ReportRecitation.cshtml     |  2 +-
 GanjooRazor/Pages/Search.cshtml               |  2 +-
 GanjooRazor/Pages/Shared/_AdminLayout.cshtml  |  2 +-
 .../Pages/Shared/_UserPanelLayout.cshtml      |  2 +-
 GanjooRazor/Pages/Simi.cshtml                 |  2 +-
 GanjooRazor/Pages/Tagged.cshtml               |  2 +-
 GanjooRazor/Pages/_7DaysVisitsPartial.cshtml  | 42 +++++++++++++++++
 .../Pages/_7DaysVisitsPartial.cshtml.cs       | 10 ++++
 GanjooRazor/Pages/_GanjoorPagePartial.cshtml  | 44 +++++++++++++++++
 GanjooRazor/Pages/_TopVisitsPartial.cshtml    |  6 +++
 GanjooRazor/wwwroot/js/bk.js                  | 37 +++++++++++++--
 22 files changed, 213 insertions(+), 19 deletions(-)
 create mode 100644 GanjooRazor/Models/Kontor/DateRangeVisitsViewModel.cs
 create mode 100644 GanjooRazor/Pages/_7DaysVisitsPartial.cshtml
 create mode 100644 GanjooRazor/Pages/_7DaysVisitsPartial.cshtml.cs

diff --git a/GanjooRazor/Models/Kontor/DateRangeVisitsViewModel.cs b/GanjooRazor/Models/Kontor/DateRangeVisitsViewModel.cs
new file mode 100644
index 00000000..5b7e1bc8
--- /dev/null
+++ b/GanjooRazor/Models/Kontor/DateRangeVisitsViewModel.cs
@@ -0,0 +1,16 @@
+using System;
+
+namespace KontorService.Models.Reporting.ViewModels
+{
+    public class DateRangeVisitsViewModel
+    {
+        /// <summary>
+        /// Date
+        /// </summary>
+        public DateTime Date { get; set; }
+        /// <summary>
+        /// visits
+        /// </summary>
+        public int Visits { get; set; }
+    }
+}
diff --git a/GanjooRazor/Pages/AudioClip.cshtml b/GanjooRazor/Pages/AudioClip.cshtml
index 5b83db41..405bc74f 100644
--- a/GanjooRazor/Pages/AudioClip.cshtml
+++ b/GanjooRazor/Pages/AudioClip.cshtml
@@ -151,7 +151,7 @@
         </p>
 
         <script src="~/lib/jquery/dist/jquery.min.js"></script>
-        <script src="~/js/bk.js?version=78"></script>
+        <script src="~/js/bk.js?version=79"></script>
         <script src="~/js/jplayersupport.js"></script>
         <script src="~/js/vaabd.js?version=10"></script>
         <script src="~/dist/jplayer/jquery.jplayer.min.js"></script>
diff --git a/GanjooRazor/Pages/Books.cshtml b/GanjooRazor/Pages/Books.cshtml
index 32bc47b3..81000766 100644
--- a/GanjooRazor/Pages/Books.cshtml
+++ b/GanjooRazor/Pages/Books.cshtml
@@ -16,7 +16,7 @@
     <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>
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";
diff --git a/GanjooRazor/Pages/Contribs.cshtml b/GanjooRazor/Pages/Contribs.cshtml
index b36f4b01..386ae69c 100644
--- a/GanjooRazor/Pages/Contribs.cshtml
+++ b/GanjooRazor/Pages/Contribs.cshtml
@@ -17,7 +17,7 @@
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
     <script src="/lib/jquery/dist/jquery.min.js"></script>
     <script src="/js/chart.js"></script>
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";
diff --git a/GanjooRazor/Pages/FAQ.cshtml b/GanjooRazor/Pages/FAQ.cshtml
index 1efb7887..3db46755 100644
--- a/GanjooRazor/Pages/FAQ.cshtml
+++ b/GanjooRazor/Pages/FAQ.cshtml
@@ -16,7 +16,7 @@
     <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>
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";
diff --git a/GanjooRazor/Pages/Hashieha.cshtml b/GanjooRazor/Pages/Hashieha.cshtml
index dc3cada5..7507a80d 100644
--- a/GanjooRazor/Pages/Hashieha.cshtml
+++ b/GanjooRazor/Pages/Hashieha.cshtml
@@ -18,7 +18,7 @@
     <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>
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";
diff --git a/GanjooRazor/Pages/Index.cshtml b/GanjooRazor/Pages/Index.cshtml
index 96f73f58..cbfa1ae7 100644
--- a/GanjooRazor/Pages/Index.cshtml
+++ b/GanjooRazor/Pages/Index.cshtml
@@ -18,7 +18,7 @@
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml">
     <script src="/lib/jquery/dist/jquery.min.js"></script>
     <script src="/js/chart.js"></script>
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script src="/js/jquery.mark.min.js"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
diff --git a/GanjooRazor/Pages/Index.cshtml.cs b/GanjooRazor/Pages/Index.cshtml.cs
index c53847be..df4df659 100644
--- a/GanjooRazor/Pages/Index.cshtml.cs
+++ b/GanjooRazor/Pages/Index.cshtml.cs
@@ -1606,7 +1606,17 @@ namespace GanjooRazor.Pages
 
             if (!topVisitsResponse.IsSuccessStatusCode)
             {
-                return null;
+                return new PartialViewResult()
+                {
+                    ViewName = "_TopVisitsPartial",
+                    ViewData = new ViewDataDictionary(new EmptyModelMetadataProvider(), new ModelStateDictionary())
+                    {
+                        Model = new _TopVisitsPartialModel()
+                        {
+                            Visits = null
+                        }
+                    }
+                };
             }
             var topVisits = JsonConvert.DeserializeObject<PageVisitsViewModel[]>(await topVisitsResponse.Content.ReadAsStringAsync());
 
@@ -1623,6 +1633,41 @@ namespace GanjooRazor.Pages
             };
         }
 
+        public async Task<ActionResult> OnGetSevenDaysVisitsAsync(string url)
+        {
+            url = $"https://ganjoor.net/{url}/";
+            var apiUrl = $"https://track.kntr.ir/api/reporting/dailypagevisits/1/ganjoor.net/for/{WebUtility.UrlEncode(url)}?start={DateTime.Now.Date.AddDays(-7).ToString("yyyy-MM-dd")}";
+            var s7ndaysVisitsResponse = await _httpClient.GetAsync(apiUrl);
+
+            if (!s7ndaysVisitsResponse.IsSuccessStatusCode)
+            {
+                return new PartialViewResult()
+                {
+                    ViewName = "_7DaysVisitsPartial",
+                    ViewData = new ViewDataDictionary(new EmptyModelMetadataProvider(), new ModelStateDictionary())
+                    {
+                        Model = new _7DaysVisitsPartialModel()
+                        {
+                            SevenDaysVisits = null
+                        }
+                    }
+                };
+            }
+            var s7ndaysVisits = JsonConvert.DeserializeObject<DateRangeVisitsViewModel[]>(await s7ndaysVisitsResponse.Content.ReadAsStringAsync());
+
+            return new PartialViewResult()
+            {
+                ViewName = "_7DaysVisitsPartial",
+                ViewData = new ViewDataDictionary(new EmptyModelMetadataProvider(), new ModelStateDictionary())
+                {
+                    Model = new _7DaysVisitsPartialModel()
+                    {
+                        SevenDaysVisits = s7ndaysVisits
+                    }
+                }
+            };
+        }
+
 
     }
 }
\ No newline at end of file
diff --git a/GanjooRazor/Pages/Map.cshtml b/GanjooRazor/Pages/Map.cshtml
index b4037acb..f3b52991 100644
--- a/GanjooRazor/Pages/Map.cshtml
+++ b/GanjooRazor/Pages/Map.cshtml
@@ -24,7 +24,7 @@
             font-family: 'Vazirmatn'
         }
     </style>
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
     <script src="~/js/leaflet.js"></script>
     <script src="~/js/leaflet-providers.js"></script>
diff --git a/GanjooRazor/Pages/Photos.cshtml b/GanjooRazor/Pages/Photos.cshtml
index 8eb5dcd6..f5a4408f 100644
--- a/GanjooRazor/Pages/Photos.cshtml
+++ b/GanjooRazor/Pages/Photos.cshtml
@@ -16,7 +16,7 @@
     <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>
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";
diff --git a/GanjooRazor/Pages/Quotes.cshtml b/GanjooRazor/Pages/Quotes.cshtml
index 92943ccc..92bd6bdc 100644
--- a/GanjooRazor/Pages/Quotes.cshtml
+++ b/GanjooRazor/Pages/Quotes.cshtml
@@ -17,7 +17,7 @@
     <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>
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";
diff --git a/GanjooRazor/Pages/ReportRecitation.cshtml b/GanjooRazor/Pages/ReportRecitation.cshtml
index de40e6e7..1c01d473 100644
--- a/GanjooRazor/Pages/ReportRecitation.cshtml
+++ b/GanjooRazor/Pages/ReportRecitation.cshtml
@@ -239,7 +239,7 @@
 
 
 
-                <script src="~/js/bk.js?version=78"></script>
+                <script src="~/js/bk.js?version=79"></script>
                 <script src="~/js/jplayersupport.js"></script>
                 <script src="~/js/vaabd.js?version=10"></script>
                 <script src="~/dist/jplayer/jquery.jplayer.min.js"></script>
diff --git a/GanjooRazor/Pages/Search.cshtml b/GanjooRazor/Pages/Search.cshtml
index f51d7e92..54c9edcb 100644
--- a/GanjooRazor/Pages/Search.cshtml
+++ b/GanjooRazor/Pages/Search.cshtml
@@ -22,7 +22,7 @@
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
     <script src="/js/chart.js"></script>
     <script src="/lib/jquery/dist/jquery.min.js"></script>
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";
diff --git a/GanjooRazor/Pages/Shared/_AdminLayout.cshtml b/GanjooRazor/Pages/Shared/_AdminLayout.cshtml
index e868ef4b..c0947b32 100644
--- a/GanjooRazor/Pages/Shared/_AdminLayout.cshtml
+++ b/GanjooRazor/Pages/Shared/_AdminLayout.cshtml
@@ -36,7 +36,7 @@
         });
     </script>
 
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script>
         function editBanner(bannerId) {
             var url = '?handler=Edit';
diff --git a/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml b/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
index 04a9c4ba..2133d4b0 100644
--- a/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
+++ b/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
@@ -33,7 +33,7 @@
         });
     </script>
     <script src="/lib/diff.js"></script>
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script>
         function compareCorrectionBlocks(originalElemenyId, editedElementId, resultElementId) {
             var a = document.getElementById(originalElemenyId);
diff --git a/GanjooRazor/Pages/Simi.cshtml b/GanjooRazor/Pages/Simi.cshtml
index 1c634604..a9f81753 100644
--- a/GanjooRazor/Pages/Simi.cshtml
+++ b/GanjooRazor/Pages/Simi.cshtml
@@ -18,7 +18,7 @@
     <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>
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";
diff --git a/GanjooRazor/Pages/Tagged.cshtml b/GanjooRazor/Pages/Tagged.cshtml
index 14104ffe..0bb425f4 100644
--- a/GanjooRazor/Pages/Tagged.cshtml
+++ b/GanjooRazor/Pages/Tagged.cshtml
@@ -18,7 +18,7 @@
     <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>
-    <script src="/js/bk.js?version=78"></script>
+    <script src="/js/bk.js?version=79"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";
diff --git a/GanjooRazor/Pages/_7DaysVisitsPartial.cshtml b/GanjooRazor/Pages/_7DaysVisitsPartial.cshtml
new file mode 100644
index 00000000..a8691225
--- /dev/null
+++ b/GanjooRazor/Pages/_7DaysVisitsPartial.cshtml
@@ -0,0 +1,42 @@
+@using DNTPersianUtils.Core
+@model GanjooRazor.Pages._7DaysVisitsPartialModel
+@if (Model.SevenDaysVisits == null)
+{
+    <p>در دریافت آمار خطایی رخ داده، لطفاً مجدداً دکمهٔ روند بازدیدها را بزنید.</p>
+    return;
+}
+@if (Model.SevenDaysVisits.Length > 0)
+{
+    <table class="stats" id="7days-visits">
+        <thead>
+            <tr class="h">
+                <td class="c1">ردیف</td>
+                <td class="c2">تاریخ</td>
+                <td class="c3">شمار</td>
+            </tr>
+        </thead>
+        <tbody>
+            @for (int i = 0; i < Model.SevenDaysVisits.Length; i++)
+            {
+                @if (i % 2 == 0)
+                {
+                    <tr class="e">
+                        <td class="c1">@((i + 1).ToPersianNumbers())</td>
+                        <td class="c2">@RMuseum.Services.Implementation.LanguageUtils.FormatInShortDate(Model.SevenDaysVisits[i].Date)</td>
+                        <td class="c3">@RMuseum.Services.Implementation.LanguageUtils.FormatMoney(Model.SevenDaysVisits[i].Visits)</td>
+                    </tr>
+
+                }
+                else
+                {
+                    <tr>
+                        <td class="c1">@((i + 1).ToPersianNumbers())</td>
+                        <td class="c2">@RMuseum.Services.Implementation.LanguageUtils.FormatInShortDate(Model.SevenDaysVisits[i].Date)</td>
+                        <td class="c3">@RMuseum.Services.Implementation.LanguageUtils.FormatMoney(Model.SevenDaysVisits[i].Visits)</td>
+                    </tr>
+                }
+            }
+        </tbody>
+    </table>
+
+}
diff --git a/GanjooRazor/Pages/_7DaysVisitsPartial.cshtml.cs b/GanjooRazor/Pages/_7DaysVisitsPartial.cshtml.cs
new file mode 100644
index 00000000..21029499
--- /dev/null
+++ b/GanjooRazor/Pages/_7DaysVisitsPartial.cshtml.cs
@@ -0,0 +1,10 @@
+using KontorService.Models.Reporting.ViewModels;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace GanjooRazor.Pages
+{
+    public class _7DaysVisitsPartialModel : PageModel
+    {
+        public DateRangeVisitsViewModel[] SevenDaysVisits { get; set; }
+    }
+}
diff --git a/GanjooRazor/Pages/_GanjoorPagePartial.cshtml b/GanjooRazor/Pages/_GanjoorPagePartial.cshtml
index 09842e77..5bc59185 100644
--- a/GanjooRazor/Pages/_GanjoorPagePartial.cshtml
+++ b/GanjooRazor/Pages/_GanjoorPagePartial.cshtml
@@ -509,6 +509,7 @@
                                 <div class="poemtablinks"><a href="#rpoems">هم‌آهنگ‌ها</a></div>
                             }
                             <div class="poemtablinks"><a href="#songs">ترانه‌ها</a></div>
+                            <div class="poemtablinks"><a href="#7daysvisits" onclick="javascript:load7DaysVisits('@Model.GanjoorPage.FullUrl')">روند بازدیدها</a></div>
                             <div class="poemtablinks">
                                 <a href="#discussions">حاشیه‌ها</a>
                             </div>
@@ -746,6 +747,7 @@
                                     <div class="poemtablinks"><a href="#rpoems">هم‌آهنگ‌ها</a></div>
                                 }
                                 <div class="poemtablinks"><a href="#songs">ترانه‌ها</a></div>
+                                <div class="poemtablinks"><a href="#7daysvisits" onclick="javascript:load7DaysVisits('@Model.GanjoorPage.FullUrl')">روند بازدیدها</a></div>
                                 <div class="poemtablinks">
                                     <a href="#discussions">حاشیه‌ها</a>
                                 </div>
@@ -780,6 +782,7 @@
                                     <div class="poemtablinks"><a href="#rpoems">هم‌آهنگ‌ها</a></div>
                                 }
                                 <div class="poemtablinks"><a href="#songs">ترانه‌ها</a></div>
+                                <div class="poemtablinks"><a href="#7daysvisits" onclick="javascript:load7DaysVisits('@Model.GanjoorPage.FullUrl')">روند بازدیدها</a></div>
                                 <div class="poemtablinks">
                                     <a href="#discussions">حاشیه‌ها</a>
                                 </div>
@@ -873,6 +876,7 @@
                                             <div class="poemtablinks"><a href="#rpoems">هم‌آهنگ‌ها</a></div>
                                         }
                                         <div class="poemtablinks"><a href="#songs">ترانه‌ها</a></div>
+                                        <div class="poemtablinks"><a href="#7daysvisits" onclick="javascript:load7DaysVisits('@Model.GanjoorPage.FullUrl')">روند بازدیدها</a></div>
                                         <div class="poemtablinks">
                                             <a href="#discussions">حاشیه‌ها</a>
                                         </div>
@@ -914,6 +918,7 @@
                                             <div class="poemtablinks"><a href="#rpoems">هم‌آهنگ‌ها</a></div>
                                         }
                                         <div class="poemtablinks"><a href="#songs">ترانه‌ها</a></div>
+                                        <div class="poemtablinks"><a href="#7daysvisits" onclick="javascript:load7DaysVisits('@Model.GanjoorPage.FullUrl')">روند بازدیدها</a></div>
                                         <div class="poemtablinks">
                                             <a href="#discussions">حاشیه‌ها</a>
                                         </div>
@@ -948,6 +953,7 @@
                                         <div class="poemtablinks"><a href="#rpoems">هم‌آهنگ‌ها</a></div>
                                     }
                                     <div class="poemtablinks"><a href="#songs">ترانه‌ها</a></div>
+                                    <div class="poemtablinks"><a href="#7daysvisits" onclick="javascript:load7DaysVisits('@Model.GanjoorPage.FullUrl')">روند بازدیدها</a></div>
                                     <div class="poemtablinks">
                                         <a href="#discussions">حاشیه‌ها</a>
                                     </div>
@@ -1001,6 +1007,7 @@
                                         <div class="poemtablinks active"><a href="#rpoems">هم‌آهنگ‌ها</a></div>
                                     }
                                     <div class="poemtablinks"><a href="#songs">ترانه‌ها</a></div>
+                                    <div class="poemtablinks"><a href="#7daysvisits" onclick="javascript:load7DaysVisits('@Model.GanjoorPage.FullUrl')">روند بازدیدها</a></div>
                                     <div class="poemtablinks">
                                         <a href="#discussions">حاشیه‌ها</a>
                                     </div>
@@ -1088,6 +1095,7 @@
                                     <div class="poemtablinks"><a href="#rpoems">هم‌آهنگ‌ها</a></div>
                                 }
                                 <div class="poemtablinks active"><a href="#songs">ترانه‌ها</a></div>
+                                <div class="poemtablinks"><a href="#7daysvisits" onclick="javascript:load7DaysVisits('@Model.GanjoorPage.FullUrl')">روند بازدیدها</a></div>
                                 <div class="poemtablinks">
                                     <a href="#discussions">حاشیه‌ها</a>
                                 </div>
@@ -1128,6 +1136,41 @@
                             }
                         </div>
 
+                        <div class="poempretab" id="7daysvisits"></div>
+                        <div class="poemtab">
+                            <div class="poemtablinks"><a href="#pretab">اطّلاعات</a></div>
+                            <div class="poemtablinks"><a href="#words" onclick="javascript:countPoemWords(@Model.GanjoorPage.Id, @Model.GanjoorPage.PoetOrCat.Cat.Id, @Model.GanjoorPage.PoetOrCat.Poet.Id)">واژگان</a></div>
+                            <div class="poemtablinks"><a href="#manuscripts">تصاویر</a></div>
+                            @if (Model.GanjoorPage.Poem.Recitations.Where(a => a.RecitationType == RMuseum.Models.GanjoorAudio.RecitationType.Normal).Any())
+                            {
+                                <div class="poemtablinks"><a href="#recitations">خوانش‌ها</a></div>
+                            }
+
+                            @if (Model.GanjoorPage.Poem.Recitations.Where(a => a.RecitationType == RMuseum.Models.GanjoorAudio.RecitationType.Commentary).Any())
+                            {
+                                <div class="poemtablinks"><a href="#commentaries">شرح‌های صوتی</a></div>
+                            }
+                            <div class="poemtablinks"><a href="#qpoems">مشق شعر</a></div>
+                            @if (Model.SectionsWithRelated.Count > 0)
+                            {
+                                <div class="poemtablinks"><a href="#rpoems">هم‌آهنگ‌ها</a></div>
+                            }
+                            <div class="poemtablinks"><a href="#songs">ترانه‌ها</a></div>
+                            <div class="poemtablinks active"><a href="#7daysvisits" onclick="javascript:load7DaysVisits('@Model.GanjoorPage.FullUrl')">روند بازدیدها</a></div>
+                            <div class="poemtablinks">
+                                <a href="#discussions">حاشیه‌ها</a>
+                            </div>
+                        </div>
+                        <div class="related-images-frame poemtabcontent">
+                            <div class="century cursor-pointer" id="load-7daysvisits" onclick="load7DaysVisits('@Model.GanjoorPage.FullUrl')">
+                                بارگذاری روند بازدیدها
+                            </div>
+
+                            <div id="7daysvisits-placeholder">
+                            </div>
+                        </div>
+
+
                         <div class="poempretab" id="discussions"></div>
                         <div class="poemtab">
                             <div class="poemtablinks"><a href="#pretab">اطّلاعات</a></div>
@@ -1148,6 +1191,7 @@
                                 <div class="poemtablinks"><a href="#rpoems">هم‌آهنگ‌ها</a></div>
                             }
                             <div class="poemtablinks"><a href="#songs">ترانه‌ها</a></div>
+                            <div class="poemtablinks"><a href="#7daysvisits" onclick="javascript:load7DaysVisits('@Model.GanjoorPage.FullUrl')">روند بازدیدها</a></div>
                             <div class="poemtablinks active">
                                 <a href="#discussions">حاشیه‌ها</a>
                             </div>
diff --git a/GanjooRazor/Pages/_TopVisitsPartial.cshtml b/GanjooRazor/Pages/_TopVisitsPartial.cshtml
index ee05b4f5..1ece7b98 100644
--- a/GanjooRazor/Pages/_TopVisitsPartial.cshtml
+++ b/GanjooRazor/Pages/_TopVisitsPartial.cshtml
@@ -1,5 +1,11 @@
 @using DNTPersianUtils.Core
 @model GanjooRazor.Pages._TopVisitsPartialModel
+@if (Model.Visits == null)
+{
+    <p>در دریافت آمار خطایی رخ داده، لطفاً مجدداً دکمهٔ پربازدیدها را بزنید.</p>
+    return;
+}
+
 @if (Model.Visits.Length > 0)
 {
     <table class="stats" id="top-visits">
diff --git a/GanjooRazor/wwwroot/js/bk.js b/GanjooRazor/wwwroot/js/bk.js
index b86b0ef9..69361264 100644
--- a/GanjooRazor/wwwroot/js/bk.js
+++ b/GanjooRazor/wwwroot/js/bk.js
@@ -1972,6 +1972,12 @@ function loadContributionsUsers(dataType, pageNumber) {
 }
 
 function loadTopVisits(url) {
+    if (document.getElementById("top-visits") != null) {
+        return;
+    }
+    if (document.getElementById("load-topvisits") != null) {
+        document.getElementById("load-topvisits").remove();
+    }
     var divParent = document.getElementById('topvisits-placeholder');
     var imgElementId = 'loadingtopvisitsimg';
     divParent.innerHTML = '<div class="bnumdiv" id="remove-this-topvisits"><img id="' + imgElementId + '" src="/image/loading.gif" alt="بارگذاری"/></div>';
@@ -1986,12 +1992,37 @@ function loadTopVisits(url) {
         success: function (data) {
             if (document.getElementById("remove-this-topvisits") != null) {
                 document.getElementById("remove-this-topvisits").remove();
-                if (document.getElementById("load-topvisits") != null) {
-                    document.getElementById("load-topvisits").remove();
-                }
                 $(data).appendTo(divParent);
                 plotChart('top-visits');
             }
         },
     });
+}
+
+function load7DaysVisits(url) {
+    if (document.getElementById("7days-visits") != null) {
+        return;
+    }
+    if (document.getElementById("load-7daysvisits") != null) {
+        document.getElementById("load-7daysvisits").remove();
+    }
+    var divParent = document.getElementById('7daysvisits-placeholder');
+    var imgElementId = 'loading7daysvisitsimg';
+    divParent.innerHTML = '<div class="bnumdiv" id="remove-this-7daysvisits"><img id="' + imgElementId + '" src="/image/loading.gif" alt="بارگذاری"/></div>';
+    $.ajax({
+        type: "GET",
+        url: '?Handler=SevenDaysVisits&url=' + url,
+        error: function () {
+            if (document.getElementById("remove-this-7daysvisits") != null) {
+                document.getElementById("remove-this-7daysvisits").remove();
+            }
+        },
+        success: function (data) {
+            if (document.getElementById("remove-this-7daysvisits") != null) {
+                document.getElementById("remove-this-7daysvisits").remove();
+                $(data).appendTo(divParent);
+                plotChart('7days-visits');
+            }
+        },
+    });
 }
\ No newline at end of file