From b2c0d939f99116c77fb847fdf6e0a6fafb19e7dc Mon Sep 17 00:00:00 2001
From: Brendan Golden <git@brendan.ie>
Date: Tue, 26 Sep 2023 18:16:38 +0100
Subject: [PATCH] feat: password reset request form is functional

---
 src/recovery/password.html | 92 +++++++++++++++++++-------------------
 1 file changed, 46 insertions(+), 46 deletions(-)
diff --git a/src/recovery/password.html b/src/recovery/password.html
index ffa242d..48ed34d 100644
--- a/src/recovery/password.html
+++ b/src/recovery/password.html
@@ -7,14 +7,13 @@
 </head>
 <body>
 <form id="recovery">
-    <label for="options">Options</label>
-    <select onChange="selectField()" id="options">
-        <option value="" selected="selected">Please select an option</option>
-        <option value="user">Username</option>
-        <option value="email">Email</option>
-    </select> <br/>
-    <label for="value">Value</label>
-    <input type="text" id="value" name="value"/> <br/>
+    <label for="username">Username</label>
+    <input type="text" id="username" name="username"/>
+    <p>Or</p>
+    <label for="email">Email</label>
+    <input type="text" id="email" name="email"/>
+    <br/>
+    <br/>
     <input type="submit" value="submit"/>
 </form>
 <p id="formStatus"></p>
@@ -23,47 +22,48 @@
 </footer>
 <script>
     const formEl = document.getElementById('recovery');
-    formEl.addEventListener('submit', (listener) => formHandler(listener));
+    formEl.addEventListener('submit', formHandler);
 
-    function formHandler(listener) {
+    async function formHandler(listener) {
         listener.preventDefault();
-        const option = document.getElementById('options').value.toString();
-        if (option === '') {
-            document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Failure: Please select an option, then try again</span>";
-        } else {
-            const formData = new FormData(formEl);
-            const value = formData.get('value');
-            let object;
-            if (option === 'email') {
-                object = {email: value};
-            } else {
-                object = {user: value};
-            }
-            fetch('https://api.account.skynet.ie/ldap/recover/password', {
-                method: 'POST',
-                body: JSON.stringify(object),
-                mode: "cors"
-            }).then(res => {
-                if (res.status === 200) {
-                    document.getElementById('formStatus').innerHTML = "<span style='background-color: green; color: white'>Success</span>";
-                } else if (res.status === 500) {
-                    document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Failure</span>";
-                } else {
-                    document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Failure: Failed to communicate to server</span>";
-                }
-            }).catch(() => {
-                document.getElementById('formStatus').innerHTML = "<span style='background-color: yellow; color: black'>Please try again</span>";
-            });
-        }
-    }
 
-    function selectField() {
-        const field = document.getElementById('options').value;
-        const inputEl = document.getElementById('value');
-        if (field === "email") {
-            inputEl.type = 'email';
-        } else {
-            inputEl.type = 'text';
+        // reset teh form status
+        document.getElementById('formStatus').innerHTML = "";
+
+        const formData = new FormData(formEl);
+        const username = formData.get('username').trim();
+        const email = formData.get('email').trim();
+
+        if(username.length === 0 && email.length === 0){
+            document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Please enter username or email</span>";
+            return;
+        }
+
+        let to_send = {
+            email: email
+        };
+
+        // assuming username is not empty it is the preferred method
+        if(username.length > 0){
+            to_send = {user: username};
+        }
+
+        let url = "https://api.account.skynet.ie/ldap/recover/password";
+
+        try {
+            let req = await fetch(url, {
+                method: 'POST',
+                body: JSON.stringify(to_send),
+                mode: "cors"
+            });
+
+            if (req.status === 200) {
+                document.getElementById('formStatus').innerHTML = "<span style='background-color: green; color: white'>Success Please check emails</span>";
+            } else {
+                document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Failure: Failed to communicate to server</span>";
+            }
+        } catch (e) {
+            document.getElementById('formStatus').innerHTML = `<span style='background-color: red; color: white'>Error: ${e}</span>`;
         }
     }
 </script>
