panikweb_templates/templates/emissions/nav.html

   1
   2 <div class="wrapper">
   3         <nav>
   4                 <ul class="inline padded">
   5                         <li><a href="{% url 'grid' %}" class="{% if class = "grid" %}active{% endif %}">
   6                                 <span class="icon-th-large" ></span>
   7                                 <span class="iconLabel">La grille</span>
   8                         </a></li>
   9                         <li><a href="{% url 'program' %}" class="{% if class = "program" %}active{% endif %}">
  10                                 <span class="icon-calendar" ></span>
  11                                 <span class="iconLabel">Par semaine</span>
  12                         </a></li>
  13                         <li><a href="{% url 'emissions' %}" class="{% if class != "program" and class != "grid" and class != "archives" %}active{% endif %}">
  14                                 <span class="icon-microphone" ></span>
  15                                 <span class="iconLabel">Émissions</span>
  16                         </a></li>
  17                         <li><a href="{% url 'emissionsArchives' %}" class="{% if class = "archives" %}active{% endif %}">
  18                                 <span class="icon-archive" ></span>
  19                                 <span class="iconLabel">Archives</span>
  20                         </a></li>
  21                 </ul>
  22         </nav>
  23 </div>
  24 <div class="wrapper">
  25         {% if categories %}
  26                 <nav id="gridNav" class="checkable">
  27                         <ul class="by{{ categories.count }}">
  28                         {% if  class = "emissions" or class = "archives" %}
  29                                 <li><button class="check icon-check-empty"  data-about="#Main" data-toggle=".nocat">?</button></li>
  30                         {% endif %}
  31                         {% for category in categories %}
  32                                 {% if class = "grid" %}
  33                                         <li><button class="check icon-check-empty" data-about="#Main" data-highlight=".{{ category|slugify }}">{{ category }}&nbsp;<span class="icon-{{category|slugify}}"></span></button></li>
  34                                 {% else %}
  35                                         <li><button class="check icon-check-empty" data-about="#Main" data-toggle=".{{ category|slugify }}">{{ category }}&nbsp;<span class="icon-{{category|slugify}}"></span></button></li>
  36                                 {% endif %}
  37                         {% endfor %}
  38                         </ul>
  39                 </nav>
  40         {% endif %}
  41 </div>
  42 {% if emission %}
  43 <div class="wrapper">
  44                 <header class="mainHeader">
  45                         <h2 class="squashed title">
  46                                 <a href="{% url 'emission-view' slug=emission.slug %}">{{ emission.title }}</a>
  47                         </h2>
  48                 {% if emission.categories %}
  49                         <div class="categories">
  50                         {% for category in emission.categories.all %}
  51                                 <a href="{% url 'emissions' %}?q={{category.slug}}"><span class="icon-{{category|slugify}}"></span>&nbsp;<span>{{category}}</span></a>
  52                         {% endfor%}
  53                         </div>
  54                 {% endif %}
  55                 </header>
  56 </div>
  57 <div class="wrapper">
  58         {% if episodes.exists %}
  59         <div class="wrapper half">
  60                 <nav>
  61                         <ul class="distributed by2">
  62                                 <li>
  63                                         <a class="{% if class != "episodes" %}active{% endif %}"  href="{% url 'emission-view' slug=emission.slug %}">En bref</a>
  64                                 </li>
  65                                 <li>
  66                                         <a class="{% if class = "episodes" %}active{% endif %}" href="{% url 'emissionEpisodes' slug=emission.slug %}">Archives ({{ episodes.count }})</a>
  67
  68                                 </li>
  69                         </ul>
  70                 </nav>
  71         </div>
  72         {% endif %}
  73         <!--
  74         {% if episode %}
  75                 <h4 class="active title">{{ episode.title }}</h4>
  76         {% endif %}
  77         -->
  78 </div>
  79
  80 {% endif %}