|
|
@@ -5,88 +5,24 @@
|
|
|
<meta content="width=device-width, initial-scale=1" name="viewport"/>
|
|
|
<title>The Subline</title>
|
|
|
<link rel="icon" type="img/png" href="/shared/images/logo.png">
|
|
|
- <link rel="stylesheet" href="/shared/shared.css">
|
|
|
- <link rel="stylesheet" href="/passwordResetPages/passwordReset.css">
|
|
|
- <link href="https://fonts.googleapis.com/css?family=Saira&display=swap" rel="stylesheet">
|
|
|
+ <link rel="stylesheet" href="/passwordResetPages/style.css">
|
|
|
+ <link href="https://fonts.googleapis.com/css?family=Saira&display=swap" rel="stylesheet">
|
|
|
</head>
|
|
|
<body>
|
|
|
- <div class="header">
|
|
|
- <a class="headerStart" href="/" >
|
|
|
- <img src="/shared/images/logo.png" alt="Subline">
|
|
|
- <div class='headerLogo'>THE SUBLINE</div>
|
|
|
- </a>
|
|
|
-
|
|
|
- <div class="headerEnd">
|
|
|
- <a id="helpLink" class="headerHide" href="/help">HELP</a>
|
|
|
-
|
|
|
- <a id="privacyPolicyLink" class="headerHide" href="/privacy">PRIVACY POLICY</a>
|
|
|
-
|
|
|
- <a id="termsLink" class="headerHide" href="/terms">TERMS AND CONDITIONS</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <form action="/reset" method="post">
|
|
|
+ <h1>RESET PASSWORD:</h1>
|
|
|
|
|
|
- <% include ../shared/banner.ejs %>
|
|
|
+ <input name="password" type="password" placeholder="NEW PASSWORD">
|
|
|
|
|
|
- <h1 class="title">Reset Password</h1>
|
|
|
-
|
|
|
- <form class="form" action="/reset" method="post">
|
|
|
- <input name="password" type="password" class="formInput" placeholder="password">
|
|
|
-
|
|
|
- <input name="confirmPassword" type="password" class="formInput" placeholder="confirm password">
|
|
|
+ <input name="confirmPassword" type="password" placeholder="CONFIRM PASSWORD">
|
|
|
|
|
|
<input name="code" type="hidden" value="<%=code%>">
|
|
|
|
|
|
<input name="id" type="hidden" value="<%=id%>">
|
|
|
|
|
|
- <input class="button" type="submit" value="RESET PASSWORD">
|
|
|
- </form>
|
|
|
-
|
|
|
- <script>
|
|
|
- let locals = <%- JSON.stringify(locals) %>
|
|
|
+ <input type="submit" value="RESET PASSWORD">
|
|
|
|
|
|
- if(locals.banner !== undefined){
|
|
|
- let bannerElem = document.getElementById("banner");
|
|
|
- bannerElem.children[0].style.background = locals.banner.color;
|
|
|
- bannerElem.children[1].innerText = locals.banner.message;
|
|
|
- bannerElem.style.display = "flex";
|
|
|
-
|
|
|
- switch(locals.banner.type){
|
|
|
- case "error":
|
|
|
- bannerElem.children[0].innerHTML = `
|
|
|
- <svg width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
|
- <circle cx="12" cy="12" r="10"></circle>
|
|
|
- <line x1="15" y1="9" x2="9" y2="15"></line>
|
|
|
- <line x1="9" y1="9" x2="15" y2="15"></line>
|
|
|
- </svg>
|
|
|
- `;
|
|
|
- break;
|
|
|
- case "success":
|
|
|
- bannerElem.children[0].innerHTML = `
|
|
|
- <svg width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
|
- <circle cx="12" cy="12" r="10"></circle>
|
|
|
- <line x1="12" y1="8" x2="12" y2="12"></line>
|
|
|
- <line x1="12" y1="16" x2="12.01" y2="16"></line>
|
|
|
- </svg>
|
|
|
- `;
|
|
|
- break;
|
|
|
- default:
|
|
|
- bannerElem.children[0].innerHTML = `
|
|
|
- <svg width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
|
- <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
|
|
|
- <polyline points="22 4 12 14.01 9 11.01"></polyline>
|
|
|
- </svg>
|
|
|
- `;
|
|
|
- }
|
|
|
-
|
|
|
- let timer = setTimeout(()=>{
|
|
|
- bannerElem.style.display = "none"
|
|
|
- }, 7000);
|
|
|
-
|
|
|
- bannerElem.children[2].onclick = ()=>{
|
|
|
- bannerElem.style.display = "none";
|
|
|
- clearTimeout(timer);
|
|
|
- }
|
|
|
- }
|
|
|
- </script>
|
|
|
+ <a href="/login">CANCEL</a>
|
|
|
+ </form>
|
|
|
</body>
|
|
|
</html>
|
Lee Morgan