1886323d74
Boot custom CSS, and put some base, standard css in its place. Shame I did not start with fresh Bootstrap4, but oh well. Some more templates could be made to make this less messy, which would be good.
109 lines
4.7 KiB
HTML
109 lines
4.7 KiB
HTML
{% extends "symposion/proposals/base.html" %}
|
|
|
|
{% load i18n %}
|
|
{% load bootstrap %}
|
|
|
|
{% block head_title %}{{ proposal.title }}{% endblock %}
|
|
{% block page_title %}#{{ proposal.number }}: {{ proposal.title }} ({{ proposal.speaker }}){% endblock %}
|
|
|
|
{% block proposals_body_outer %}
|
|
|
|
<div class="panel panel__compact">
|
|
<div class="panel--content">
|
|
|
|
<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 class="form-horizontal" 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>{{ message.user.username }}</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 class="form-horizontal" action="" method="POST" accept-charset="utf-8">
|
|
{% 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>
|
|
</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 %}
|