zulip/templates/zerver/reset_confirm.html

79 lines
3.3 KiB
HTML

{% extends "zerver/portico_signup.html" %}
{% block customhead %}
{{ super() }}
{{ render_bundle('zxcvbn') }}
{% endblock %}
{% block portico_content %}
<div class="password-container flex full-page new-style">
<!-- wrapper for flex content -->
<div>
<div class="get-started">
<h1>{{ _('Reset your 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.email }}' disabled />
</div>
</div>
<div class="input-box">
<label for="id_new_password1" class="">{{ _('Password') }}</label>
<input id="id_new_password1" class="required" type="password" name="new_password1"
value="{% if form.new_password1.value() %}{{ form.new_password1.value() }}{% endif %}"
maxlength="100"
data-min-length="{{password_min_length}}"
data-min-quality="{{password_min_quality}}" required />
{% 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">
<label for="id_new_password2" class="">{{ _('Confirm password') }}</label>
<input id="id_new_password2" class="required" type="password" name="new_password2"
value="{% if form.new_password2.value() %}{{ form.new_password2.value() }}{% endif %}"
maxlength="100" required />
{% 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>
<script type="text/javascript">
common.autofocus('#id_new_password1');
</script>
{% else %}
<p>{{ _('Sorry, the link you provided is invalid or has already been used.') }}</p>
{% endif %}
</div>
</div>
</div>
{% endblock %}