use GODEBUG=embedfollowsymlinks=1 to support symlinked web src files

app/web/scripts/login.js

@@ -0,0 +1,44 @@
+import { goToPage, setAppearance, requestAPI } from "./utils.js";
+import { error } from "./dialog.js";
+
+window.addEventListener("DOMContentLoaded", init);
+
+async function init () {
+	await deleteAllCookies();
+	setAppearance();
+
+	const formSubmitButton = document.querySelector("#submit");
+	formSubmitButton.addEventListener("click", async (e) => {
+		e.preventDefault();
+		const form = document.querySelector("form");
+		const formData = new FormData(form);
+
+		formSubmitButton.innerText = "Authenticating...";
+		const ticket = await requestTicket(formData.get("username"), formData.get("password"), formData.get("realm"));
+		if (ticket.status === 200) {
+			formSubmitButton.innerText = "LOGIN";
+			goToPage("index");
+		}
+		else if (ticket.status === 401) {
+			error("Authenticaton failed.");
+			formSubmitButton.innerText = "LOGIN";
+		}
+		else if (ticket.status === 408) {
+			error("Network error.");
+			formSubmitButton.innerText = "LOGIN";
+		}
+		else {
+			error(`An error occured: ${JSON.stringify(ticket)}`);
+			formSubmitButton.innerText = "LOGIN";
+		}
+	});
+}
+
+async function requestTicket (username, password, realm) {
+	const response = await requestAPI("/access/ticket", "POST", { username: `${username}@${realm}`, password }, false);
+	return response;
+}
+
+async function deleteAllCookies () {
+	await requestAPI("/access/ticket", "DELETE");
+}