KKlochko/simple-cljs-blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update the admin panel to show the article counters.

Browse Source
This commit is contained in:
KKlochko
2024-04-09 22:28:32 +03:00
parent 75b7d84806
commit 657d58d15f
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/admin_panel.hbs
+13 -2
View File
@@ -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}`"