54 lines
2.2 KiB
Plaintext
54 lines
2.2 KiB
Plaintext
<%- 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>
|
|
|