Files
ProxmoxAAS-Dashboard/web/scripts/login.js
Arthur Lu 099f9c4e42 simplify front end routes,
simplify ssr fragment fetch methods
2025-04-15 17:13:22 +00:00

46 lines
1.3 KiB
JavaScript

import { goToPage, setAppearance, requestAPI } from "./utils.js";
import { alert } 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) {
alert("Authenticaton failed.");
formSubmitButton.innerText = "LOGIN";
}
else if (ticket.status === 408) {
alert("Network error.");
formSubmitButton.innerText = "LOGIN";
}
else {
alert("An error occured.");
console.error(ticket);
formSubmitButton.innerText = "LOGIN";
console.error(ticket.error);
}
});
}
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");
}