register blah

2024-01-19 16:04:50 +08:00
parent 8dd917e541
commit e63bcf1734
9 changed files with 417 additions and 160 deletions
--- a/consumerWebsite/views/signuplogin.ejs
+++ b/consumerWebsite/views/signuplogin.ejs
@@ -0,0 +1,53 @@
+<%- include('logintop') %>
+
+<body>
+    <section class="wrapper">
+        <div class="form signup" >
+            <!--<div class="form signup card" -->
+            <header>Signup</header>
+            <!-- Return message from api -->
+            <div class="actionMessage" style="display:none"></div>
+            <!-- localhost/api/v0/user/register -->
+
+            <!-- evalAjax Fires when status is returned  -->
+            <form action="user/register" onsubmit="formAJAX(this)" evalAJAX="app.auth.logInRedirect();">
+                <input type="text" name="username" placeholder="Username" required />
+                <input type="text" name="email" placeholder="Email" required />
+                <input type="text" name="address" placeholder="Address" required />
+                <input type="text" name="phone" placeholder="Phone Number" required />
+                <input type="password" name="password" placeholder="Password" required />
+                <input type="password" name="confirmPassword" placeholder="Confirm Password" required />
+                <input type="submit" value="Signup" />
+            </form>
+        </div>
+
+        <div class="form login">
+            <header>Login</header>
+            <!-- Return message from api -->
+            <div class="actionMessage" style="display:none"></div>
+            <form action="user/login" onsubmit="formAJAX(this)" evalAJAX="app.auth.logInRedirect();">
+                <input type="text" id="email" placeholder="Email address" required />
+                <input type="password" id="password" placeholder="Password" required />
+                <a href="/resetPassword">Forgot password?</a>
+                <input type="submit" value="Login" />
+            </form>
+        </div>
+
+        <script>
+            const wrapper = document.querySelector(".wrapper"),
+                signupHeader = document.querySelector(".signup header"),
+                loginHeader = document.querySelector(".login header");
+
+            loginHeader.addEventListener("click", () => {
+                wrapper.classList.add("active");
+            });
+            signupHeader.addEventListener("click", () => {
+                wrapper.classList.remove("active");
+            });
+        </script>
+    </section>
+
+</body>
+
+</html>
+