From 657d58d15f185a63e6f44e3004829be6b5076ac8 Mon Sep 17 00:00:00 2001
From: KKlochko <KKlochko@protonmail.com>
Date: Tue, 9 Apr 2024 22:28:32 +0300
Subject: [PATCH] Update the admin panel to show the article counters.

---
 views/admin_panel.hbs | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/views/admin_panel.hbs b/views/admin_panel.hbs
index e3ff3f1..f7d854d 100644
--- a/views/admin_panel.hbs
+++ b/views/admin_panel.hbs
@@ -8,7 +8,12 @@
           <div class="flex-1 flex items-center space-x-2">
             <h5>
               <span class="text-gray-500">All articles:</span>
-              <span class="dark:text-white">123456</span>
+              <span class="dark:text-white"
+                x-data="{ count: document.getElementById('articles').children.length }"
+                x-on:htmx:load.window="count = document.getElementById('articles').children.length"
+                @delete_row.window="count = document.getElementById('articles').children.length"
+                x-text="count">
+                </span>
             </h5>
           </div>
         </div>
@@ -60,7 +65,12 @@
         <nav class="flex flex-col md:flex-row justify-between items-start md:items-center space-y-3 md:space-y-0 p-4" aria-label="Table navigation">
           <span class="text-sm font-normal text-gray-500 dark:text-gray-400">
             Showing
-            <span class="font-semibold text-gray-900 dark:text-white">123456</span>
+            <span class="font-semibold text-gray-900 dark:text-white"
+              x-data="{ count: document.getElementById('articles').children.length }"
+              x-on:htmx:load.window="count = document.getElementById('articles').children.length"
+              @delete_row.window="count = document.getElementById('articles').children.length"
+              x-text="count">
+            </span>
           </span>
         </nav>
       </div>
@@ -107,6 +117,7 @@
           <h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400">Are you sure you want to delete this article?</h3>
           <button id="confirmDeleteButton"
                   x-init="$watch('deleteId', () => htmx.process(htmx.find('#confirmDeleteButton')))"
+                  @click="$dispatch('delete_row');"
 	          hx-swap="outerHTML"
                   x-bind:hx-delete="`/htmx/admin/rows/article/${deleteId}`"
                   x-bind:hx-target="`#row-${deleteId}`"