From cb8ef29cde3acfa0c3e1580193f9b748906537f5 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Sat, 6 Jun 2026 16:53:24 +0200
Subject: [PATCH] refactor: replace inline scripts with module scripts block

---
 templates/login.gohtml    | 29 ++---------------------------
 templates/schedule.gohtml |  3 ++-
 2 files changed, 4 insertions(+), 28 deletions(-)

diff --git a/templates/login.gohtml b/templates/login.gohtml
index 9967dcf..37b9203 100644
--- a/templates/login.gohtml
+++ b/templates/login.gohtml
@@ -1,4 +1,5 @@
 {{define "title"}}Login{{end}}
+{{define "scripts"}}{{end}}
 {{define "content"}}
 <main class="flex min-h-dvh items-center justify-center bg-[url(/static/images/background.png)] bg-cover bg-center px-3 py-4 sm:px-4 sm:py-8">
   <div class="mx-auto w-full max-w-[31.25rem] bg-background-surface px-5 pb-6 pt-7 shadow-sm sm:px-8 sm:pb-8 sm:pt-11 lg:px-12">
@@ -20,7 +21,7 @@
           placeholder="you@example.com"
           required
           value="{{.Username}}"
-          class="h-10 w-full bg-background-surface px-3 text-foreground outline-none transition focus:ring-1 focus:ring-accent rounded-none!"
+            class="h-10 w-full bg-background-surface px-3 text-foreground outline-none transition focus:ring-1 focus:ring-accent rounded-none!"
         />
       </div>
 
@@ -96,30 +97,4 @@
   </div>
 </main>
 
-<script>
-  (() => {
-    const button = document.querySelector('[data-toggle-password]');
-    const input = document.getElementById('password');
-    const openEye = document.querySelector('[data-eye-open]');
-    const closedEye = document.querySelector('[data-eye-closed]');
-    if (!(button instanceof HTMLButtonElement)) return;
-    if (!(input instanceof HTMLInputElement)) return;
-    if (!(openEye instanceof SVGElement)) return;
-    if (!(closedEye instanceof SVGElement)) return;
-
-    let showPassword = false;
-    const render = () => {
-      input.type = showPassword ? 'text' : 'password';
-      button.setAttribute('aria-label', showPassword ? 'Hide password' : 'Show password');
-      openEye.classList.toggle('hidden', showPassword);
-      closedEye.classList.toggle('hidden', !showPassword);
-    };
-
-    button.addEventListener('click', () => {
-      showPassword = !showPassword;
-      render();
-    });
-    render();
-  })();
-</script>
 {{end}}
diff --git a/templates/schedule.gohtml b/templates/schedule.gohtml
index e8f58d2..d4c44b9 100644
--- a/templates/schedule.gohtml
+++ b/templates/schedule.gohtml
@@ -1,4 +1,5 @@
 {{define "title"}}Schedule{{end}}
+{{define "scripts"}}<script type="module" src="/dist/static/schedule_board.js" defer></script>{{end}}
 {{define "content"}}
 <div class="flex flex-col gap-12 pb-24">
   <section class="px-1">
@@ -8,8 +9,8 @@
   </section>
 
   <div
+    data-schedule-loader
     hx-get="/api/schedule?year={{.ScheduleYear}}&week={{.ScheduleWeek}}"
-    hx-vals='js:{timezone: Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC"}'
     hx-trigger="load"
     hx-swap="outerHTML"
   >