blob: ac43e5d929828d79016b8a613847b41229d5db3f (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
const form = document.getElementById("login-form");
function get_login_payload() {
return {
username: document.querySelector("input[name=username]").value,
password: document.querySelector("input[name=password]").value
}
}
function show_error(title, subtitle) {
if (!title || !subtitle) {
console.error("parameter title or subtitle is empty");
return;
}
const errorEl = form.querySelector(".error");
if (!errorEl) {
console.error("#" + form.id + " does not have an .error element")
return;
}
errorEl.querySelector(".title").innerText = title;
errorEl.querySelector(".subtitle").innerHTML = subtitle;
}
async function submit_login_form(event) {
event.preventDefault();
event.stopPropagation();
const response = await fetch("/account/login", {
method: "post",
body: JSON.stringify(get_login_payload()),
headers: {
"Content-Type": "application/json;charset=utf-8"
}
})
if (response.ok) {
const sessionResponse = await fetch("/session");
session.set(await sessionResponse.json());
location.href = "/home";
return;
}
}
function init() {
form.addEventListener("submit", submit_login_form)
}
document.addEventListener("DOMContentLoaded", init)
|
