]> git.0d.be Git - panikweb.git/blobdiff - panikweb_templates/templates/emissions/nav.html
misc: run manage.py with python3
[panikweb.git] / panikweb_templates / templates / emissions / nav.html
index a9e9522eadb7b9b5fc33d797e02845be30ee08ae..e9fd8335a17be58eb79cdf7e9c3dfaab9dd35fae 100644 (file)
@@ -1,69 +1,56 @@
-<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 %}