49 lines
No EOL
1.6 KiB
JavaScript
49 lines
No EOL
1.6 KiB
JavaScript
document.addEventListener("DOMContentLoaded", () => {
|
|
|
|
// elements
|
|
|
|
let depositForm = document.getElementById("depositform");
|
|
let statusInfo = document.getElementById("statusinfo");
|
|
let depositSubmitButton = document.getElementById("depositsubmitbtn");
|
|
|
|
// event listener for deposit form
|
|
// this implements a custom submit method
|
|
|
|
depositForm.addEventListener("submit", (event) => {
|
|
|
|
depositSubmitButton.disabled = true;
|
|
|
|
event.preventDefault(); // Don't do the default submit action!
|
|
|
|
let xhr = new XMLHttpRequest();
|
|
let formData = new FormData(depositForm);
|
|
|
|
xhr.addEventListener("load", (event) => {
|
|
|
|
status_ = event.target.status;
|
|
response_ = event.target.responseText;
|
|
|
|
if (status_ == 200 && response_ == "success") {
|
|
statusInfo.innerText = "Success. Redirecting soon.";
|
|
window.location.replace("/");
|
|
}
|
|
else {
|
|
statusInfo.classList.add("errortext");
|
|
statusInfo.innerText = "An error occured. Redirecting in 5 seconds...";
|
|
window.setTimeout(() => { window.location.replace("/") }, 5000);
|
|
}
|
|
|
|
})
|
|
|
|
xhr.addEventListener("error", (event) => {
|
|
statusInfo.classList.add("errortext");
|
|
statusInfo.innerText = "An error occured. Redirecting in 5 seconds...";
|
|
window.setTimeout(() => { window.location.replace("/") }, 5000);
|
|
})
|
|
|
|
xhr.open("POST", "/api/deposit");
|
|
xhr.send(formData);
|
|
|
|
});
|
|
|
|
}) |