alx/procat2
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

style more account settings/password reset pages

Browse Source
This commit is contained in:
Seth Ladygo
2019-05-20 05:42:07 -07:00
parent 864f9c5af1
commit 85ba779286
6 changed files with 163 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
templates/account/password_reset.html
View File

@ -7,25 +7,53 @@
{% user_display request.user as user_display %} {% user_display request.user as user_display %}
{% block pagecss %}
<style>
label {
display: block;
margin-top: 15px;
color: #333;
font-size: 1rem;
}
.br {
margin-top: 15px;
}
input:not([type]), input[type="text"] {
max-width: 100%;
width: 100%;
border: 0 none;
padding: 0 10px;
padding-right: 10px;
padding-left: 10px;
background: #fff;
color: #666;
border: 1px solid #e5e5e5;
}
</style>
{% endblock %}
{% block content %} {% block content %}
<div class="row"> <div class="uk-flex uk-flex-center uk-margin-top">
<div class="col-md-8">
<form method="POST" action=""> <div class="uk-card uk-card-default uk-card-body">
<legend>{% trans "Password reset" %}</legend> <form method="POST" action="">
<p class="lead">{% trans "Forgotten your password? Enter your email address below, and we'll send you an email allowing you to reset it." %}</p> <legend class="uk-legend">{% trans "Password reset" %}</legend>
<fieldset class="row"> <p class="lead">{% trans "Forgotten your password? Enter your email address below, and we'll send you an email allowing you to reset it." %}</p>
<div class="col-md-5"> {% csrf_token %}
{% csrf_token %} {{ form }}
{{ form }} <div class="br">
<button type="submit" class="btn btn-primary"> <button type="submit" class="uk-button uk-button-primary">
{% trans "Reset my password" %} {% trans "Reset my password" %}
</button> </button>
</div> </div>
</fieldset> </form>
</form>
</div> <p>{% blocktrans %}If you have any trouble resetting your password, contact us at <a href="mailto:support@procatalog.io">support@procatalog.io</a>{% endblocktrans %}</p>
</div> </div>
<p>{% blocktrans %}If you have any trouble resetting your password, contact us at <a href="mailto:{{ THEME_CONTACT_EMAIL }}">{{ THEME_CONTACT_EMAIL }}</a>.{% endblocktrans %}</p> </div>
{% endblock %} {% endblock %}
{% block extra_body %} {% block extra_body %}

33
templates/account/password_reset_sent.html
View File

@ -6,22 +6,27 @@
{% block title %}{% trans "Password reset sent" %}{% endblock %} {% block title %}{% trans "Password reset sent" %}{% endblock %}
{% block content %} {% block content %}
<h1>{% trans "Password reset sent" %}</h1> <div class="uk-flex uk-flex-center uk-margin-top">
<div class="uk-card uk-card-default uk-card-body">
<h3>{% trans "Password reset sent" %}</h3>
{% if not resend %} {% if not resend %}
<p>{% blocktrans %}We have sent you an email. If you do not receive it within a few minutes, try resending or contact us at <a href="mailto:{{ THEME_CONTACT_EMAIL }}">{{ THEME_CONTACT_EMAIL }}</a>.{% endblocktrans %}</p> <p>{% blocktrans %}We have sent you an email. If you do not receive it within a few minutes, try resending or contact us at <a href="mailto:{{ THEME_CONTACT_EMAIL }}">{{ THEME_CONTACT_EMAIL }}</a>.{% endblocktrans %}</p>
<div class="row"> <div class="row">
<div class="col-md-5"> <div class="col-md-5">
<form method="POST" action="{% url "account_password_reset" %}"> <form method="POST" action="{% url "account_password_reset" %}">
{% csrf_token %} {% csrf_token %}
{% for field in form %} {% for field in form %}
{{ field.as_hidden }} {{ field.as_hidden }}
{% endfor %} {% endfor %}
<button type="submit" name="resend" class="btn btn-primary">{% trans "Resend" %}</button> <button type="submit" name="resend" class="uk-button uk-button-primary">{% trans "Resend" %}</button>
</form> </form>
</div>
</div> </div>
</div>
{% else %} {% else %}
<p>{% blocktrans %}We have resent the password email. If you do not receive it within a few minutes, contact us at <a href="mailto:{{ THEME_CONTACT_EMAIL }}">{{ THEME_CONTACT_EMAIL }}</a>.{% endblocktrans %}</p> <p>{% blocktrans %}We have resent the password email. If you do not receive it within a few minutes, contact us at <a href="mailto:support@procatalog.io">support@procatalog.io</a>{% endblocktrans %}</p>
{% endif %} {% endif %}
{% endblock %} </div>
</div>
{% endblock %}

55
templates/account/password_reset_token.html
View File

@ -4,17 +4,46 @@
{% block title %}{% trans "Set your new password" %}{% endblock %} {% block title %}{% trans "Set your new password" %}{% endblock %}
{% block content %} {% block pagecss %}
<div class="row"> <style>
<div class="col-md-5"> label {
<form method="POST" action="{% url "account_password_reset_token" uidb36=uidb36 token=token %}"> display: block;
<legend>{% trans "Set your new password" %}</legend> margin-top: 15px;
<fieldset> color: #333;
{% csrf_token %} font-size: .875rem;
{{ form }} }
<button type="submit" class="btn btn-primary">{% trans "Save" %}</button>
</fieldset> .br {
</form> margin-top: 15px;
</div> }
</div>
input {
max-width: 80%;
width: 80%;
border: 0 none;
padding: 0 10px;
padding-right: 10px;
padding-left: 10px;
background: #fff;
color: #666;
border: 1px solid #e5e5e5;
}
</style>
{% endblock %}
{% block content %}
<div class="uk-flex uk-flex-center uk-margin-top">
<div class="uk-card uk-card-default uk-card-body">
<form method="POST" action="{% url "account_password_reset_token" uidb36=uidb36 token=token %}">
<legend class="uk-legend">{% trans "Set your new password" %}</legend>
{% csrf_token %}
{{ form }}
<div class="br">
<button type="submit" class="uk-button uk-button-primary">{% trans "Save" %}</button>
</div>
</form>
</div>
</div>
{% endblock %} {% endblock %}

6
templates/account/password_reset_token_fail.html
View File

@ -5,7 +5,11 @@
{% block title %}{% trans "Bad token" %}{% endblock %} {% block title %}{% trans "Bad token" %}{% endblock %}
{% block content %} {% block content %}
<div class="uk-flex uk-flex-center uk-margin-top">
<div class="uk-card uk-card-default uk-card-body">
<h1>{% trans "Bad token" %}</h1> <h1>{% trans "Bad token" %}</h1>
{% url "account_password_reset" as url %} {% url "account_password_reset" as url %}
<p>{% blocktrans %}The password reset link was invalid, possibly because it has already been used. Please request a <a href="{{ url }}">new password reset</a>.{% endblocktrans %}</p> <p>{% blocktrans %}The password reset link was invalid, possibly because it has already been used. Please request a <a href="{{ url }}">new password reset</a>.{% endblocktrans %}</p>
{% endblock %} </div>
</div>
{% endblock %}

54
templates/account/settings.html
View File

@ -1,20 +1,52 @@
{% extends "base.html" %} {% extends "base.html" %}
{% load account_tags %}
{% load i18n %} {% load i18n %}
{% block content_class %}account account-settings{% endblock %} {% block content_class %}account account-settings{% endblock %}
{% block title %}{% trans "Account" %}{% endblock %} {% block title %}{% trans "Account" %}{% endblock %}
{% block content %} {% block pagecss %}
<div class="row"> <style>
<div class="col-md-5"> label {
<form method="POST" action="{% url "account_settings" %}"> display: block;
<legend>{% trans "Account" %}</legend> margin-top: 15px;
{% csrf_token %} color: #333;
{{ form }} font-size: .875rem;
<button class="btn btn-primary" type="submit">{% trans "Save" %}</button> }
</form>
</div> .br {
</div> margin-top: 15px;
}
input {
max-width: 100%;
width: 100%;
border: 0 none;
padding: 0 10px;
padding-right: 10px;
padding-left: 10px;
background: #fff;
color: #666;
border: 1px solid #e5e5e5;
}
</style>
{% endblock %}
{% block content %}
<div class="uk-flex uk-flex-center uk-margin-top">
<div class="uk-card uk-card-default uk-card-body">
<legend class="uk-legend">{% trans "Account settings" %}</legend>
<form method="POST" action="{% url "account_settings" %}">
{% csrf_token %}
{{ form }}
<div class="br">
<button type="submit" class="uk-button uk-button-primary">{% trans "Save" %}</button>
</div>
</form>
</div>
</div>
{% endblock %} {% endblock %}

13
templates/base.html
View File

@ -18,11 +18,14 @@
{% include "nav.html" %} {% include "nav.html" %}
{% if messages %} {% if messages %}
<ul class="messages"> <div class="messages">
{% for message in messages %} {% for message in messages %}
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li> <div class="uk-alert-primary {{ message.tags }}" uk-alert>
{% endfor %} <a class="uk-alert-close" uk-close></a>
</ul> <p>{{ message }}</p>
</div>
{% endfor %}
</div>
{% endif %} {% endif %}
{% block content %} {% block content %}