From 0db5dbfef5e0ed3d3646ce6f75d4d84e7ebf647c Mon Sep 17 00:00:00 2001
From: Hamid Reza Mohammadi <mohammadi.hr@gmail.com>
Date: Sun, 17 Dec 2023 21:30:37 +0330
Subject: [PATCH] #418 load more quoted

---
 GanjooRazor/Pages/Index.cshtml.cs            | 24 +++++++++++++++++
 GanjooRazor/Pages/_GanjoorPagePartial.cshtml |  2 +-
 GanjooRazor/wwwroot/js/bk.js                 | 28 ++++++++++++++++++++
 3 files changed, 53 insertions(+), 1 deletion(-)

diff --git a/GanjooRazor/Pages/Index.cshtml.cs b/GanjooRazor/Pages/Index.cshtml.cs
index aca6a538..121cc72c 100644
--- a/GanjooRazor/Pages/Index.cshtml.cs
+++ b/GanjooRazor/Pages/Index.cshtml.cs
@@ -1170,5 +1170,29 @@ namespace GanjooRazor.Pages
                 }
             };
         }
+
+        public async Task<ActionResult> OnGetMoreQuotedPoemsPartialAsync(int poemId, int skip, string poetImageUrl, string poetNickName)
+        {
+            string url = $"{APIRoot.Url}/api/ganjoor/poem/{poemId}/quoteds?skip={skip}&itemsCount=1000";
+            var response = await _httpClient.GetAsync(url);
+            if (!response.IsSuccessStatusCode)
+                return new BadRequestObjectResult(JsonConvert.DeserializeObject<string>(await response.Content.ReadAsStringAsync()));
+
+            var quoteds = JArray.Parse(await response.Content.ReadAsStringAsync()).ToObject<List<GanjoorQuotedPoem>>();
+ 
+            return new PartialViewResult()
+            {
+                ViewName = "MultipleQuotedPoemsPartial",
+                ViewData = new ViewDataDictionary(new EmptyModelMetadataProvider(), new ModelStateDictionary())
+                {
+                    Model = new MultipleQuotedPoemsPartialModel()
+                    {
+                        GanjoorQuotedPoems = quoteds.ToArray(),
+                        PoetImageUrl = poetImageUrl,
+                        PoetNickName = poetNickName
+                    }
+                }
+            };
+        }
     }
 }
\ No newline at end of file
diff --git a/GanjooRazor/Pages/_GanjoorPagePartial.cshtml b/GanjooRazor/Pages/_GanjoorPagePartial.cshtml
index 0493018c..4771f011 100644
--- a/GanjooRazor/Pages/_GanjoorPagePartial.cshtml
+++ b/GanjooRazor/Pages/_GanjoorPagePartial.cshtml
@@ -632,7 +632,7 @@
                                                 {
                                                     <div id="more-quoted-placeholder"></div>
                                                     <div id="load-more-quoted">
-                                                        <a role="button" class="pagebutton" id="load-more-quoted" onclick="loadMoreQuotedPoems(@Model.GanjoorPage.Poem.Id, 5)">بیشتر<i class="info-buttons autorenew"></i></a>
+                                                        <a role="button" class="pagebutton" id="load-more-quoted" onclick="loadMoreQuotedPoems(@Model.GanjoorPage.Poem.Id, 5, '@Model.GanjoorPage.PoetOrCat.Poet.ImageUrl', '@Model.GanjoorPage.PoetOrCat.Poet.Nickname')">بیشتر<i class="info-buttons autorenew"></i></a>
                                                     </div>
                                                 }
                                             </div>
diff --git a/GanjooRazor/wwwroot/js/bk.js b/GanjooRazor/wwwroot/js/bk.js
index 3eb21529..651a0d80 100644
--- a/GanjooRazor/wwwroot/js/bk.js
+++ b/GanjooRazor/wwwroot/js/bk.js
@@ -1445,3 +1445,31 @@ function loadMoreQuotedForRelatedPoem(quoteRecordId, poemId, relatedPoemId, poet
     });
 }
 
+
+function loadMoreQuotedPoems(poemId, skip, poetImageUrl, poetNickName) {
+    var loadButton = document.getElementById('load-more-quoted');
+    if (loadButton != null) {
+        loadButton.remove();
+    }
+    var divParent = document.getElementById('more-quoted-placeholder');
+    var imgeId = 'load-more-quoted-loadingimg';
+    divParent.innerHTML = divParent.innerHTML + '<img id="' + imgeId + '" src="/image/loading.gif" alt="بارگذاری  "/>';
+
+    $.ajax({
+        type: "GET",
+        url: '?Handler=MoreQuotedPoemsPartial',
+        data: {
+            poemId: poemId,
+            skip: skip,
+            poetImageUrl: poetImageUrl,
+            poetNickName: poetNickName
+        },
+        success: function (data) {
+
+            var imgElement = document.getElementById(imgeId);
+            imgElement.remove();
+
+            $(data).appendTo(document.getElementById('more-quoted-placeholder'));
+        },
+    });
+}