zulip/web/templates/dialog_change_password.hbs

<form id="change_password_container">
    <div class="password-div">
        <label for="old_password" class="dropdown-title">{{t "Old password" }}</label>
        <input type="password" autocomplete="off" name="old_password" id="old_password" class="w-200 inline-block modal_password_input" value="" />
        <i class="fa fa-eye-slash password_visibility_toggle tippy-zulip-tooltip" role="button" tabindex="0"></i>
        <div class="settings-forgot-password">
            <a href="/accounts/password/reset/" class="sea-green" target="_blank" rel="noopener noreferrer">{{t "Forgot it?" }}</a>
        </div>
    </div>
    <div class="password-div">
        <label for="new_password" class="dropdown-title">{{t "New password" }}</label>
        <input type="password" autocomplete="new-password" name="new_password" id="new_password" class="w-200 inline-block modal_password_input" value=""
          data-min-length="{{password_min_length}}" data-min-guesses="{{password_min_guesses}}" />
        <i class="fa fa-eye-slash password_visibility_toggle tippy-zulip-tooltip" role="button" tabindex="0"></i>
        <div class="progress inline-block" id="pw_strength">
            <div class="bar bar-danger hide" style="width: 10%;"></div>
        </div>
    </div>
</form>
change_password: Migrate modal to dialog_widget. 2021-07-22 17:50:43 +02:00			`<form id="change_password_container">`
change_password: Avoid super generic CSS classes. 2024-03-20 21:26:48 +01:00			`<div class="password-div">`
			`<label for="old_password" class="dropdown-title">{{t "Old password" }}</label>`
modal: Remove modal_text_input class from password and url type inputs. We remove the modal_text_input class from password and url type inputs in modals and add the width property CSS to modal_password_input and modal_url_input instead. Note that we might instead have a single class for all type of inputs instead of having different classes for url, password and text type inputs in further commits. 2023-06-19 11:56:03 +02:00			`<input type="password" autocomplete="off" name="old_password" id="old_password" class="w-200 inline-block modal_password_input" value="" />`
passwords: Add keyboard accessibility for show/hide password icons. Tweaked by tabbott to add the required tabindex configuration in the password reset, password change, and registration forms as well. 2024-03-01 02:29:45 +01:00			`<i class="fa fa-eye-slash password_visibility_toggle tippy-zulip-tooltip" role="button" tabindex="0"></i>`
change_password: Migrate modal to dialog_widget. 2021-07-22 17:50:43 +02:00			`<div class="settings-forgot-password">`
settings: Replace 'Forgotten it?' to 'Forgot it?'. This is nicer English. 2023-02-24 21:46:43 +01:00			`<a href="/accounts/password/reset/" class="sea-green" target="_blank" rel="noopener noreferrer">{{t "Forgot it?" }}</a>`
change_password: Migrate modal to dialog_widget. 2021-07-22 17:50:43 +02:00			`</div>`
			`</div>`
change_password: Avoid super generic CSS classes. 2024-03-20 21:26:48 +01:00			`<div class="password-div">`
			`<label for="new_password" class="dropdown-title">{{t "New password" }}</label>`
modal: Remove modal_text_input class from password and url type inputs. We remove the modal_text_input class from password and url type inputs in modals and add the width property CSS to modal_password_input and modal_url_input instead. Note that we might instead have a single class for all type of inputs instead of having different classes for url, password and text type inputs in further commits. 2023-06-19 11:56:03 +02:00			`<input type="password" autocomplete="new-password" name="new_password" id="new_password" class="w-200 inline-block modal_password_input" value=""`
account-settings: Pass password page params to dialog widget. When the password change form was converted to a dialog widget modal, in commit f5fbf5f0e07f55, the page_params values for password_min_length and password_min_guesses that were referenced in the handlebars template `dialog_change_password.hbs` had no value to set, which meant the password quality bar was no longer checking the input value against those organization settings. Passes the page_params values for password_min_length and password_min_guesses to the html parameter in dialog_widet.launch for the password change modal so that those values are available and set when the template is rendered. 2023-03-21 16:31:43 +01:00			`data-min-length="{{password_min_length}}" data-min-guesses="{{password_min_guesses}}" />`
passwords: Add keyboard accessibility for show/hide password icons. Tweaked by tabbott to add the required tabindex configuration in the password reset, password change, and registration forms as well. 2024-03-01 02:29:45 +01:00			`<i class="fa fa-eye-slash password_visibility_toggle tippy-zulip-tooltip" role="button" tabindex="0"></i>`
change_password: Migrate modal to dialog_widget. 2021-07-22 17:50:43 +02:00			`<div class="progress inline-block" id="pw_strength">`
settings: Do not use bootstrap "fade" class. We used bootstrap "fade" class to show the password strength only after password_quality module is imported. Adding "fade" class was only hiding the bar by setting opacity and the transition defined in bootstrap was not used as it was overridden by transition in progress_bar.css. So, we just hide and show the bootstrap by using "hide" class and remove the use of "fade" as part of the bootstrap removal project. 2024-01-29 07:41:56 +01:00			`<div class="bar bar-danger hide" style="width: 10%;"></div>`
change_password: Migrate modal to dialog_widget. 2021-07-22 17:50:43 +02:00			`</div>`
			`</div>`
			`</form>`