symposion_app/symposion/templates/schedule/schedule_edit.html

82 lines
2 KiB
HTML
Raw Normal View History

{% extends "site_base.html" %}
2012-08-31 04:57:25 +00:00
{% load i18n %}
{% load bootstrap_tags %}
{% block head_title %}Conference Schedule Edit{% endblock %}
{% block body_class %}full{% endblock %}
{% block right %}
{% endblock %}
{% block extra_head %}
2012-08-31 06:30:40 +00:00
<link rel="stylesheet" href="{{ STATIC_URL }}chosen/chosen.css" />
<style>
td {
font-size: 9pt;
}
td.slot {
text-align: center;
vertical-align: middle;
}
td.time {
vertical-align: top;
width: 50px;
font-size: 8pt;
padding-top: 0;
}
td.slot:hover .schedule-controls {
display: block;
}
.schedule-controls {
display: none;
font-size: 8pt;
}
.schedule-controls a {
text-decoration: none;
color: #000;
}
.schedule-controls a:hover {
color: #999;
}
2012-08-31 05:52:04 +00:00
td.slot .title {
font-weight: bold;
2012-08-31 05:52:04 +00:00
line-height: 10pt;
}
2012-08-31 06:30:40 +00:00
#id_presentation {
width:400px;
}
</style>
{% endblock %}
2012-08-30 16:17:10 +00:00
{% block body_outer %}
<div class="row">
<div class="span12">
<h1>Schedule Edit</h1>
2012-08-30 16:17:10 +00:00
{% for timetable in days %}
<h2>{{ timetable.day.date }}</h2>
{% include "schedule/_grid.html" %}
{% endfor %}
</div>
2012-08-31 04:57:25 +00:00
<div class="modal fade hide in" id="slotEditModal"></div>
2012-08-30 16:17:10 +00:00
</div>
{% endblock %}
2012-08-31 04:57:25 +00:00
{% block extra_script %}
2012-08-31 06:30:40 +00:00
<script src="{{ STATIC_URL }}chosen/chosen.jquery.min.js" type="text/javascript"></script>
2012-08-31 04:57:25 +00:00
<script type="text/javascript">
$(function() {
$("a.edit-slot").click(function() {
$("#slotEditModal").load($(this).data("action"), function() {
$("#id_presentation").chosen();
$("#slotEditModal").modal("show");
});
2012-08-31 04:57:25 +00:00
});
});
</script>
{% endblock %}