Implemented 'custom forms' to replace individual scripts for deposit and supply forms

app/static/js/custom_form.js

@@ -0,0 +1,34 @@
+document.addEventListener("DOMContentLoaded", () => {
+    // elements
+    let customForm = document.getElementById("customform");
+    let statusInfo = document.getElementById("statusinfo");
+    let submitButton = document.getElementById("submitbtn");
+    // event listener for deposit form
+    // this implements a custom submit method
+    customForm.addEventListener("submit", (event) => {
+        submitButton.disabled = true;
+        event.preventDefault(); // Don't do the default submit action!
+        let xhr = new XMLHttpRequest();
+        let formData = new FormData(customForm);
+        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", customForm.action);
+        xhr.send(formData);
+    });
+});