From b1a1651ad7e7faf7a87aca8fea1cdad156f3606e Mon Sep 17 00:00:00 2001
From: SayaAndy <montferrat@tuta.io>
Date: Sat, 16 Aug 2025 11:48:09 +0700
Subject: feat: clickable tags (to search explicitly one) feat: show published
 time in client's timezone feat: make 'ram' theme default fix: show tags
 header in catalogue

---
 views/pages/blog-catalogue.html | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

(limited to 'views/pages')

diff --git a/views/pages/blog-catalogue.html b/views/pages/blog-catalogue.html
index 6c0f629..2b248c3 100644
--- a/views/pages/blog-catalogue.html
+++ b/views/pages/blog-catalogue.html
@@ -49,7 +49,7 @@
 
     <div class="w-[0.5vh] border-r-[0.3vh] border-dotted border-main-dark bg-background-dark"></div>
 
-    <div hx-get="/api/v1/blog-search" hx-vals='{"lang": "{{ .Lang }}"}' hx-target="this" hx-swap="innerHTML" hx-trigger="load" hx-include=".tags-list"
+    <div hx-get="/api/v1/blog-search" hx-vals='js:{lang: "{{ .Lang }}", tz: clientTimeZone}' hx-target="this" hx-swap="innerHTML" hx-trigger="load" hx-include=".tags-list"
         class="blog-cards grow flex flex-col overflow-y-auto bg-background-light inset-shadow p-[2.4vmin]">
         Loading...
     </div>
@@ -57,8 +57,6 @@
 {{ end }}
 
 {{ define "footer" }}
-<script src="https://f003.backblazeb2.com/file/sayana-static/libs/htmx/2.0.6/htmx.min.js"></script>
-
 <script>
     function selectAll() {
         const tagsContainers = document.querySelectorAll('form.tags-list');
@@ -120,6 +118,24 @@
         window.history.pushState({}, '', url.toString());
     }
 
+    function pickedTagSetHrefParams(tag) {
+        const url = new URL(window.location.href);
+        url.searchParams.delete('tags[]');
+        url.searchParams.set('tags[]', tag);
+
+        const tagsContainers = document.querySelectorAll('form.tags-list');
+        tagsContainers.forEach(tagsContainer => {
+            const checkboxes = tagsContainer.querySelectorAll('input[type="checkbox"]');
+            checkboxes.forEach(checkbox => {
+                checkbox.checked = false;
+            });
+            chosenCheckbox = tagsContainer.querySelector(`#tag${tag}Checkbox`);
+            chosenCheckbox.checked = true;
+        });
+
+        window.history.pushState({}, '', url.toString());
+    }
+
     document.addEventListener('DOMContentLoaded', contextAll);
 </script>
 
-- 
cgit v1.3.1+13