From 325e3b8dd39a393c90698a0ee696d1ef207d0186 Mon Sep 17 00:00:00 2001
From: "eoghan.conlon" <git@eoghanconlon.ie>
Date: Mon, 7 Aug 2023 18:49:15 +0100
Subject: [PATCH] Script now complete

---
 src/signup.html | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/signup.html b/src/signup.html
index 3030f9b..c938df2 100644
--- a/src/signup.html
+++ b/src/signup.html
@@ -17,13 +17,10 @@
     <input type="email" id="mail" name="email" /> <br />
     <input type="submit" value="Submit" />
 </form>
+<p id="formStatus"></p>
 <footer>
     UL Computer Society 2023-<span id="year">2023</span>
 </footer>
-</body>
-<script>
-    document.getElementById('year').textContent = new Date().getFullYear().toString()
-</script>
 <script>
     const formEl = document.getElementById('register');
     formEl.addEventListener('submit', (listener) => formHandler(listener));
@@ -33,7 +30,23 @@
         const formData = new FormData(formEl);
         const email = formData.get("email");
         const object = {email: email};
-        alert(JSON.stringify(object));
+        fetch('https://api.account.skynet.ie/ldap/new/email', {
+            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>");
     }
 </script>
+</body>
+<script>
+    document.getElementById('year').textContent = new Date().getFullYear().toString()
+</script>
 </html>
\ No newline at end of file