Files
wlan-cloud-ucentralsec/wwwassets/password_reset.html
2023-01-16 22:31:36 -08:00

63 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Reset Password</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/wwwassets/common.css">
</head>
<body>
<div class="logo-grid">
<div></div>
<div><img src="/wwwassets/logo.png" alt="OpenWifi" class="logo-img"></div>
<div></div>
</div>
<div class="info-card">
<h2 class="info-title">Reset Password</h2>
<form action="/api/v1/actionLink?action=password_reset" method="post" onsubmit="return validatePassword()" class="form-container">
<div class="form-control">
<label class="form-label" for="password1" ><b>New Password</b></label>
<input class="form-input" id="password1" type="password" placeholder="New password" name="password1" pattern="${PASSWORD_VALIDATION}" required>
</div>
<div class="form-control">
<label class="form-label" for="password2"><b>Confirm New Password</b></label>
<input class="form-input" id="password2" type="password" placeholder="Enter new password again" name="password2" pattern="${PASSWORD_VALIDATION}" required>
</div>
<div class="form-control">
<button type="submit" class="form-submit-btn"><b>Reset Password</b></button>
</div>
</form>
<ul class="info-list">
<li>Must be at least 8 characters long</li>
<li>Must contain 1 uppercase letter</li>
<li>Must contain 1 lowercase letter</li>
<li>Must contain 1 digit</li>
<li>Must contain 1 special character</li>
</ul>
<div id="footer" />
</div>
<script>
const validatePassword = () => {
const password1 = document.getElementById('password1').value;
const password2 = document.getElementById('password2').value;
if(password1 === password2) {
return true;
} else {
alert("The 2 passwords did not match. The passwords must match to reset your new password.");
return false;
}
}
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script>
$(function(){
$("#footer").load("./footer.html");
});
</script>
</body>
</html>