From f06a42cb698d03568d0cf5a47c34ca804fc1bcb7 Mon Sep 17 00:00:00 2001
From: Bangara Raju Kottedi <bangararaju.kottedi@gmail.com>
Date: Tue, 7 May 2024 03:37:37 +0530
Subject: [PATCH] update post comments to api

---
 _includes/comments-counter.html | 28 +++++++++++++++++++++++++---
 _includes/likes-views.html      |  1 -
 _layouts/post.html              |  2 +-
 3 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/_includes/comments-counter.html b/_includes/comments-counter.html
index d56f5f7..7e04d13 100644
--- a/_includes/comments-counter.html
+++ b/_includes/comments-counter.html
@@ -4,6 +4,28 @@
     }
 </style>
 
-<i class="fa fa-comment" aria-hidden="true" {% if include.tooltip %} title="{{site.data.locales[include.lang].post.comments}}"
-    data-bs-toggle="tooltip" data-bs-placement="bottom" {% endif %}></i>
-<span class="remark42__counter"></span>
\ No newline at end of file
+<i class="fa fa-comment" aria-hidden="true" {% if include.tooltip %}
+    title="{{site.data.locales[include.lang].post.comments}}" data-bs-toggle="tooltip" data-bs-placement="bottom" {%
+    endif %}></i>
+<span class="remark42__counter"></span>
+
+<script>
+    function commentTextChange() {
+        var target = document.querySelector('.remark42__counter');
+        if(!target){
+            window.setTimeout(commentTextChange, 500);
+            return;
+        }
+        var observer = new MutationObserver(function (mutations) {
+            const comments = document.querySelector(".remark42__counter");
+            var commentsCount = 0;
+            if(Number(comments.innerText) !== NaN){
+                commentsCount = Number(comments.innerText);
+            }
+            ajax(serviceUrl + "/UpdatePostCommentsCount?blogUrl=" + siteId + "&postSlug=" + postId, "POST", commentsCount);
+        });
+        var config = { childList: true };
+        observer.observe(target, config);
+    }
+    commentTextChange();
+</script>
\ No newline at end of file
diff --git a/_includes/likes-views.html b/_includes/likes-views.html
index c74f868..e4b6c89 100644
--- a/_includes/likes-views.html
+++ b/_includes/likes-views.html
@@ -24,7 +24,6 @@
 
 {% include views.html tooltip=true onload=false lang=lang %}
 {% include likes.html tooltip=true onload=false lang=lang %}
-{% include comments-counter.html tooltip=true lang=lang %}
 
 <script>
     const views = document.getElementById("views-count");
diff --git a/_layouts/post.html b/_layouts/post.html
index 0076ff0..b1dbc9c 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -36,7 +36,7 @@ tail_includes:
         <!-- post counter -->
         <div id="likes-views">
           {% include likes-views.html tooltip=true lang=lang %}
-          <!-- {% include comments-counter.html tooltip=true lang=lang %} -->
+          {% include comments-counter.html tooltip=true lang=lang %}
         </div>
 
       </div>