melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: replace inline scripts with module scripts block

Browse Source
This commit is contained in:
mkelvers
2026-06-06 16:53:24 +02:00
committed by Milas Holsting
parent d6390acf3c
commit c9b3df573e
2 changed files with 4 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
templates/login.gohtml
View File

@@ -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}}