Redesigns password-forgot and password-reset pages
parent
85ea44c1e3
commit
b90d8099c1
|
|
@ -1,32 +1,34 @@
|
||||||
|
|
||||||
<div class="container">
|
<div class="auth-card mx-auto">
|
||||||
<div class="row justify-content-center">
|
<div class="auth-card-body">
|
||||||
<div class="col-md-6">
|
<div class="auth-header">
|
||||||
<div class="card mt-5">
|
<p class="auth-eyebrow">Forgot password</p>
|
||||||
<div class="card-body">
|
<h2 class="auth-title">Reset your access</h2>
|
||||||
<h3 class="card-title mb-4">Reset password</h3>
|
<p class="auth-subtitle">Enter the email linked to your account and if it exists in our records we will send you reset instructions.</p>
|
||||||
<p>Enter your email address and we will send you<br />
|
</div>
|
||||||
instructions to reset your password.</p>
|
<form method="post" action="?page=login&action=forgot" class="auth-form" novalidate>
|
||||||
<form method="post" action="?page=login&action=forgot">
|
|
||||||
<?php include CSRF_TOKEN_INCLUDE; ?>
|
<?php include CSRF_TOKEN_INCLUDE; ?>
|
||||||
<div class="form-group">
|
<div class="mb-4">
|
||||||
<label for="email">email address:</label>
|
<label for="email" class="form-label">Email address</label>
|
||||||
<input type="email"
|
<div class="input-group auth-input-group">
|
||||||
class="form-control"
|
<span class="input-group-text"><i class="fas fa-envelope"></i></span>
|
||||||
id="email"
|
<input type="email"
|
||||||
name="email"
|
class="form-control"
|
||||||
required
|
id="email"
|
||||||
autocomplete="email">
|
name="email"
|
||||||
</div>
|
placeholder="you@example.com"
|
||||||
<button type="submit" class="btn btn-primary btn-block mt-4">
|
value="<?= htmlspecialchars($_POST['email'] ?? '') ?>"
|
||||||
Send reset instructions
|
required
|
||||||
</button>
|
autocomplete="email">
|
||||||
</form>
|
|
||||||
<div class="mt-3 text-center">
|
|
||||||
<a href="?page=login">back to login</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<button type="submit" class="btn btn-primary auth-submit w-100">
|
||||||
|
Send reset instructions
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
<div class="mt-4 text-center">
|
||||||
|
<a class="auth-link" href="?page=login">Back to login</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,38 +1,45 @@
|
||||||
|
|
||||||
<div class="container">
|
<div class="auth-card mx-auto">
|
||||||
<div class="row justify-content-center">
|
<div class="auth-card-body">
|
||||||
<div class="col-md-6">
|
<div class="auth-header">
|
||||||
<div class="card mt-5">
|
<p class="auth-eyebrow">Secure account</p>
|
||||||
<div class="card-body">
|
<h2 class="auth-title">Choose a new password</h2>
|
||||||
<h3 class="card-title mb-4">Set new password</h3>
|
<p class="auth-subtitle">Create a password that is at least 8 characters long. We will sign you in once it is updated.</p>
|
||||||
<form method="post" action="?page=login&action=reset&token=<?= htmlspecialchars(urlencode($token)) ?>">
|
</div>
|
||||||
|
<form method="post" action="?page=login&action=reset&token=<?= htmlspecialchars(urlencode($token)) ?>" class="auth-form" novalidate>
|
||||||
<?php include CSRF_TOKEN_INCLUDE; ?>
|
<?php include CSRF_TOKEN_INCLUDE; ?>
|
||||||
<div class="form-group">
|
<div class="mb-3">
|
||||||
<label for="new_password">new password:</label>
|
<label for="new_password" class="form-label">New password</label>
|
||||||
<input type="password"
|
<div class="input-group auth-input-group">
|
||||||
class="form-control"
|
<span class="input-group-text"><i class="fas fa-key"></i></span>
|
||||||
id="new_password"
|
<input type="password"
|
||||||
name="new_password"
|
class="form-control"
|
||||||
required
|
id="new_password"
|
||||||
minlength="8"
|
name="new_password"
|
||||||
autocomplete="new-password">
|
placeholder="Enter new password"
|
||||||
</div>
|
required
|
||||||
<div class="form-group mt-3">
|
minlength="8"
|
||||||
<label for="confirm_password">confirm password:</label>
|
autocomplete="new-password">
|
||||||
<input type="password"
|
|
||||||
class="form-control"
|
|
||||||
id="confirm_password"
|
|
||||||
name="confirm_password"
|
|
||||||
required
|
|
||||||
minlength="8"
|
|
||||||
autocomplete="new-password">
|
|
||||||
</div>
|
|
||||||
<button type="submit" class="btn btn-primary btn-block mt-4">
|
|
||||||
Set new password
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="mb-4">
|
||||||
|
<label for="confirm_password" class="form-label">Confirm password</label>
|
||||||
|
<div class="input-group auth-input-group">
|
||||||
|
<span class="input-group-text"><i class="fas fa-check"></i></span>
|
||||||
|
<input type="password"
|
||||||
|
class="form-control"
|
||||||
|
id="confirm_password"
|
||||||
|
name="confirm_password"
|
||||||
|
placeholder="Re-enter new password"
|
||||||
|
required
|
||||||
|
minlength="8"
|
||||||
|
autocomplete="new-password">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-primary auth-submit w-100">
|
||||||
|
Set new password
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue