conextra
Version:
Conextra for Web Development. Helps create a SPWA (Single-page Progressive Web Application).
34 lines • 2.15 kB
HTML
<!-- Modal Sign in -->
<div class="modal fade" tabindex="-1" aria-hidden="false">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-light">
<h5 class="modal-title h4 text-muted">New password</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body m-3">
<form onsubmit="
event.preventDefault();
var password = this.querySelector('#password').value,
confirm = this.querySelector('#confirm').value;
if (password.length < 6) { UFE?.showAlert('Password must be at least 6 characters long.', 'alert-warning'); return;}
if (password !== confirm) { UFE?.showAlert('Please check your password.', 'alert-warning'); return; }
wsUser.update_password(password);
UFE?.modalHide()
">
<h5 class="text-center">Reset new password</h5>
<div class="mb-3 visually-hidden">
<input class="form-control" id="username" name="username" autocomplete="username" required type="email" placeholder="Email address" path="user.email" bind />
</div>
<div class="mb-3">
<input class="form-control" id="password" name="password" autocomplete="new-password" type="password" placeholder="New Password" required />
</div>
<div class="mb-3">
<input class="form-control" id="confirm" name="password" autocomplete="new-password" type="password" placeholder="Confirm Password" required />
</div>
<button type="submit" class="btn btn-primary d-block w-100 mt-3" path="isWsOnline" bind="enabled" onclick="this.blur()">Set password</button>
</form>
</div>
</div>
</div>
</div>