grid.html

{% extends "base.html" %}
{% load paniktags %}

{% block bodyID %}Grid{% endblock %}
{% block listen %}{% endblock %}
{% block title %}La grille{% endblock %}
{% block nav %}
	<nav id="gridNav" class="">
		<ul class="distributed by{{ categories.count }}">
		        <li><button onclick="
					$('#grid *').removeClass('highlighted');
					$('#grid .nonstop').addClass('highlighted');
				">Non-stop</button></li>
		{% for category in categories %}
		        <li><button onclick="
					$('#grid *').removeClass('highlighted');
					$('#grid .{{ category|slugify }}').addClass('highlighted');
				">{{ category }}</button></li>
		{% endfor %}
		</ul>
	</nav>
{% endblock %}
{% block main %}
<div id="grid" class="">
	<table>
		<tbody>
		<tr>
			  <td style=""><br/></td>
			  {% for weekday in weekdays %}
			    <th class="day" width="13%">{{ weekday }}</th>
			  {% endfor %}
			  <td style=""><br/></td>
		</tr>
		{% for time_header, time_cells in times|zip:grid %}
		<tr>
			  <th class="heure">{{ time_header }}</th>
			  {% for cell in time_cells %}
			  <td class="small cell {% if cell.schedules|length > 1 %}many {% endif %}{% if cell.schedules %}scheduled{% else %}nonstop{% endif %}" {% if cell.w > 1 %}colspan="{{cell.w}}"{% endif %}
				      {% if cell.h > 1 %}rowspan="{{cell.h}}"{% endif %}>
					{% if cell.time_label %}
						<div class="cell-time-label">{{ cell.time_label }}</div>
					{% endif %}
				      {% if cell.schedules %}
					{% for schedule in cell.schedules %}
					{% if forloop.first == False and cell.schedules|length > 1 %}<hr />{% endif %}
					<div class="item {% for category in schedule.emission.categories.all %}{{ category|slugify }}{% endfor %}">
					
						<strong>
							<a href="{% url 'emission-view' slug=schedule.emission.slug %}">{{ schedule.emission.title }}</a>
						</strong>
						<br />{% if schedule.weeks_string %}
						  ({{ schedule.weeks_string }})
						{% endif %}
					</div>
					{% endfor %}
				      {% else %}
					<div class="continu"><strong>{{ cell }}</strong></div>
					{% if cell.w > 1 and cell.h > 1%}<p>la musique en continu</p>{% endif %}
				      {% endif %}
			  </td>
			  {% endfor %}
			  <th class="heure">{{ time_header }}</th>
		</tr>
		{% endfor %}
		</tbody>
	</table>
</div>
{% endblock %}

{% block news %}
{% endblock %}