Skip to content

Commit

Permalink
Improve style of auth workflow
Browse files Browse the repository at this point in the history
  • Loading branch information
@juhhcarmona
juhhcarmona committed Aug 30, 2018
1 parent a24ab5c commit 104ab60
Show file tree
Hide file tree
Showing 6 changed files with 112 additions and 65 deletions.
2 changes: 2 additions & 0 deletions brasilio_auth/templates/brasilio_auth/login.html
View file
Expand Up @@ -4,6 +4,8 @@

<div class="row m-t-15">
<div class="col s12 m8 offset-m2">
<h4>Login</h4>

{% if form.errors %}
<p class="red-text text-lighten-3">
Senha inválida. Por favor tente novamente.
Expand Down
34 changes: 21 additions & 13 deletions brasilio_auth/templates/brasilio_auth/password_reset.html
View file
Expand Up @@ -2,20 +2,28 @@

{% block content %}

{% if form.errors %}
{{ form.errors }}
{% endif %}
<div class="row m-t-15">
<div class="col s12 m8 offset-m2">
<h4>Troque sua senha</h4>
<p class="indigo-text text-lighten-1">
Informe seu email e lhe enviaremos um link com as intruções para trocar sua senha =)
</p>

<form method="post" action="{% url 'brasilio_auth:password_reset' %}">
{% csrf_token %}
<table>
<tr>
<td>{{ form.email.label_tag }}</td>
<td>{{ form.email }}</td>
</tr>
</table>
{% if form.errors %}
{{ form.errors }}
{% endif %}

<input class="btn" type="submit" value="Reset" />
</form>
<form method="post" action="{% url 'brasilio_auth:password_reset' %}">
{% csrf_token %}

{{ form.email.label_tag }}
{{ form.email }}
<div class="text-center">
<input class="btn" type="submit" value="Resetar" />
</div>
</form>

</div>
</div>

{% endblock %}
16 changes: 13 additions & 3 deletions brasilio_auth/templates/brasilio_auth/password_reset_complete.html
View file
Expand Up @@ -2,9 +2,19 @@

{% block content %}

<h4>Senha atualizada!</h4>
<p>Sua senha foi atualizada! Agora você pode seguir e acessar o Brasil.IO de novo.</p>
<div class="row m-t-15">
<div class="col s12 m8 offset-m2">
<h4>Senha atualizada!</h4>

<p><a href="{{ login_url }}">Login</a></p>
<p class="indigo-text text-lighten-1">
Sua senha foi atualizada! Agora você pode seguir e acessar o Brasil.IO de novo.
</p>

<p>
<a href="{{ login_url }}" class="btn"> Login </a>
</p>

</div>
</div>

{% endblock %}
19 changes: 15 additions & 4 deletions brasilio_auth/templates/brasilio_auth/password_reset_done.html
View file
Expand Up @@ -2,9 +2,20 @@

{% block content %}

<h4>Redefinição de senha enviada</h4>
<p>Se existir uma conta com o e-mail fornecido, você receberá, em breve, uma mensagem com as instruções para redefinição da sua senha. Verifique sua caixa de entrada.</p>

<p>Se você não receber um e-mail, por favor verifique se o endereço digitado é o mesmo que você usou para se registrar. Verifique também a sua pasta de spam.</p>
<div class="row m-t-15">
<div class="col s12 m8 offset-m2">

<h4> Redefinição de senha enviada </h4>
<p class="indigo-text text-lighten-1">
Se existir uma conta com o e-mail fornecido, você receberá, em breve,
uma mensagem com as instruções para redefinição da sua senha.
Verifique sua caixa de entrada.
</p>

<p class="indigo-text text-lighten-1">
Se você não receber um e-mail, por favor verifique se o endereço digitado
é o mesmo que você usou para se registrar.
Verifique também a sua pasta de spam.
</p>

{% endblock %}
49 changes: 30 additions & 19 deletions brasilio_auth/templates/brasilio_auth/password_reset_form.html
View file
Expand Up @@ -2,30 +2,41 @@

{% block content %}

<h4>Atualização de Senha</h4>
<div class="row m-t-15">
<div class="col s12 m8 offset-m2">
<h4>Atualização de Senha</h4>

{% if validlink %}
{% if validlink %}
<p class="indigo-text text-lighten-1">
Por favor, informe sua nova senha duas vezes para que possamos verificar se
você a digitou corretamente.
</p>

<p>Por favor, informe sua nova senha duas vezes para que possamos verificar se você a digitou corretamente.</p>
<form method="post">{% csrf_token %}
{{ form.new_password1.errors }}

<form method="post">{% csrf_token %}
<div>
{{ form.new_password1.errors }}
<label for="id_new_password1">Nova senha:</label>
{{ form.new_password1 }}
</div>
<div>
{{ form.new_password2.errors }}
<label for="id_new_password2">Confirmação de senha:</label>
{{ form.new_password2 }}
</div>
<input class='btn' type="submit" value="Alterar minha senha" />
</form>
<label for="id_new_password1">Nova senha:</label>
{{ form.new_password1 }}

{{ form.new_password2.errors }}

{% else %}
<label for="id_new_password2">Confirmação de senha:</label>
{{ form.new_password2 }}

<p>O link para atualização de senha está inválido. Provavelmente você já o utilizou ou o link expirou. Por favor, solicite uma nova troca de senha.</p>
<div class="text-center">
<input class='btn' type="submit" value="Alterar minha senha" />
</div>
</form>

{% endif %}
{% else %}
<p class="red-text text-lighten-3">
O link para atualização de senha está inválido.
Provavelmente você já o utilizou ou o link expirou.
Por favor, solicite uma nova troca de senha.
</p>
{% endif %}

</div>
</div>

{% endblock %}
57 changes: 31 additions & 26 deletions brasilio_auth/templates/brasilio_auth/user_creation_form.html
View file
Expand Up @@ -2,42 +2,47 @@

{% block content %}

{% if next %}
{% include 'contas-gratuitas.html' %}
{% endif %}
<div class="row m-t-15">
<div class="col s12 m8 offset-m2">
{% if next %}
{% include 'contas-gratuitas.html' %}
{% endif %}
<h4>Cadastre-se</h4>

<h4>Cadastre-se</h4>
<form method="post">
{% csrf_token %}

<form method="post">{% csrf_token %}
<div>
{{ form.username.errors }}
<label for="id_username">Usuário:</label>
<label for="id_username"> Usuário: </label>
{{ form.username }}
</div>
<div>


{{ form.email.errors }}
<label for="id_email">Email:</label>
<label for="id_email"> Email: </label>
{{ form.email }}
</div>
<div>


{{ form.password1.errors }}
<label for="id_password1">Senha:</label>
<label for="id_password1"> Senha: </label>
{{ form.password1 }}
</div>
<div>


{{ form.password2.errors }}
<label for="id_password2">Confirmação de senha:</label>
<label for="id_password2"> Confirmação de senha: </label>
{{ form.password2 }}
</div>
<div>
<label>
{{ form.subscribe_newsletter }}
<span>Deseja assinar nossa newsletter? </span>
</label>
</div>
<input type="hidden" name="next" value="{{ next }}" />
<input class='btn' type="submit" value="Salvar" />
</form>

<label>
{{ form.subscribe_newsletter }}
<span> Deseja assinar nossa newsletter? </span>
</label>

<div class="text-center m-t-10">
<input type="hidden" name="next" value="{{ next }}" />
<input class='btn' type="submit" value="Salvar" />
</div>

</form>
</div>
</div>

{% endblock %}

0 comments on commit 104ab60

Please sign in to comment.