summaryrefslogtreecommitdiff
path: root/templates/program/day_schedule.html
blob: cf71bd74017dc0667432310b3c35293ea83efbfa (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<html>
<head>
    <title>Day schedule: {{ day|date:"l, d.m.Y" }}</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-de.js"></script>
    <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css" rel="stylesheet" />
</head>
<body>

<div id="calendar"></div>

{% load content_boxes %}
<div id="filter-format">
{% broadcastformat %}
</div>
<div id="filter-topic">
  <dl id="filter-header" class="portlet">
    <dt class="portletHeader"><span>Filter</span></dt>
  </dl>
{% musicfocus %}
{% showinformation %}
{% showtopic %}
</div>

<div id="content-main" class="day-schedule">
    <h2>Tagesansicht</h2>
    <h1 id="date">{{ day|date:"l, d.m.Y" }}</h1>

    <div id="timeslots">
    {% for timeslot in timeslots %}
    <div class="timeslot bf-{{ timeslot.show.broadcastformat.slug }}">
        <div class="show-start">{{ timeslot.start|date:"H:i" }}</div>
        <div class="show-abbrevs">
        {% for item in timeslot.show.showinformation.all %}
          <span title="{{item.information}}" class="abbrev si-{{ item.abbrev }}"><span>{{ item.abbrev }}</span></span>
        {% endfor %}
        {% for item in timeslot.show.showtopic.all %}
          <span title="{{item.topic}}" class="abbrev st-{{ item.abbrev }}"><span>{{ item.abbrev }}</span></span>
        {% endfor %}
        {% for item in timeslot.show.musicfocus.all %}
          <span title="{{item.focus}}" class="abbrev mf-{{ item.abbrev }}"><span>{{ item.abbrev }}</span></span>
        {% endfor %}
        </div>
        <div class="show-detail">
            <h3 class="show-title"><a href="{% url timeslot-detail timeslot.id %}">{{ timeslot.show.name }}</a></h3>
            {% if timeslot.note %}
            <p class="note-title"><strong>Heute:</strong> {{ timeslot.note.title }}</p>
            {% else %}
                {% if timeslot.show.short_description != 'FIXME' %}
            <p class="show-description">{{ timeslot.show.short_description }}</p>
                {% endif %}
            {% endif %}
        </div>
    </div>
    {% endfor %}
    </div>
</div>

<script>
    $(function() {
        $("#calendar").datepicker({
            defaultDate: location.href.split('/').slice(4, 7).reverse().join('.'),
            onSelect: function(dateText, inst) {
                location = '/program/' + dateText.split('.').reverse().join('/');
            }
        });
    })
</script>

</body>
</html>