From 2cbbaaa40019e452b41c98720af8c23759351200 Mon Sep 17 00:00:00 2001
From: SayaAndy <saya.andy@posteo.com>
Date: Mon, 20 Oct 2025 02:24:44 +0700
Subject: feat: shorten toolbar in global map, paint map on the whole screen
 fix: have toolbar buttons' href updated with language change

---
 views/layouts/general-page.html | 33 ++++++++++++++++++++++-----------
 1 file changed, 22 insertions(+), 11 deletions(-)

(limited to 'views/layouts/general-page.html')

diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html
index cc66a2c..49c0fae 100644
--- a/views/layouts/general-page.html
+++ b/views/layouts/general-page.html
@@ -193,21 +193,32 @@
             <div class="theme-pin"></div>
         </div>
         <script>
-            function hideButtonsOnRoot() {
+            sidebarHomeButton = document.getElementById("sidebar-home-button");
+            sidebarMapButton = document.getElementById("sidebar-map-button");
+            sidebarBlogButton = document.getElementById("sidebar-blog-button");
+            sidebarBackButton = document.getElementById("sidebar-back-button");
+
+            function updateSidebar() {
                 if (location.pathname == "" || location.pathname == "/") {
-                    document.getElementById("sidebar-home-button").classList.add('hidden');
-                    document.getElementById("sidebar-map-button").classList.add('hidden');
-                    document.getElementById("sidebar-blog-button").classList.add('hidden');
-                    document.getElementById("sidebar-back-button").classList.add('hidden');
+                    sidebarHomeButton.classList.add('hidden');
+                    sidebarMapButton.classList.add('hidden');
+                    sidebarBlogButton.classList.add('hidden');
+                    sidebarBackButton.classList.add('hidden');
                 } else {
-                    document.getElementById("sidebar-home-button").classList.remove('hidden');
-                    document.getElementById("sidebar-map-button").classList.remove('hidden');
-                    document.getElementById("sidebar-blog-button").classList.remove('hidden');
-                    document.getElementById("sidebar-back-button").classList.remove('hidden');
+                    sidebarHomeButton.classList.remove('hidden');
+                    sidebarMapButton.classList.remove('hidden');
+                    sidebarBlogButton.classList.remove('hidden');
+                    sidebarBackButton.classList.remove('hidden');
+                    lang = location.pathname.split("/")[1];
+                    sidebarHomeButton.setAttribute('href', `/${lang}`);
+                    sidebarHomeButton.firstElementChild.setAttribute('onclick', `return changeUrl('/${lang}', false);`);
+                    sidebarMapButton.setAttribute('href', `/${lang}/map`);
+                    sidebarBlogButton.setAttribute('href', `/${lang}/blog`);
+                    sidebarBlogButton.firstElementChild.setAttribute('onclick', `return changeUrl('/${lang}/blog', false);`);
                 }
             }
-            window.addEventListener("popstate", hideButtonsOnRoot)
-            window.addEventListener("load", hideButtonsOnRoot, {once: true});
+            window.addEventListener("popstate", updateSidebar);
+            window.addEventListener("load", updateSidebar, {once: true});
         </script>
     </div>
 
-- 
cgit v1.3.1+13