66 lines
1.5 KiB
JavaScript
66 lines
1.5 KiB
JavaScript
|
document.addEventListener("DOMContentLoaded", () => {
|
||
|
|
/* make all forms semi-smart */
|
||
|
|
const forms = document.querySelectorAll("form");
|
||
|
|
for (const form of forms) {
|
||
|
|
const script = form.querySelector("script");
|
||
|
|
|
||
|
|
form.onsubmit = async (event) => {
|
||
|
|
event.preventDefault();
|
||
|
|
|
||
|
|
const form_data = new FormData(form);
|
||
|
|
const body = {};
|
||
|
|
for (const [key, value] of form_data.entries()) {
|
||
|
|
const elements = key.split(".");
|
||
|
|
let current = body;
|
||
|
|
for (const element of elements.slice(0, elements.length - 1)) {
|
||
|
|
current[element] = current[element] ?? {};
|
||
|
|
current = current[element];
|
||
|
|
}
|
||
|
|
|
||
|
|
current[elements.slice(elements.length - 1).shift()] = value;
|
||
|
|
}
|
||
|
|
|
||
|
|
const url = form.action;
|
||
|
|
|
||
|
|
try {
|
||
|
|
// TODO: send session header
|
||
|
|
const response = await fetch(url, {
|
||
|
|
method: "POST",
|
||
|
|
headers: {
|
||
|
|
Accept: "application/json",
|
||
|
|
"Content-Type": "application/json",
|
||
|
|
},
|
||
|
|
body: JSON.stringify(body),
|
||
|
|
});
|
||
|
|
|
||
|
|
if (!response.ok) {
|
||
|
|
const error_body = await response.json();
|
||
|
|
const error = error_body?.error;
|
||
|
|
|
||
|
|
if (form.on_error) {
|
||
|
|
return form.on_error(error);
|
||
|
|
}
|
||
|
|
|
||
|
|
alert(error.message ?? "Unknown error!");
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
const response_body = await response.json();
|
||
|
|
if (form.on_response) {
|
||
|
|
return form.on_response(response_body);
|
||
|
|
}
|
||
|
|
} catch (error) {
|
||
|
|
console.dir({
|
||
|
|
error,
|
||
|
|
});
|
||
|
|
|
||
|
|
if (form.onerror) {
|
||
|
|
return form.onerror(error);
|
||
|
|
}
|
||
|
|
|
||
|
|
alert(error);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
});
|