From f105b8dcc09b0e053cc988b3ec6b094dbcf3ad7f Mon Sep 17 00:00:00 2001
From: "eoghan.conlon" <git@eoghanconlon.ie>
Date: Sat, 5 Aug 2023 16:42:52 +0100
Subject: [PATCH] Feat. Password confrim box added and related logic
 implemented

#3
---
 src/register.html | 60 ++++++++++++++++++++++++++---------------------
 1 file changed, 33 insertions(+), 27 deletions(-)

diff --git a/src/register.html b/src/register.html
index ff25e61..cfd3079 100644
--- a/src/register.html
+++ b/src/register.html
@@ -11,7 +11,9 @@
     <label for="user">Username</label>
     <input type="text" id="user" name="user" /> <br />
     <label for="pass">Password</label>
-    <input type="password" id="pass" name="pass" />
+    <input type="password" id="pass" name="pass" /> <br />
+    <label for="confirm">Confirm</label>
+    <input type="password" id="confirm" name="confirm" />
     <input type="Submit" value="Submit"/>
 </form>
 <p id="formStatus"></p>
@@ -25,35 +27,39 @@
     function formHandler(listener){
         listener.preventDefault();
         const formData = new FormData(formEl);
-        const url = new URL(window.location.href);
-        const urlParam = new URLSearchParams(url.search);
-        const auth = urlParam.get("auth");
-        const user = formData.get("user");
         const pass = formData.get("pass");
-        const object = { auth: auth, user: user, pass: pass };
-        fetch('https://api.sso.skynet.ie/ldap/new', {
-            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>";
-                    }
+        if(pass === formData.get("confirm")) {
+            const url = new URL(window.location.href);
+            const urlParam = new URLSearchParams(url.search);
+            const auth = urlParam.get("auth");
+            const user = formData.get("user");
+            const object = {auth: auth, user: user, pass: pass};
+            fetch('https://api.sso.skynet.ie/ldap/new', {
+                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>";
                 }
             })
-            .catch(() => document.getElementById('formStatus').innerHTML = "<span style='background-color: yellow; color: black'>Please try again</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>";
+                        }
+                    }
+                })
+                .catch(() => document.getElementById('formStatus').innerHTML = "<span style='background-color: yellow; color: black'>Please try again</span>");
+        } else {
+            document.getElementById('formStatus').innerHTML = `<span style='background-color: red; color: white'>Passwords don't match</span>`;
+        }
     }
 </script>
 </body>