login-page: add login transition

1 files changed, 15 insertions, 1 deletions

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();
+	}
 }