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 %}
{% 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 %}
<div class="row">
<div class="col-md-8">
<form method="POST" action="">
<legend>{% trans "Password reset" %}</legend>
<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>
<fieldset class="row">
<div class="col-md-5">
{% csrf_token %}
{{ form }}
<button type="submit" class="btn btn-primary">
{% trans "Reset my password" %}
</button>
</div>
</fieldset>
</form>
</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 class="uk-flex uk-flex-center uk-margin-top">
<div class="uk-card uk-card-default uk-card-body">
<form method="POST" action="">
<legend class="uk-legend">{% trans "Password reset" %}</legend>
<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>
{% csrf_token %}
{{ form }}
<div class="br">
<button type="submit" class="uk-button uk-button-primary">
{% trans "Reset my password" %}
</button>
</div>
</form>
<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>
{% endblock %}
{% block extra_body %}

33
templates/account/password_reset_sent.html
View File

@ -6,22 +6,27 @@
{% block title %}{% trans "Password reset sent" %}{% endblock %}
{% 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 %}
<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="col-md-5">
<form method="POST" action="{% url "account_password_reset" %}">
{% csrf_token %}
{% for field in form %}
{{ field.as_hidden }}
{% endfor %}
<button type="submit" name="resend" class="btn btn-primary">{% trans "Resend" %}</button>
</form>
</div>
<div class="row">
<div class="col-md-5">
<form method="POST" action="{% url "account_password_reset" %}">
{% csrf_token %}
{% for field in form %}
{{ field.as_hidden }}
{% endfor %}
<button type="submit" name="resend" class="uk-button uk-button-primary">{% trans "Resend" %}</button>
</form>
</div>
</div>
{% 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 %}
{% 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 content %}
<div class="row">
<div class="col-md-5">
<form method="POST" action="{% url "account_password_reset_token" uidb36=uidb36 token=token %}">
<legend>{% trans "Set your new password" %}</legend>
<fieldset>
{% csrf_token %}
{{ form }}
<button type="submit" class="btn btn-primary">{% trans "Save" %}</button>
</fieldset>
</form>
</div>
</div>
{% block pagecss %}
<style>
label {
display: block;
margin-top: 15px;
color: #333;
font-size: .875rem;
}
.br {
margin-top: 15px;
}
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 %}

6
templates/account/password_reset_token_fail.html
View File

@ -5,7 +5,11 @@
{% block title %}{% trans "Bad token" %}{% endblock %}
{% 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>
{% 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>
{% endblock %}
</div>
</div>
{% endblock %}

54
templates/account/settings.html
View File

@ -1,20 +1,52 @@
{% extends "base.html" %}
{% load account_tags %}
{% load i18n %}
{% block content_class %}account account-settings{% endblock %}
{% block title %}{% trans "Account" %}{% endblock %}
{% block content %}
<div class="row">
<div class="col-md-5">
<form method="POST" action="{% url "account_settings" %}">
<legend>{% trans "Account" %}</legend>
{% csrf_token %}
{{ form }}
<button class="btn btn-primary" type="submit">{% trans "Save" %}</button>
</form>
</div>
</div>
{% block pagecss %}
<style>
label {
display: block;
margin-top: 15px;
color: #333;
font-size: .875rem;
}
.br {
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 %}

13
templates/base.html
View File

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