From 14d496a78d15926ca52e63d1e51641a5f8350c00 Mon Sep 17 00:00:00 2001
From: Nathan Reiner <nathan@nathanreiner.xyz>
Date: Fri, 14 Nov 2025 22:14:00 +0100
Subject: login-page: add login transition

---
 static/pages/login/index.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

(limited to 'static/pages/login/index.js')

diff --git a/static/pages/login/index.js b/static/pages/login/index.js
index 07c0aa2..80bacb0 100644
--- a/static/pages/login/index.js
+++ b/static/pages/login/index.js
@@ -6,6 +6,7 @@ import icons from '../../icons/index.js';
 const css = await sfw.css(import.meta.url, './index.css');
 
 export default class LoginView extends sfw.element.Container {
+	#container
 	#input
 	#user
 	#comment
@@ -19,7 +20,7 @@ export default class LoginView extends sfw.element.Container {
 		this.#user = null;
 
 		this.body.append(
-			Div.new({
+			this.#container = Div.new({
 				id: 'container',
 				children: [
 					Div.new({ id: 'title', innerText: 'Memora' }),
@@ -85,4 +86,17 @@ export default class LoginView extends sfw.element.Container {
 	set comment(value) {
 		this.#comment.innerText = value;
 	}
+
+	show() {
+		this.#container.classList.remove('hidden');
+		this.focus();
+	}
+
+	hide() {
+		this.#container.classList.add('hidden');
+	}
+
+	focus() {
+		this.#input.focus();
+	}
 }
-- 
cgit v1.2.3-70-g09d2