Makes dashboard use takeflight theme instead of pinax theme (#24)

* Starts porting dashboard to the wagtail base page

* Dashboard mk 2

* Dashboard mk 3

* Last dashboard work for now
This commit is contained in:
Christopher Neugebauer 2016-06-27 13:26:26 +10:00 committed by Scott Bragg
parent e3f41b4b31
commit 6814b290eb
4 changed files with 188 additions and 218 deletions

View file

@ -1,4 +1,4 @@
{% extends "site_base.html" %}
{% extends "site_base_wagtail.html" %}
{% load staticfiles %}
{% load i18n %}
{% load proposal_tags %}
@ -9,234 +9,202 @@
{% block head_title %}Dashboard{% endblock %}
{% block extra_style %}
<link rel="stylesheet" href="{% static 'css/site-0a247b924d.css' %}">
<!-- Latest compiled and minified CSS -->
{% endblock %}
{% block body_class %}auth{% endblock %}
{% block body %}
<div class="panel panel-default">
<div class="panel-heading">
<div class="pull-right">
{% if not user.speaker_profile %}
<a href="{% url "speaker_create" %}" class="btn btn-xs btn-default">
<i class="fa fa-plus-sign"></i> Create a speaker profile
</a>
{% else %}
<a href="{% url "speaker_edit" %}" class="btn btn-xs btn-default">
<i class="fa fa-pencil"></i> Edit your speaker profile
</a>
<a href="{% url "proposal_submit" %}" class="btn btn-xs btn-default">
<i class="fa fa-plus-sign"></i> Submit a new proposal
</a>
{% endif %}
</div>
<h3 class="panel-title">
<i class="fa fa-bullhorn"></i>
{% trans "Speaking" %}
</h3>
</div>
<div class="panel-body">
{% if not user.speaker_profile %}
<p>To submit a proposal, you must first <a href="{% url "speaker_create" %}">create a speaker profile</a>.</p>
{% else %}
<h4>Your Proposals</h4>
{% if not user.speaker_profile.proposals.exists %}
<p>No proposals submitted yet.</p>
{% endif %}
{% endif %}
</div>
{% if user.speaker_profile.proposals.exists %}
<table class="table">
<div class="l-content-page">
<div class="l-content-page--richtext">
<section id="panel-speaking">
<h2>{% trans "Speaking" %}</h2>
{% if not user.speaker_profile %}
<p>To submit a proposal, you must first create a speaker profile.</p>
{% else %}
<h3>Your Proposals</h3>
{% if not user.speaker_profile.proposals.exists %}
<p>No proposals submitted yet.</p>
{% else %}
<p></p>
{% endif %}
{% endif %}
{% if user.speaker_profile.proposals.exists %}
<table>
<tr>
<th>Title</th>
<th>Type</th>
<th>Status</th>
<th>Actions</th>
</tr>
{% for proposal in user.speaker_profile.proposals.all %}
{% include "symposion/proposals/_proposal_row.html" %}
{% endfor %}
</table>
{% endif %}
{% if user.speaker_profile %}
{% associated_proposals as associated_proposals %}
{% if associated_proposals %}
<h3>Proposals you have joined as an additional speaker</h3>
<table>
<tr>
<th>Title</th>
<th>Session type</th>
<th>Type</th>
<th>Status</th>
<th>Actions</th>
</tr>
{% for proposal in user.speaker_profile.proposals.all %}
{% for proposal in associated_proposals %}
{% include "symposion/proposals/_proposal_row.html" %}
{% endfor %}
</table>
{% endif %}
{% pending_proposals as pending_proposals %}
{% if pending_proposals %}
<h3>Proposals you have been invited to join</h3>
<table>
<tr>
<th>Title</th>
<th>Type</th>
<th>Status</th>
<th>Actions</th>
</tr>
{% for proposal in pending_proposals %}
{% include "symposion/proposals/_pending_proposal_row.html" %}
{% endfor %}
</table>
{% endif %}
{% endif %}
<p></p>
<h3>Actions</h3>
<div class="btn-group">
{% if not user.speaker_profile %}
<a href="{% url "speaker_create" %}" class="btn">
<i class="fa fa-plus-sign"></i> Create a speaker profile
</a>
{% else %}
<a href="{% url "speaker_edit" %}" class="btn">
<i class="fa fa-pencil"></i> Edit your speaker profile
</a>
<a href="{% url "proposal_submit" %}" class="btn">
<i class="fa fa-plus-sign"></i> Submit a new proposal
</a>
{% endif %}
</div>
{% if user.speaker_profile %}
{% associated_proposals as associated_proposals %}
{% if associated_proposals %}
<div class="panel-body">
<h4>Proposals you have joined as an additional speaker</h4>
</div>
<table class="table">
<tr>
<th>Title</th>
<th>Session type</th>
<th>Status</th>
<th>Actions</th>
</tr>
{% for proposal in associated_proposals %}
{% include "symposion/proposals/_proposal_row.html" %}
{% endfor %}
</table>
{% endif %}
<hr /> {# TODO: Can we do better? #}
{% pending_proposals as pending_proposals %}
{% if pending_proposals %}
<div class="panel-body"><h4>Proposals you have been invited to join</h4></div>
<table class="table">
<tr>
<th>Title</th>
<th>Session type</th>
<th>Status</th>
<th>Actions</th>
</tr>
{% for proposal in pending_proposals %}
{% include "symposion/proposals/_pending_proposal_row.html" %}
{% endfor %}
</table>
{% endif %}
{% endif %}
</div>
</section>
{# {% include 'registrasion/dashboard-widget.html' %} #}
{# {% include 'registrasion/dashboard-widget.html' %} #}
<div class="panel panel-default">
<div class="panel-heading">
<div class="pull-right header-actions">
{% if not user.sponsorships.exists %}
<a href="{% url "sponsor_apply" %}" class="btn btn-xs btn-default">
<i class="fa fa-plus-sign"></i>
Apply to be a sponsor
</a>
{% endif %}
</div>
<h3 class="panel-title">
<i class="fa fa-briefcase"></i>
{% trans "Sponsorship" %}
</h3>
</div>
<div class="panel-body">
{% if not user.sponsorships.exists %}
<p>If you or your organization would be interested in sponsorship opportunities, <a href="{% url "sponsor_apply" %}">use our online form to apply to be a sponsor</a>.
{% else %}
<h4>Your Sponsorship</h4>
<ul class="list-group">
{% for sponsorship in user.sponsorships.all %}
<li class="list-group-item">
<a href="{% url "sponsor_detail" sponsorship.pk %}"><b>{{ sponsorship.name }}</b></a>
({{ sponsorship.level }})
{% if not sponsorship.active %}
<span class="label label-warning">awaiting approval</span>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
{% if user.is_staff %}
<p>
As staff, you can directly <a href="{% url "sponsor_add" %}">add a sponsor</a> if the organization isn't
applying themselves.
</p>
{% endif %}
</div>
</div>
{% if review_sections %}
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<i class="fa fa-briefcase"></i>
{% trans "Reviews" %}
</h3>
</div>
<div class="panel-body">
<h4>Reviews by Section</h4>
<ul>
{% for section in review_sections %}
<h5>{{ section }}</h5>
<li><a href="{% url "review_section" section.section.slug %}">All</a></li>
<li><a href="{% url "user_reviewed" section.section.slug %}">Reviewed by you</a></li>
<li><a href="{% url "user_not_reviewed" section.section.slug %}">Not Reviewed by you</a></li>
{% endfor %}
</ul>
<h2 class="panel-title">
<i class="fa fa-briefcase"></i>
{% trans "Reviews" %}
</h2>
{% comment %}
<h4>My Assignments</h4>
<table class="table">
<thead>
<td>Proposal Title</td>
<td>Score</td>
</thead>
<tbody>
<tr>
<td>Title Three</td>
<td>-1</td>
</tr>
<tr>
<td>Title Four</td>
<td>+2</td>
</tr>
</tbody>
</table>
{% endcomment %}
<h3>Reviews by Section</h3>
<ul>
{% for section in review_sections %}
<h4>{{ section }}</h4>
<li><a href="{% url "review_section" section.section.slug %}">All</a></li>
<li><a href="{% url "user_reviewed" section.section.slug %}">Reviewed by you</a></li>
<li><a href="{% url "user_not_reviewed" section.section.slug %}">Not Reviewed by you</a></li>
{% endfor %}
</ul>
{% comment %}
<h4>My Assignments</h4>
<table class="table">
<thead>
<td>Proposal Title</td>
<td>Score</td>
</thead>
<tbody>
<tr>
<td>Title Three</td>
<td>-1</td>
</tr>
<tr>
<td>Title Four</td>
<td>+2</td>
</tr>
</tbody>
</table>
{% endcomment %}
<hr /> {# TODO: Can we do better? #}
</div>
</div>
{% endif %}
{% available_teams as available_teams %}
{% if user.memberships.exists or available_teams %}
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<i class="fa fa-group"></i>
{% trans "Teams" %}
</h3>
</div>
<section id="teams">
<h2 class="panel-title">
<i class="fa fa-group"></i>
{% trans "Teams" %}
</h2>
{% if user.memberships.exists %}
<div class="panel-body">
<h3>Your Teams</h3>
</div>
<table>
{% for membership in user.memberships.all %}
<tr>
<td>
<a href="{% url "team_detail" membership.team.slug %}">{{ membership.team.name }}</a>
{% if membership.team.description %}<br>{{ membership.team.description }}{% endif %}
</td>
<td>
<span class="label{% if membership.state == 'invited' %} label-info{% endif %}">{{ membership.get_state_display }}</span>
</td>
<td>
{% if membership.state == "manager" or user.is_staff %}
{% if membership.team.applicants %}{{ membership.team.applicants.count }} applicant{{ membership.team.applicants.count|pluralize }}{% endif %}
{% endif %}
</td>
</tr>
{% endfor %}
</table>
{% endif %}
{% if available_teams %}
<div class="panel-body">
<h4>Available Teams</h4>
</div>
<table class="table table-striped">
{% for team in available_teams %}
<tr>
<td>
<a href="{% url team_detail team.slug %}">{{ team }}</a>
{% if team.description %}<br>{{ team.description }}{% endif %}
</td>
<td>
<span class="label label-default">{{ team.get_access_display }}</span>
</td>
</tr>
{% endfor %}
</table>
{% endif %}
</section>
<hr /> {# TODO: Can we do better? #}
{% if user.memberships.exists %}
<div class="panel-body">
<h4>Your Teams</h4>
</div>
<table class="table table-striped">
{% for membership in user.memberships.all %}
<tr>
<td>
<a href="{% url "team_detail" membership.team.slug %}">{{ membership.team.name }}</a>
{% if membership.team.description %}<br>{{ membership.team.description }}{% endif %}
</td>
<td>
<span class="label{% if membership.state == 'invited' %} label-info{% endif %}">{{ membership.get_state_display }}</span>
</td>
<td>
{% if membership.state == "manager" or user.is_staff %}
{% if membership.team.applicants %}{{ membership.team.applicants.count }} applicant{{ membership.team.applicants.count|pluralize }}{% endif %}
{% endif %}
</td>
</tr>
{% endfor %}
</table>
{% endif %}
{% if available_teams %}
<div class="panel-body">
<h4>Available Teams</h4>
</div>
<table class="table table-striped">
{% for team in available_teams %}
<tr>
<td>
<a href="{% url team_detail team.slug %}">{{ team }}</a>
{% if team.description %}<br>{{ team.description }}{% endif %}
</td>
<td>
<span class="label label-default">{{ team.get_access_display }}</span>
</td>
</tr>
{% endfor %}
</table>
{% endif %}
</div>
{% endif %}
</div>
</div>
{% endblock %}

View file

@ -24,19 +24,13 @@
</td>
<td>
{% if not proposal.cancelled %}
<div class="btn-group">
<a class="btn btn-xs dropdown-toggle" data-toggle="dropdown" href="#">
{% trans 'Choose Response' %}
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="{% url "proposal_pending_join" proposal.id %}">
{% trans 'Accept invitation' %}</a></li>
<li><a href="{% url "proposal_pending_decline" proposal.id
%}">{% trans 'Decline invitation' %}</a></li>
</ul>
</div>
{% endif %}
{% if not proposal.cancelled %}
<ul>
<li><a href="{% url "proposal_pending_join" proposal.id %}">
{% trans 'Accept invitation' %}</a></li>
<li><a href="{% url "proposal_pending_decline" proposal.id
%}">{% trans 'Decline invitation' %}</a></li>
</ul>
{% endif %}
</td>
</tr>

View file

@ -24,8 +24,10 @@
<td>
{% if not proposal.cancelled %}
{% if request.user == proposal.speaker.user and proposal.can_edit %}
<a href="{% url "proposal_edit" proposal.pk %}" class="btn btn-xs"><i class="fa fa-pencil"></i> Edit</a>
<a href="{% url "proposal_speaker_manage" proposal.id %}" class="btn btn-xs"><i class="fa fa-user"></i> Manage Additional Speakers</a>
<ul>
<li><a href="{% url "proposal_edit" proposal.pk %}"><i class="fa fa-pencil"></i> Edit</a></li>
<li><a href="{% url "proposal_speaker_manage" proposal.id %}"><i class="fa fa-user"></i> Manage Additional Speakers</a></li>
</ul>
{% endif %}
{% endif %}
</td>

View file

@ -779,6 +779,12 @@ table.alt tr:not(:last-of-type) {
}
}
.btn__compact {
padding: 0.625rem 1.25rem;
border: 1px solid #3ab1c9;
}
.btn-group {
display: -ms-flexbox;
display: flex;