Split auth UI module and load FAQ from markdown assets

2026-02-07 02:28:21 +01:00
parent 5f31455651
commit 536e6392f0
6 changed files with 514 additions and 94 deletions
--- a/wwwroot/js/auth-ui.js
+++ b/wwwroot/js/auth-ui.js
@@ -0,0 +1,72 @@
+import { t } from "./i18n.js";
+import { state, getSavedUsername } from "./state.js";
+import { $, toast } from "./dom.js";
+
+export function setAuthUI(isAuthed) {
+    const main = document.querySelector("main");
+    const statusBar = document.querySelector(".status-bar");
+    const authCard = $("auth-card");
+    [main, statusBar].forEach((el) =>
+        el?.classList.toggle("hidden", !isAuthed),
+    );
+    if (authCard) authCard.classList.toggle("hidden", isAuthed);
+    const adminToggle = $("admin-toggle");
+    if (adminToggle)
+        adminToggle.classList.toggle("hidden", !isAuthed || !state.me?.isAdmin);
+    if (!isAuthed) {
+        const adminCard = $("admin-card");
+        if (adminCard) adminCard.classList.add("hidden");
+        const loginUser = $("login-username");
+        const cachedUser = getSavedUsername();
+        if (
+            loginUser &&
+            cachedUser &&
+            !loginUser.dataset.userEditing &&
+            !loginUser.value
+        ) {
+            loginUser.value = cachedUser;
+        }
+    }
+}
+
+export function setAuthMode(mode) {
+    state.authMode = mode;
+    document.querySelectorAll(".auth-form").forEach((form) => {
+        form.classList.toggle("hidden", form.dataset.mode !== mode);
+    });
+    const title = $("auth-title");
+    const toggleBtn = $("auth-toggle");
+    if (title) {
+        title.textContent =
+            mode === "login"
+                ? t("auth.loginHeading")
+                : t("auth.registerHeading");
+    }
+    if (toggleBtn) {
+        toggleBtn.textContent =
+            mode === "login"
+                ? t("auth.switchToRegister")
+                : t("auth.switchToLogin");
+    }
+}
+
+export function handleAuthError(err, clearUserState) {
+    if (err?.status === 401) {
+        clearUserState();
+        state.isAuthenticated = false;
+        setAuthUI(false);
+        return true;
+    }
+    toast(err?.message || t("toast.unexpected"), true);
+    return false;
+}
+
+export function renderWelcome() {
+    const el = $("welcome-text");
+    if (!el) return;
+    const name =
+        state.me?.displayName?.trim() ||
+        state.me?.username ||
+        t("auth.defaultName");
+    el.textContent = t("auth.welcome", { name });
+}