mirror of
				https://github.com/zulip/zulip.git
				synced 2025-11-04 05:53:43 +00:00 
			
		
		
		
	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:
		
				
					committed by
					
						
						Tim Abbott
					
				
			
			
				
	
			
			
			
						parent
						
							b83691fd6f
						
					
				
				
					commit
					cddd9379c6
				
			@@ -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 %}
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user