reset_confirm: Add show password feature to reset confirm page.

Fixes part of #17301.
This commit is contained in:
Gaurav Pandey
2021-04-05 13:20:48 +05:30
committed by Tim Abbott
parent 91c73025d2
commit a9fcafc433
2 changed files with 14 additions and 4 deletions

View File

@@ -32,6 +32,14 @@ $(() => {
"#id_password", "#id_password",
"#id_password ~ .password_visibility_toggle", "#id_password ~ .password_visibility_toggle",
); );
common.setup_password_visibility_toggle(
"#id_new_password1",
"#id_new_password1 ~ .password_visibility_toggle",
);
common.setup_password_visibility_toggle(
"#id_new_password2",
"#id_new_password2 ~ .password_visibility_toggle",
);
function highlight(class_to_add) { function highlight(class_to_add) {
// Set a class on the enclosing control group. // Set a class on the enclosing control group.

View File

@@ -23,13 +23,14 @@
</div> </div>
</div> </div>
<div class="input-box"> <div class="input-box password-div">
<label for="id_new_password1" class="">{{ _('Password') }}</label> <label for="id_new_password1" class="">{{ _('Password') }}</label>
<input id="id_new_password1" class="required" type="password" name="new_password1" <input id="id_new_password1" class="required" type="password" name="new_password1" autocomplete="new-password"
value="{% if form.new_password1.value() %}{{ form.new_password1.value() }}{% endif %}" value="{% if form.new_password1.value() %}{{ form.new_password1.value() }}{% endif %}"
maxlength="100" maxlength="100"
data-min-length="{{password_min_length}}" data-min-length="{{password_min_length}}"
data-min-guesses="{{password_min_guesses}}" autofocus required /> data-min-guesses="{{password_min_guesses}}" autofocus required />
<i class="fa fa-eye-slash password_visibility_toggle" role="button" title="{{ _('Toggle password visibility') }}" aria-label="{{ _('Toggle password visibility') }}"></i>
{% if form.new_password1.errors %} {% if form.new_password1.errors %}
{% for error in form.new_password1.errors %} {% for error in form.new_password1.errors %}
<div class="alert alert-error">{{ error }}</div> <div class="alert alert-error">{{ error }}</div>
@@ -43,11 +44,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="input-box"> <div class="input-box password-div">
<label for="id_new_password2" class="">{{ _('Confirm password') }}</label> <label for="id_new_password2" class="">{{ _('Confirm password') }}</label>
<input id="id_new_password2" class="required" type="password" name="new_password2" <input id="id_new_password2" class="required" type="password" name="new_password2" autocomplete="off"
value="{% if form.new_password2.value() %}{{ form.new_password2.value() }}{% endif %}" value="{% if form.new_password2.value() %}{{ form.new_password2.value() }}{% endif %}"
maxlength="100" required /> maxlength="100" required />
<i class="fa fa-eye-slash password_visibility_toggle" role="button" title="{{ _('Toggle password visibility') }}" aria-label="{{ _('Toggle password visibility') }}"></i>
{% if form.new_password2.errors %} {% if form.new_password2.errors %}
{% for error in form.new_password2.errors %} {% for error in form.new_password2.errors %}
<div class="alert alert-error">{{ error }}</div> <div class="alert alert-error">{{ error }}</div>