mirror of
https://github.com/zulip/zulip.git
synced 2026-07-09 21:21:47 +08:00
78c7d749d9
This allows us to use different "Show password" and "Hide password" for these labels, which is more consistent with how other products implement this. It also lets us delete N duplicate copies of these strings in the HTML.
75 lines
3.3 KiB
HTML
75 lines
3.3 KiB
HTML
{% extends "zerver/portico_signup.html" %}
|
|
{% set entrypoint = "register" %}
|
|
|
|
{% block portico_content %}
|
|
|
|
<div class="password-container flex full-page new-style">
|
|
|
|
<!-- wrapper for flex content -->
|
|
<div>
|
|
<div class="get-started">
|
|
<h1>{{ _('Set a new password.') }}</h1>
|
|
</div>
|
|
<div class="password-reset white-box">
|
|
<!-- TODO: Ask about meta viewport 1:1 scaling -->
|
|
|
|
{% if validlink %}
|
|
<form method="post" id="password_reset" class="form-horizontal" autocomplete="off">
|
|
{{ csrf_input }}
|
|
<div class="input-box" id="email-section">
|
|
<label for="id_email">{{ _("Email") }}</label>
|
|
<div>
|
|
<input type="text" name="name" placeholder='{{ form.user.delivery_email }}' disabled />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-box password-div">
|
|
<label for="id_new_password1" class="">{{ _('Password') }}</label>
|
|
<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 %}"
|
|
maxlength="100"
|
|
data-min-length="{{password_min_length}}"
|
|
data-min-guesses="{{password_min_guesses}}" autofocus required />
|
|
<i class="fa fa-eye-slash password_visibility_toggle" role="button"></i>
|
|
{% if form.new_password1.errors %}
|
|
{% for error in form.new_password1.errors %}
|
|
<div class="alert alert-error">{{ error }}</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
<div class="input-box">
|
|
<div class="">
|
|
<div class="progress" id="pw_strength">
|
|
<div class="bar bar-danger" style="width: 10%;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="input-box password-div">
|
|
<label for="id_new_password2" class="">{{ _('Confirm password') }}</label>
|
|
<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 %}"
|
|
maxlength="100" required />
|
|
<i class="fa fa-eye-slash password_visibility_toggle" role="button"></i>
|
|
{% if form.new_password2.errors %}
|
|
{% for error in form.new_password2.errors %}
|
|
<div class="alert alert-error">{{ error }}</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="input-box m-t-30">
|
|
<div class="centered-button">
|
|
<button type="submit" class="" value="Submit">Submit</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
{% else %}
|
|
<p>{{ _('Sorry, the link you provided is invalid or has already been used.') }}</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|