symposion_app/pinaxcon/templates/symposion/proposals/proposal_detail.html
Christopher Neugebauer e6c623a69c Refactors all speaker-facing forms and editing pages to use the new theme (#27)
* Themes speaker_edit.html

* speaker_create now uses takeflight theme

* proposal_submit_kind now uses takeflight theme

* fixes bug in form_snippet

* Optimises proposals_submit_kind

* proposal_submit now uses wagtail theme

* Proposal_edit now uses new theme

* More forms

* Proposal details page now loads from take flight theme

* proposal_fields now looks nicer under the take flight theme

* proposal_speaker_manage rethemed
2016-06-27 18:13:38 +10:00

112 lines
4.7 KiB
HTML

{% extends "symposion/proposals/base.html" %}
{% load i18n %}
{% load account_tags %}
{% load bootstrap %}
{% block head_title %}{{ proposal.title }}{% endblock %}
{% block body %}
<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>
</div>
<div data-tab-content="Details" class="panel--tab-content is-active">
{% include "symposion/proposals/_proposal_fields.html" %}
<div class="btn-group">
{% if not proposal.cancelled %}
{% if request.user == proposal.speaker.user %}
<a href="{% url "proposal_edit" proposal.pk %}" class="btn btn-default">
{% trans "Edit this proposal" %}
</a>
<a href="{% url "proposal_cancel" proposal.pk %}" class="btn btn-default">
{% trans "Cancel this proposal" %}
</a>
{% else %}
<a href="{% url "proposal_leave" proposal.pk %}" class="btn btn-default">
{% trans "Remove me from this proposal" %}
</a>
{% endif %}
{% else %}
{% trans 'Cancelled' }
{% endif %}
</div>
</div>
<div data-tab-content="Documents" class="panel--tab-content">
{% if proposal.supporting_documents.exists %}
<table class="table table-striped">
{% for document in proposal.supporting_documents.all %}
<tr>
<td><a href="{{ document.download_url }}">{{ document.description }}</a></td>
<td>
<form style="margin: 0;" method="post" action="{% url "proposal_document_delete" document.pk %}">
{% csrf_token %}
<button type="submit" class="btn btn-xs">{% trans 'delete' %}</button>
</form>
</td>
</tr>
{% endfor %}
</table>
{% else %}
<p>{% trans 'No supporting documents attached to this proposal.' %}</p>
{% endif %}
<a class="btn btn-default btn-sm{% if proposal.cancelled %} btn-disabled{% endif %}" href="{% url "proposal_document_create" proposal.pk %}"><i class="fa fa-upload"></i> {% trans 'Add Document' %}</a>
</div>
<div data-tab-content="Feedback" class="panel--tab-content">
<h3>{% trans 'Conversation with Reviewers' %}</h3>
{% for message in proposal.messages.all %}
<div class="review-box">
<div class="comment"><em>{{ message.message|safe }}</em></div>
<div class="dateline"><b>{% user_display message.user %}</b> {{ message.submitted_at|timesince }} ago</div>
</div>
<br />
{% endfor %}
<h3>{% trans 'Leave a Message' %}</h3>
<p>{% trans 'You can leave a message for the reviewers here.' %}</p>
<form action="" method="POST" accept-charset="utf-8">
{% csrf_token %}
<fieldset>
{% include "_form_snippet.html" with form=message_form %}
</fieldset>
<div class="actions">
<button type="submit" name="message_submit" class="btn btn-primary">{% trans 'Submit' %}</button>
</div>
</form>
</div>
</div>
</div>
{% endblock %}
{% block extra_script %}
{{ block.super }}
<script src="{{ STATIC_URL }}symposion/js/jquery.history.js"></script>
<script type="text/javascript">
$(function() {
var History = window.History;
$(window).bind("anchorchange", function() {
$(".nav-tabs a[href='" + location.hash + "']").click();
});
$('#.nav-tabs a[data-toggle="tab"]').on('shown', function (e) {
if (History.enabled) {
History.pushState(null, null, $(e.target).attr("href"));
}
});
});
</script>
{% endblock extra_script %}