More dashboard and settings themes (#29)

* Proposals forms now have a header panel

* Adds panels to the speaker forms

* Imports latest pinax accounts templates

* speakers/base and proposals/base now derive from utility_page.html

* Most login forms now derive from take flight themes

* Missed email_confirm

* More accounts bits

* Restructures login form

* Puts submit etc buttons inside fieldset borders
This commit is contained in:
Christopher Neugebauer 2016-06-28 07:58:06 +10:00 committed by Scott Bragg
parent eac85a2b92
commit feed83f517
39 changed files with 414 additions and 55 deletions

View file

@ -0,0 +1 @@
{# provide log in sidebar here #}

View file

@ -0,0 +1 @@
{# provide sign up in sidebar here #}

View file

@ -0,0 +1,25 @@
{% extends "utility_page.html" %}
{% load i18n %}
{% block body_class %}account{% endblock %}
{% block utility_body %}
<div class="btn-group">
<a class="btn {% block btn-settings %}{% endblock %}" href="{% url "account_settings" %}">
{% trans "Settings" %}
</a>
<a class="btn {% block btn-password %}{% endblock %}" href="{% url "account_password" %}">
{% trans "Change password" %}
</a>
<a class="btn {% block btn-delete %}{% endblock %}" href="{% url "account_delete" %}">
{% trans "Delete account" %}
</a>
</div>
<br />
{% block account_body %}
{% endblock %}
{% endblock %}

View file

@ -0,0 +1,20 @@
{% extends "account/base.html" %}
{% load i18n %}
{% block body_class %}account account-delete{% endblock %}
{% block head_title %}{% trans "Delete Account" %}{% endblock %}
{% block page_title %}{% trans "Delete Account" %}{% endblock %}
{% block btn-delete %}btn__active{% endblock %}
{% block account_body %}
<p>{% blocktrans %}If you go ahead and delete your account, your information will be <b>expunged within {{ ACCOUNT_DELETION_EXPUNGE_HOURS }} hours</b>.{% endblocktrans %}</p>
<form method="post" action="{% url "account_delete" %}" autocapitalize="off">
{% csrf_token %}
<button type="submit" class="btn btn-danger">{% trans "Delete My Account" %}</button>
</form>
{% endblock %}

View file

@ -0,0 +1,6 @@
{% load i18n account_tags %}{% blocktrans with site_name=current_site.name %}A user on {{ site_name }} has created an account using this email address.
To confirm this email address, go to {{ activate_url }}
If you did not sign up for this site, you can ignore this message.
{% endblocktrans %}

View file

@ -0,0 +1 @@
{% load i18n %}{% blocktrans with site_name=current_site.name %}Confirm email address for {{ site_name }}{% endblocktrans %}

View file

@ -0,0 +1,4 @@
{% load i18n %}{% blocktrans with name=current_site.name %}You have been invited to sign up at {{ name }}.
{{ signup_url }}
{% endblocktrans %}

View file

@ -0,0 +1 @@
{% load i18n %}{% blocktrans with name=current_site.name %}Create an account on {{ name }}{% endblocktrans %}

View file

@ -0,0 +1 @@
{% load i18n %}{% blocktrans with now=user.account.now %}This is the email notification to confirm your password has been changed on {{ now }}.{% endblocktrans %}

View file

@ -0,0 +1 @@
{% load i18n %}{% trans "Change password email notification" %}

View file

@ -0,0 +1,5 @@
{% load i18n %}{% blocktrans with site_name=current_site.name %}You're receiving this email because you or someone else has requested a password for your user account at {{ site_name }}.
It can be safely ignored if you did not request a password reset. Click the link below to reset your password.
{{ password_reset_url }}
{% endblocktrans %}

View file

@ -0,0 +1 @@
{% load i18n %}{% blocktrans with site_name=current_site.name %}[{{ site_name }}] Password reset{% endblocktrans %}

View file

@ -0,0 +1,16 @@
{% extends "utility_page.html" %}
{% load i18n %}
{% block head_title %}{% trans "Confirm Email" %}{% endblock %}
{% block page_title %}{% trans "Confirm Email" %}{% endblock %}
{% block utility_body %}
<form method="post" action="{% url "account_confirm_email" key=confirmation.key %}">
<fieldset>
{% csrf_token %}
<p>{% blocktrans with email=confirmation.email_address.email %}Confirm email address <b>{{ email }}</b>?{% endblocktrans %}</p>
<button type="submit" class="btn btn-primary">{% trans "Confirm" %}</button>
</fieldset>
</form>
{% endblock %}

View file

@ -0,0 +1,12 @@
{% extends "utility_page.html" %}
{% load i18n %}
{% block head_title %}{% trans "Confirm your email address" %}{% endblock %}
{% block page_title %}{% trans "Confirm your email address" %}{% endblock %}
{% block utility_body %}
<p>{% blocktrans %}We have sent you an email to <b>{{ email }}</b> for verification. Follow the link provided to finalize the signup process. 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><a href="{{ success_url }}">{% trans "Go back" %}</a></p>
{% endblock %}

View file

@ -0,0 +1,10 @@
{% extends "utility_page.html" %}
{% load i18n %}
{% block head_title %}{% trans "Email confirmed" %}{% endblock %}
{% block page_title %}{% trans "Email confirmed" %}{% endblock %}
{% block utility_body %}
<p>{% blocktrans with email=confirmation.email_address.email %}You have confirmed <b>{{ email }}</b>{% endblocktrans %}</p>
{% endblock %}

View file

@ -0,0 +1,39 @@
{% extends "utility_page.html" %}
{% load account_tags %}
{% load i18n %}
{% load bootstrap %}
{% block head_title %}{% trans "Log in" %}{% endblock %}
{% block page_title %}{% trans "Log in to an existing account" %}{% endblock %}
{% block utility_body %}
{% if ACCOUNT_OPEN_SIGNUP %}
<p class="login-signup">
{% trans "Don't have an account?" %} <strong><a href="{% urlnext 'account_signup' %}">{% trans "Sign up" %}</a></strong>
</p>
{% endif %}
<form method="POST" action="{% url "account_login" %}" autocapitalize="off" {% if form.is_multipart %} enctype="multipart/form-data"{% endif %}>
{% csrf_token %}
<fieldset>
{% include "_form_snippet.html" with form=form %}
{% if redirect_field_value %}
<input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
{% endif %}
<button type="submit" class="btn btn-primary">{% trans "Log in" %}</button>
<a href="{% url "account_password_reset" %}" class="btn btn-link">{% trans "Forgot your password?" %}</a>
</fieldset>
</form>
{% endblock %}
{% block scripts %}
{{ block.super }}
<script type="text/javascript">
$(document).ready(function() {
$('#id_username').focus();
});
</script>
{% endblock %}

View file

@ -0,0 +1,14 @@
{% extends "utility_page.html" %}
{% load i18n %}
{% block head_title %}{% trans "Log out" %}{% endblock %}
{% block page_title %}{% trans "Log out" %}{% endblock %}
{% block utility_body %}
<form method="POST" action="{% url "account_logout" %}">
{% csrf_token %}
<p>{% trans "Are you sure you want to log out?" %}</p>
<button type="submit" class="btn btn-primary">{% trans "Log out" %}</button>
</form>
{% endblock %}

View file

@ -0,0 +1,20 @@
{% extends "account/base.html" %}
{% load i18n %}
{% load bootstrap %}
{% block body_class %}account account-password{% endblock %}
{% block head_title %}{% trans "Change password" %}{% endblock %}
{% block page_title %}{% trans "Change password" %}{% endblock %}
{% block btn-password %}btn__active{% endblock %}
{% block account_body %}
<form method="POST" action="">
<fieldset>
{% csrf_token %}
{% include "_form_snippet.html" with form=form %}
<button type="submit" class="btn btn-primary">{% trans "Save" %}</button>
</fieldset>
</form>
{% endblock %}

View file

@ -0,0 +1,30 @@
{% extends "utility_page.html" %}
{% load i18n %}
{% load bootstrap %}
{% load account_tags %}
{% block head_title %}{% trans "Password reset" %}{% endblock %}
{% block page_title %}{% trans "Password reset" %}{% endblock %}
{% user_display request.user as user_display %}
{% block utility_body %}
<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>
<fieldset class="row">
{% csrf_token %}
{% include "_form_snippet.html" with form=form %}
<button type="submit" class="btn btn-primary">
{% trans "Reset my password" %}
</button>
</fieldset>
</form>
<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>
{% endblock %}
{% block extra_body %}
<script>
$("#id_email").focus();
</script>
{% endblock %}

View file

@ -0,0 +1,23 @@
{% extends "utility_page.html" %}
{% load i18n %}
{% load account_tags %}
{% block head_title %}{% trans "Password reset sent" %}{% endblock %}
{% block page_title %}{% trans "Password reset sent" %}{% endblock %}
{% block utility_body %}
{% 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>
<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>
{% 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>
{% endif %}
{% endblock %}

View file

@ -0,0 +1,18 @@
{% extends "utility_page.html" %}
{% load i18n %}
{% load bootstrap %}
{% block head_title %}{% trans "Set your new password" %}{% endblock %}
{% block page_title %}{% trans "Set your new password" %}{% endblock %}
{% block utility_body %}
<form method="POST" action="{% url "account_password_reset_token" uidb36=uidb36 token=token %}">
<legend>{% trans "Set your new password" %}</legend>
<fieldset>
{% csrf_token %}
{% include "_form_snippet.html" with form=form %}
<button type="submit" class="btn btn-primary">{% trans "Save" %}</button>
</fieldset>
</form>
{% endblock %}

View file

@ -0,0 +1,11 @@
{% extends "utility_page.html" %}
{% load i18n %}
{% block head_title %}{% trans "Bad token" %}{% endblock %}
{% block page_title %}{% trans "Bad token" %}{% endblock %}
{% block utility_body %}
{% 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 %}

View file

@ -0,0 +1,20 @@
{% extends "account/base.html" %}
{% load i18n %}
{% load bootstrap %}
{% block body_class %}account account-settings{% endblock %}
{% block head_title %}{% trans "Account Settings" %}{% endblock %}
{% block page_title %}{% trans "Account Settings" %}{% endblock %}
{% block btn-settings %}btn__active{% endblock %}
{% block account_body %}
<form method="POST" action="{% url "account_settings" %}">
<fieldset>
{% csrf_token %}
{% include "_form_snippet.html" with form=form %}
<button class="btn btn-primary" type="submit">{% trans "Save" %}</button>
</fieldset>
</form>
{% endblock %}

View file

@ -0,0 +1,33 @@
{% extends "utility_page.html" %}
{% load account_tags %}
{% load i18n %}
{% load bootstrap %}
{% block head_title %}{% trans "Sign up" %}{% endblock %}
{% block page_title %}{% trans "Sign up" %}{% endblock %}
{% block utility_body %}
<p>
{% trans "Already have an account?" %} <strong><a href="{% urlnext 'account_login' %}">{% trans "Log in" %}</a></strong>
</p>
<form id="signup_form" method="post" action="{% url "account_signup" %}" autocapitalize="off" {% if form.is_multipart %} enctype="multipart/form-data"{% endif %}>
{% csrf_token %}
<fieldset>
{% include "_form_snippet.html" with form=form %}
</fieldset>
{% if redirect_field_value %}
<input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
{% endif %}
<button type="submit" class="btn btn-primary">{% trans "Sign up" %}</button>
</form>
{% endblock %}
{% block scripts %}
{{ block.super }}
<script type="text/javascript">
$(document).ready(function() {
$('#id_username').focus();
});
</script>
{% endblock %}

View file

@ -0,0 +1,14 @@
{% extends "site_base.html" %}
{% load i18n %}
{% block head_title %}{% trans "Sign up" %}{% endblock %}
{% block body %}
<h1>{% trans "This site is in private beta" %}</h1>
<p>{% blocktrans %}If you have signup code you can enter it below.{% endblocktrans %}</p>
<form method="get" action="">
<div><input type="text" name="code" placeholder="{% trans 'Your signup code...' %}" /></div>
<div><input type="submit" class="btn btn-primary"></div>
</form>
{% endblock %}

View file

@ -1,16 +1,16 @@
{% extends "site_base_wagtail.html" %}
{% extends "utility_page.html" %}
{% load staticfiles %}
{% block body %}
{% block utility_body_outer %}
{% block proposals_body_outer %}
<div class="l-content-page">
<div class="l-content-page--richtext">
<h2>{% block page_title %}{% endblock %}</h2>
{% block proposals_body %}
{% block utility_body %}
{% block proposals_body %}
{% endblock %}
{% endblock %}
</div>
</div>
{% endblock %}
{% block extra_script %}
<script src="{% static 'js/site-92ae8d0d6c.js' %}" type="text/javascript"></script>
{% endblock %}

View file

@ -9,9 +9,9 @@
{% csrf_token %}
<fieldset>
{% include "_form_snippet.html" with form=form %}
<div class="btn-group">
<input class="btn btn-primary" type="submit" value="Upload" />
</div>
</fieldset>
<div class="form-actions">
<input class="btn btn-primary" type="submit" value="Upload" />
</div>
</form>
{% endblock %}

View file

@ -5,15 +5,13 @@
{% load bootstrap %}
{% block head_title %}{{ proposal.title }}{% endblock %}
{% block page_title %}#{{ proposal.number }}: {{ proposal.title }} ({{ proposal.speaker }}){% endblock %}
{% block body %}
{% block proposals_body_outer %}
<div class="panel panel__compact">
<div class="panel--content">
<h2>{% block page_title %}#{{ proposal.number }}: {{ proposal.title }} ({{ proposal.speaker }}){% endblock %}</h2>
<div class="panel--tab-controls">
<div class="panel--tabs"><a data-tab-control="Details" class="panel--tab-switch is-active">{% trans "Proposal Details" %}</a><a data-tab-control="Documents" class="panel--tab-switch">{% trans "Supporting Documents" %}</a><a data-tab-control="Feedback" class="panel--tab-switch">{% trans "Reviewer Feedback" %} ({{ proposal.messages.all|length }})</a>
</div>
@ -80,10 +78,10 @@
{% csrf_token %}
<fieldset>
{% include "_form_snippet.html" with form=message_form %}
<div class="btn-group">
<button type="submit" name="message_submit" class="btn btn-primary">{% trans 'Submit' %}</button>
</div>
</fieldset>
<div class="actions">
<button type="submit" name="message_submit" class="btn btn-primary">{% trans 'Submit' %}</button>
</div>
</form>
</div>
</div>

View file

@ -3,7 +3,7 @@
{% load bootstrap %}
{% block head_title %}Editing {{ proposal.title }}{% endblock %}
{% block page_title %}Edit: {{ proposal.title }}{% endblock %}
{% block page_title %}Editing: {{ proposal.title }}{% endblock %}
{% block proposals_body %}
<p><a href="{% url "proposal_speaker_manage" proposal.pk %}">Manage speakers</a></p>
@ -12,10 +12,11 @@
{% csrf_token %}
<fieldset>
{% include "_form_snippet.html" with form=form %}
<div class="btn-group">
<input class="btn btn-primary" type="submit" value="Save" />
<a class="btn btn-default" href="{% url "proposal_detail" proposal.pk %}">Cancel</a>
</div>
</fieldset>
<div class="form-actions">
<input class="btn btn-primary" type="submit" value="Save" />
<a class="btn btn-default" href="{% url "proposal_detail" proposal.pk %}">Cancel</a>
</div>
</form>
{% endblock %}

View file

@ -1,8 +1,9 @@
{% extends "symposion/proposals/base.html" %}
{% block body %}
<h3>Leaving {{ proposal.title }}</h3>
{% block page_title %}Leaving {{ proposal.title }}{% endblock %}
{% block head_title %}Leaving {{ proposal.title }}{% endblock %}
{% block body %}
<form method="POST" action="" enctype="multipart/form-data">
{% csrf_token %}
<p>Are you sure you wish to leave as a speaker on <b>{{ proposal.title }}</b>?</p>

View file

@ -4,6 +4,7 @@
{% load bootstrap %}
{% block page_title %}{% trans 'Proposal:' %} {{ proposal.title }}{% endblock %}
{% block head_title %}{% trans 'Proposal:' %} {{ proposal.title }}{% endblock %}
{% block proposals_body %}
<h1></h1>
@ -27,10 +28,12 @@
<form method="POST" action="" enctype="multipart/form-data">
{% csrf_token %}
{% include "_form_snippet.html" with form=add_speaker_form %}
<div class="form-action">
<input type="submit" value="Add speaker" class="btn btn-primary" />
</div>
<fieldset>
{% include "_form_snippet.html" with form=add_speaker_form %}
<div class="btn-group">
<input type="submit" value="Add speaker" class="btn btn-primary" />
</div>
</fieldset>
</form>
{% endblock %}

View file

@ -4,6 +4,7 @@
{% load i18n %}
{% block page_title %}{% trans "Submit A Proposal" %}{% endblock %}
{% block head_title %}{% trans "Submit A Proposal" %}{% endblock %}
{% block proposals_body %}

View file

@ -3,20 +3,21 @@
{% load i18n %}
{% block page_title %}Submit a Proposal for a {{ kind.name }}{% endblock %}
{% block head_title %}Submit a Proposal for a {{ kind.name }}{% endblock %}
{% block proposals_body %}
<form method="POST" action="" enctype="multipart/form-data">
{% csrf_token %}
<fieldset>
{% include "_form_snippet.html" with form=proposal_form %}
</fieldset>
<div class="form-actions">
<p>
You will be able to edit your proposal after it has been submitted. The program committee may ask questions, provide feedback, and even suggest changes to your proposal as part of the review processes.
</p>
<input class="btn btn-primary" type="submit" name="finish" value="Save" />
<!-- <span style="float: right; padding: 4px 6px">or</span> -->
<input class="btn btn-default" type="submit" name="add-speakers" value="Save and Add Additional Speakers" />
</div>
<div class="btn-group">
<input class="btn btn-primary" type="submit" name="finish" value="Save" />
<!-- <span style="float: right; padding: 4px 6px">or</span> -->
<input class="btn btn-default" type="submit" name="add-speakers" value="Save and Add Additional Speakers" />
</div>
</fieldset>
</form>
{% endblock %}

View file

@ -1 +1,6 @@
{% extends "site_base_wagtail.html" %}
{% extends "utility_page.html" %}
{% block utility_body %}
{% block proposals_body %}
{% endblock %}
{% endblock %}

View file

@ -4,22 +4,18 @@
{% load i18n %}
{% load pinax_boxes_tags %}
{% block head_title %}{% trans "Create Speaker Profile" %}{% endblock %}
{% block page_title %}{% trans "Create Speaker Profile" %}{% endblock %}
{% block body %}
<div class="l-content-page">
<div class="l-content-page--richtext">
{% block proposals_body %}
<form method="POST" action="" enctype="multipart/form-data">
{% csrf_token %}
<h2>{% trans "Create Speaker Profile" %}</h2>
<fieldset>
{% include "_form_snippet.html" with form=speaker_form %}
<div class="btn-group">
<input class="btn btn-primary" type="submit" value="Save" />
<a class="btn btn-default" href="{% url "dashboard" %}">Cancel</a>
</div>
</fieldset>
<div class="form-actions">
<input class="btn btn-primary" type="submit" value="Save" />
<a class="btn btn-default" href="{% url "dashboard" %}">Cancel</a>
</div>
</form>
</div>
</div>
{% endblock %}

View file

@ -4,22 +4,18 @@
{% load i18n %}
{% load pinax_boxes_tags %}
{% block head_title %}{% trans "Edit Speaker Profile" %}{% endblock %}
{% block page_title %}{% trans "Edit Speaker Profile" %}{% endblock %}
{% block body %}
<div class="l-content-page">
<div class="l-content-page--richtext">
{% block proposals_body %}
<form method="POST" action="" enctype="multipart/form-data">
{% csrf_token %}
<h2>{% trans "Edit Speaker Profile" %}</h2>
<fieldset>
{% include "_form_snippet.html" with form=speaker_form %}
<div class="btn-group">
<input class="btn btn-primary" type="submit" value="Save" />
<a class="btn btn-default" href="{% url "dashboard" %}">Cancel</a>
</div>
</fieldset>
<div class="form-actions">
<input class="btn btn-primary" type="submit" value="Save" />
<a class="btn btn-default" href="{% url "dashboard" %}">Cancel</a>
</div>
</form>
</div>
</div>
{% endblock %}

View file

@ -0,0 +1,26 @@
{% extends "site_base_wagtail.html" %}
{% load staticfiles %}
{% block body %}
<div class="panel panel__compact panel__bg">
<div style="background-image: url('{% static 'lca2017/images/wineglass_bg_optimised.jpg' %}');" class="panel--bg"></div>
<div class="panel--content">
<h2>{% block page_title %}{% endblock %}</h2>
<br />
<br />
</div>
</div>
{% block utility_body_outer %}
<div class="l-content-page">
<div class="l-content-page--richtext">
{% block utility_body %}
{% endblock %}
</div>
</div>
{% endblock %}
{% endblock %}
{% block extra_script %}
<script src="{% static 'js/site-92ae8d0d6c.js' %}" type="text/javascript"></script>
{% endblock %}

View file

@ -784,6 +784,10 @@ table.alt tr:not(:last-of-type) {
border: 1px solid #3ab1c9;
}
.btn__active {
border: solid #3ab1c9;
}
.btn-group {
display: -ms-flexbox;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB