-<nav>
- <ul class="inline">
- <li><a href="{% url 'emissions' %}">
- <span class="icon-microphone" ></span>
- <span class="iconLabel">Emissions</span>
- </a></li>
- <li><a href="{% url 'program' %}">
- <span class="icon-calendar" ></span>
- <span class="iconLabel">Cette semaine</span>
- </a></li>
- <li><a href="{% url 'grid' %}">
- <span class="icon-th-large" ></span>
- <span class="iconLabel">La grille</span>
- </a></li>
- </ul>
-</nav>
-{% if class = "grid" %}
- <nav id="gridNav" class="checkable">
- <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>
-{% endif %}
-{% if class = "week" %}
-{% endif %}
-{% if emission %}
- <header class="mainHeader">
- <h2 class="squashed title">
- <a href="{% url 'emission-view' slug=emission.slug %}">{{ emission.title }}</a>
- </h2>
- </header>
- {% if episodes %}
- <div class="wrapper half">
- <nav class="tabs" data-tab-about="#Emission-container">
- <ul class="distributed">
+{% load i18n %}
- <li>
- <button data-tab="#Emission-tabs-last" >
- <span class="iconLabel">Dernier épisode</span>
- </button>
- </li>
- <li>
- <button data-tab="#Emission-tabs-episodes">
- <span class="iconLabel">Archives</span>
- </button >
- </li>
- <li>
- <button data-tab="#Emission-tabs-detail" >
- <span class="iconLabel">A propos</span>
- </button>
- </li>
+<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 }}">
+ {% for category in categories %}
+ {% 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-empty" data-about="#Main" data-toggle=".{{ category|slugify }}"><span class="category">{{ category }}</span></button></li>
+ {% endif %}
+ {% endfor %}
</ul>
- {% if episode %}
- <hr />
- <h5 class="active button padded " data-tab="#Emission-tabs-current">{{ episode.title }}</h5>
- {% endif %}
</nav>
- </div>
- {% endif %}
+</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 %}
+ <a href="{% url 'emissions' %}?q={{category.slug}}"><span class="category">{{category}}</span></a>
+ {% endfor%}
+ </div>
+ {% endif %}
+ </div>
+ </header>
+</div>
+
{% endif %}