+{% load i18n %}
-<div class="wrapper">
- <nav>
- <ul class="inline">
- <li><a href="{% url 'emissions' %}" class="{% if class != "program" and class != "grid" and class != "archives" %}active{% endif %}">
- <span class="icon-microphone" ></span>
- <span class="iconLabel">Emissions</span>
- </a></li>
- <li><a href="{% url 'program' %}" class="{% if class = "program" %}active{% endif %}">
- <span class="icon-calendar" ></span>
- <span class="iconLabel">Cette semaine</span>
- </a></li>
- <li><a href="{% url 'grid' %}" class="{% if class = "grid" %}active{% endif %}">
- <span class="icon-th-large" ></span>
- <span class="iconLabel">La grille</span>
- </a></li>
- <li><a href="{% url 'archives' %}" class="{% if class = "archives" %}active{% endif %}">
- <span class="icon-archive" ></span>
- <span class="iconLabel">Archives</span>
- </a></li>
- </ul>
- </nav>
- {% if categories %}
+<div class="mainSub">
+ <div>
+ <nav>
+ <ul class="inline padded">
+ <li><a href="{% url 'grid' %}" class="{% if class == "grid" %}active{% endif %}">
+ <span class="iconLabel">{% trans 'Grid' %}</span>
+ </a></li>
+ <li><a href="{% url 'program' %}" class="{% if class == "program" %}active{% endif %}">
+ <span class="iconLabel">{% trans 'By Week' %}</span>
+ </a></li>
+ <li><a href="{% url 'emissions' %}" class="{% if class != "program" and class != "grid" and class != "archives" %}active{% endif %}">
+ <span class="iconLabel">{% trans 'Emissions' %}</span>
+ </a></li>
+ <li><a href="{% url 'emissionsArchives' %}" class="{% if class == "archives" %}active{% endif %}">
+ <span class="iconLabel">{% trans 'Archives' %}</span>
+ </a></li>
+ </ul>
+ </nav>
+ </div>
+</div>
+{% if categories %}
+<div>
<nav id="gridNav" class="checkable">
<ul class="by{{ categories.count }}">
- {% if class = "grid" %}
- <li><button class="check icon-check-empty" data-about="#Main" data-highlight=".nonstop">Non-stop</button></li>
- {% elif class = "emissions" %}
- <li><button class="check icon-check" data-about="#Main" data-toggle=".nocat">?</button></li>
- {% endif %}
{% for category in categories %}
- {% if class = "grid" %}
- <li><button class="check icon-check-empty" data-about="#Main" data-highlight=".{{ category|slugify }}">{{ category }}</button></li>
+ {% if class == "grid" %}
+ <li><button class="check icon-check-empty" data-about="#Main" data-highlight=".{{ category|slugify }}"><span class="category">{{ category }}</span></button></li>
{% else %}
- <li><button class="check icon-check" data-about="#Main" data-toggle=".{{ category|slugify }}">{{ category }}</button></li>
+ <li><button class="check icon-check-empty" data-about="#Main" data-toggle=".{{ category|slugify }}"><span class="category">{{ category }}</span></button></li>
{% endif %}
{% endfor %}
</ul>
</nav>
- {% endif %}
- {% if class = "week" %}
- {% endif %}
- {% if emission %}
- <header class="mainHeader">
- <h2 class="squashed title">
+</div>
+{% endif %}
+{% if emission %}
+<div class="navigation">
+ <header class="mainHeader marged cf">
+ <div class="leftPart">
+ <h2 class="squashed title bg-title">
<a href="{% url 'emission-view' slug=emission.slug %}">{{ emission.title }}</a>
</h2>
{% if emission.categories %}
<div class="categories">
{% for category in emission.categories.all %}
- {% if forloop.counter > 1 %} - {% endif %}<span class="">{{category}}</span>
+ <a href="{% url 'emissions' %}?q={{category.slug}}"><span class="category">{{category}}</span></a>
{% endfor%}
</div>
{% endif %}
- </header>
- <!--
- {% if episodes %}
- <div class="wrapper half">
- <nav>
- <ul class="distributed">
- <li>
- <a href="{% url 'emission-view' slug=emission.slug %}">En bref</a>
- </li>
- <li>
- <a href="{% url 'emissionEpisodes' slug=emission.slug %}">Episodes ({{ episodes.count }})</a>
- </li>
- </ul>
- </nav>
- </div>
- {% endif %}
- -->
- {% endif %}
+ </div>
+ </header>
</div>
+
+{% endif %}