Finished password layouts

This commit is contained in:
Felipe Martín 2015-09-02 23:29:25 +02:00
parent f70d4f0aa8
commit edd6403d80
6 changed files with 190 additions and 41 deletions

View File

@ -39,7 +39,6 @@
{% endif %}
</div>
<div class="field {% if form.errors.password2 %}error{% endif %}">
{{ form.password2.label_tag }}
{{ form.password2 }}
@ -53,7 +52,8 @@
{% endif %}
</div>
<button type="submit" name="action" class="ui button primary">{% trans "Set password" %}</button>
<button type="submit" name="action" class="ui button primary">
{% trans "Set password" %}</button>
</form>
</div>

View File

@ -0,0 +1,46 @@
{% extends "account/_layout.html" %}
{% load account %}
{% load i18n %}
{% block page_title %}{% trans "Password Reset" %} | {{ block.super }}{% endblock %}
{% block main_content %}
<div class="ui page stacked grid centered">
<div class="ten wide column">
<h1>{% trans "Password Reset" %}</h1>
<div class="ui tall stacked segment">
{% if user.is_authenticated %}
<div class="ui message red">
{% include "account/snippets/already_logged_in.html" %}
</div>
<p><a href="/">{% trans 'Go back to the homepage' %}</a></p>
{% else %}
<p>{% trans "Have you forgotten your password? Enter your e-mail address below, and we'll send you an e-mail allowing you to reset it." %}</p>
<form method="POST" action="{% url 'account_reset_password' %}" class="ui form">
{% csrf_token %}
<div class="field {% if form.errors.email %}error{% endif %}">
{{ form.email.label_tag }}
{{ form.email }}
{% if form.errors.email %}
<div class="ui pointing red basic label">
{% for error in form.errors.email %}
<p>{{ error }}</p>
{% endfor %}
</div>
{% endif %}
</div>
<button type="submit" class="ui button primary">{% trans 'Reset My Password' %}</button>
</form>
<hr />
<p class="text-center">{% blocktrans %}Please contact us if you have any trouble resetting your password.{% endblocktrans %}</p>
{% endif %}
</div>
</div>
</div>
{% endblock %}

View File

@ -0,0 +1,24 @@
{% extends "account/_layout.html" %}
{% load account %}
{% load i18n %}
{% block page_title %}{% trans "Password Reset" %} | {{ block.super }}{% endblock %}
{% block main_content %}
<div class="ui page stacked grid centered">
<div class="ten wide column">
<h1>{% trans "Password Reset" %}</h1>
{% if user.is_authenticated %}
<div class="ui message red">
{% include "account/snippets/already_logged_in.html" %}
</div>
{% else %}
<div class="ui message green">
<p>{% blocktrans %}We have sent you an e-mail. Please contact us if you do not receive it within a few minutes.{% endblocktrans %}</p>
</div>
{% endif %}
</div>
</div>
{% endblock %}

View File

@ -0,0 +1,60 @@
{% extends "account/_layout.html" %}
{% load i18n %}
{% block page_title %}{% trans "Change Password" %} | {{ block.super }}{% endblock %}
{% block main_content %}
<div class="ui page stacked grid centered">
<div class="ten wide column">
<h1>{% if token_fail %}{% trans "Bad Token" %}{% else %}{% trans "Change Password" %}{% endif %}</h1>
{% if token_fail %}
{% url 'account_reset_password' as passwd_reset_url %}
<div class="ui message red">
<p>{% blocktrans %}The password reset link was invalid, possibly because it has already been used. Please request a <a href="{{ passwd_reset_url }}">new password reset</a>.{% endblocktrans %}</p>
</div>
{% else %}
<div class="ui tall stacked segment">
{% if form %}
<form method="post" action="." class="ui form {% if form.errors %}error{% endif %}"">
{% csrf_token %}
<div class="field {% if form.errors.password1 %}error{% endif %}">
{{ form.password1.label_tag }}
{{ form.password1 }}
{% if form.errors.password1 %}
<div class="ui pointing red basic label">
{% for error in form.errors.password1 %}
<p>{{ error }}</p>
{% endfor %}
</div>
{% endif %}
</div>
<div class="field {% if form.errors.password2 %}error{% endif %}">
{{ form.password2.label_tag }}
{{ form.password2 }}
{% if form.errors.password2 %}
<div class="ui pointing red basic label">
{% for error in form.errors.password2 %}
<p>{{ error }}</p>
{% endfor %}
</div>
{% endif %}
</div>
<button type="submit" name="action" class="ui button primary">{% trans 'Change password' %}</button>
</form>
{% else %}
<div class="ui messsage green">
<p>{% trans 'Your password is now changed.' %}</p>
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
{% endblock %}

View File

@ -0,0 +1,16 @@
{% extends "account/_layout.html" %}
{% load i18n %}
{% block page_title %}{% trans "Change Password" %} | {{ block.super }}{% endblock %}
{% block main_content %}
<div class="ui page stacked grid centered">
<div class="ten wide column">
<h1>{% trans "Change Password" %}</h1>
<div class="ui message green">
<p>{% trans 'Your password is now changed.' %}</p>
</div>
</div>
</div>
{% endblock %}

View File

@ -5,53 +5,56 @@
{% block page_title %}{% trans "Set Password" %} | {{ block.super }}{% endblock %}
{% block main_content %}
<div class="ui page grid">
<div class="sixteen wide column">
<div class="ui page stacked grid centered">
<div class="ten wide column">
<h1>{% trans "Set Password" %}</h1>
<form method="post" action="{% url 'account_set_password' %}" class="ui form {% if form.errors %}error{% endif %} password_set">
{% csrf_token %}
<div class="ui tall stacked segment">
<form method="post" action="{% url 'account_set_password' %}"
class="ui form {% if form.errors %}error{% endif %} password_set">
{% csrf_token %}
{% comment %}
{% if form.errors %}
<div class="ui error message float-right">
{% for field_name, errors in form.errors.items %}
{% for error in errors %}
<p>{{ error }}</p>
{% comment %}
{% if form.errors %}
<div class="ui error message float-right">
{% for field_name, errors in form.errors.items %}
{% for error in errors %}
<p>{{ error }}</p>
{% endfor %}
{% endfor %}
{% endfor %}
</div>
{% endif %}
{% endcomment %}
<div class="field {% if form.errors.password1 %}error{% endif %}">
{{ form.password1.label_tag }}
{{ form.password1 }}
{% if form.errors.password1 %}
<div class="ui pointing red basic label">
{% for error in form.errors.password1 %}
<p>{{ error }}</p>
{% endfor %}
</div>
{% endif %}
</div>
{% endif %}
{% endcomment %}
<div class="field {% if form.errors.password1 %}error{% endif %}">
{{ form.password1.label_tag }}
{{ form.password1 }}
{% if form.errors.password1 %}
<div class="ui pointing red basic label">
{% for error in form.errors.password1 %}
<p>{{ error }}</p>
{% endfor %}
</div>
{% endif %}
</div>
<div class="field {% if form.errors.password2 %}error{% endif %}">
{{ form.password2.label_tag }}
{{ form.password2 }}
{% if form.errors.password2 %}
<div class="ui pointing red basic label">
{% for error in form.errors.password2 %}
<p>{{ error }}</p>
{% endfor %}
</div>
{% endif %}
</div>
<div class="field {% if form.errors.password2 %}error{% endif %}">
{{ form.password2.label_tag }}
{{ form.password2 }}
{% if form.errors.password2 %}
<div class="ui pointing red basic label">
{% for error in form.errors.password2 %}
<p>{{ error }}</p>
{% endfor %}
</div>
{% endif %}
</div>
<button type="submit" name="action" class="ui button primary">{% trans "Set password" %}</button>
</form>
<button type="submit" name="action" class="ui button primary">{% trans "Set password" %}</button>
</form>
</div>
</div>
</div>
{% endblock %}