From 8cb50b67f53899306f4683dea1104b6f284917c9 Mon Sep 17 00:00:00 2001
From: Brendan Golden <git@brendan.ie>
Date: Tue, 26 Sep 2023 21:17:38 +0100
Subject: [PATCH] feat: auth side of teh password up and running

---
 src/recovery/password_reset.html | 73 ++++++++++++++++++++++++++++++++
 src/recovery/reset.html          | 64 ----------------------------
 2 files changed, 73 insertions(+), 64 deletions(-)
 create mode 100644 src/recovery/password_reset.html
 delete mode 100644 src/recovery/reset.html
diff --git a/src/recovery/password_reset.html b/src/recovery/password_reset.html
new file mode 100644
index 0000000..159af12
--- /dev/null
+++ b/src/recovery/password_reset.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Password recovery</title>
+</head>
+<body>
+<h1>Password Recovery</h1>
+<p>Please enter a new password for your skynet account below</p>
+<form id="reset">
+    <label for="pass1">Password</label>
+    <input type="password" id="pass1" name="password"/> <br/>
+    <label for="pass2">Confirm</label>
+    <input type="password" id="pass2" name="confirm"/> <br/>
+    <input type="submit"/>
+</form>
+<p id="formStatus"></p>
+<footer>
+    UL Computer Society 2023-<span id="year">2023</span>
+</footer>
+<script>
+    document.getElementById('year').textContent = new Date().getFullYear().toString()
+</script>
+<script>
+    const formEl = document.getElementById("reset");
+    formEl.addEventListener('submit', (listener) => formHandler(listener));
+    const url = new URL(window.location.href);
+    const urlParam = new URLSearchParams(url.search);
+    const auth = urlParam.get("auth");
+
+    async function formHandler(listener) {
+        listener.preventDefault();
+
+        // reset
+        document.getElementById('formStatus').innerHTML = "";
+
+        const formData = new FormData(formEl);
+        const pass = formData.get("password");
+        const confirm = formData.get("confirm");
+
+        if (pass !== confirm) {
+            document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Failure: Passwords don't match</span>";
+            return;
+        }
+
+        let url = "https://api.account.skynet.ie/ldap/recover/password/auth";
+        let req;
+        try {
+            req = await fetch(url, {
+                method: 'POST',
+                body: JSON.stringify({auth: auth, pass: pass}),
+                mode: "cors"
+            });
+        } catch (e) {
+            document.getElementById('formStatus').innerHTML = `<span style='background-color: red; color: white'>${e}</span>`;
+            return;
+        }
+
+        if (req.status !== 200) {
+            document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Failure</span>";
+            return;
+        }
+
+        let data = req.json();
+        if (data.result === 'error') {
+            document.getElementById('formStatus').innerHTML = `<span style='background-color: red; color: white'>${data.error}</span>`;
+        } else {
+            document.getElementById('formStatus').innerHTML = "<span style='background-color: green; color: white'>Success</span>";
+        }
+    }
+</script>
+</body>
+</html>
diff --git a/src/recovery/reset.html b/src/recovery/reset.html
deleted file mode 100644
index 409ad74..0000000
--- a/src/recovery/reset.html
+++ /dev/null
@@ -1,64 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Password recovery</title>
-</head>
-<body>
-<h1>Password Recovery</h1>
-<p>Please enter a new password for your skynet account below</p>
-<form id="reset">
-    <label for="pass1">Password</label>
-    <input type="password" id="pass1" name="password"/> <br/>
-    <label for="pass2">Confirm</label>
-    <input type="password" id="pass2" name="confirm"/> <br/>
-    <input type="submit"/>
-</form>
-<p id="formStatus"></p>
-<footer>
-    UL Computer Society 2023-<span id="year">2023</span>
-</footer>
-<script>
-    document.getElementById('year').textContent = new Date().getFullYear().toString()
-</script>
-<script>
-    const formEl = document.getElementById("reset");
-    formEl.addEventListener('submit', (listener) => formHandler(listener));
-
-    function formHandler(listener) {
-        listener.preventDefault();
-        const formData = new FormData(formEl);
-        const pass = formData.get("password");
-        if (pass === formData.get("confirm")) {
-            const url = new URL(window.location.href);
-            const urlParam = new URLSearchParams(url.search);
-            const auth = urlParam.get("auth");
-            const object = {auth: auth, pass: pass};
-            fetch("https://api.account.skynet.ie/ldap/recover/auth", {
-                method: 'POST',
-                body: JSON.stringify(object),
-                mode: "cors"
-            }).then(res => {
-                if (res.status === 200) {
-                    return res.json();
-                } 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>";
-                }
-            }).then(temp => {
-                if (temp) {
-                    if (temp.result === 'error') {
-                        document.getElementById('formStatus').innerHTML = `<span style='background-color: red; color: white'>${temp.error}</span>`;
-                    } else {
-                        document.getElementById('formStatus').innerHTML = "<span style='background-color: green; color: white'>Success</span>";
-                    }
-                }
-            })
-        } else {
-            document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Failure: Passwords don't match</span>";
-        }
-    }
-</script>
-</body>
-</html>
