Add password-container and password-reset wrappers

This adds the wrappers necessary to center the content vertically and
horizontally within the page.
This commit is contained in:
Brock Whittaker
2016-08-16 10:25:18 -07:00
committed by Tim Abbott
parent b83691fd6f
commit cddd9379c6

View File

@@ -6,61 +6,66 @@
{% block portico_content %} {% block portico_content %}
<div class="pitch"> <div class="password-container">
<hr/> <div class="password-reset">
<h3>{{ _('Reset your password') }}.</h3> <div class="pitch">
</div> <hr/>
<h3>{{ _('Reset your password') }}.</h3>
</div>
{% if validlink %} {% if validlink %}
<form method="post" id="password_reset" class="form-horizontal"> <form method="post" id="password_reset" class="form-horizontal">
{{ csrf_input }} {{ csrf_input }}
<div class="control-group"> <div class="control-group">
<label for="id_new_password1" class="control-label">{{ _('Password') }}</label> <label for="id_new_password1" class="control-label">{{ _('Password') }}</label>
<div class="controls"> <div class="controls">
<input id="id_new_password1" class="required" type="password" name="new_password1" <input id="id_new_password1" class="required" type="password" name="new_password1"
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" />
{% 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>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div>
</div>
<div class="control-group">
<label class="control-label">{{ _('Password strength') }}</label>
<div class="controls">
<div class="progress" id="pw_strength">
<div class="bar bar-danger" style="width: 10%;"></div>
</div> </div>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label">{{ _('Password strength') }}</label>
<label for="id_new_password2" class="control-label">{{ _('Confirm password') }}</label> <div class="controls">
<div class="controls"> <div class="progress" id="pw_strength">
<input id="id_new_password2" class="required" type="password" name="new_password2" <div class="bar bar-danger" style="width: 10%;"></div>
value="{% if form.new_password2.value() %}{{ form.new_password2.value() }}{% endif %}" </div>
maxlength="100" /> </div>
{% if form.new_password2.errors %}
{% for error in form.new_password2.errors %}
<div class="alert alert-error">{{ error }}</div>
{% endfor %}
{% endif %}
</div> </div>
</div> <div class="control-group">
<label for="id_new_password2" class="control-label">{{ _('Confirm password') }}</label>
<div class="control-group"> <div class="controls">
<div class="controls"> <input id="id_new_password2" class="required" type="password" name="new_password2"
<input type="submit" class="btn btn-primary" value="Submit" /><br /> value="{% if form.new_password2.value() %}{{ form.new_password2.value() }}{% endif %}"
maxlength="100" />
{% if form.new_password2.errors %}
{% for error in form.new_password2.errors %}
<div class="alert alert-error">{{ error }}</div>
{% endfor %}
{% endif %}
</div>
</div> </div>
</div>
</form>
<script type="text/javascript"> <div class="control-group">
autofocus('#id_new_password1'); <div class="controls">
</script> <input type="submit" class="btn btn-primary" value="Submit" /><br />
{% else %} </div>
<p>{{ _('Sorry, the link you provided is invalid or has already been used') }}.</p> </div>
{% endif %} </form>
<script type="text/javascript">
autofocus('#id_new_password1');
</script>
{% else %}
<p>{{ _('Sorry, the link you provided is invalid or has already been used') }}.</p>
{% endif %}
</div>
</div>
{% endblock %} {% endblock %}