panikweb_templates/templates/emissions/nav.html

   1
   2 <div class="mainSub">
   3     <div class="wrapper">
   4             <nav>
   5                     <ul class="inline padded">
   6                             <li><a href="{% url 'grid' %}" class="{% if class = "grid" %}active{% endif %}">
   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="iconLabel">Par semaine</span>
  11                             </a></li>
  12                             <li><a href="{% url 'emissions' %}" class="{% if class != "program" and class != "grid" and class != "archives" %}active{% endif %}">
  13                                     <span class="iconLabel">Émissions</span>
  14                             </a></li>
  15                             <li><a href="{% url 'emissionsArchives' %}" class="{% if class = "archives" %}active{% endif %}">
  16                                     <span class="iconLabel">Archives</span>
  17                             </a></li>
  18                     </ul>
  19             </nav>
  20     </div>
  21 </div>
  22 {% if categories %}
  23 <div class="wrapper">
  24                 <nav id="gridNav" class="checkable">
  25                         <ul class="by{{ categories.count }}">
  26                         {% if  class = "emissions" or class = "archives" %}
  27                                 <li><button class="check icon-check-empty"  data-about="#Main" data-toggle=".nocat"><span class="category">?</span></button></li>
  28                         {% endif %}
  29                         {% for category in categories %}
  30                                 {% if class = "grid" %}
  31                                         <li><button class="check icon-check-empty" data-about="#Main" data-highlight=".{{ category|slugify }}"><span class="category">{{ category }}</span><!--&nbsp;<span class="icon-{{category|slugify}}"></span>--></button></li>
  32                                 {% else %}
  33                                         <li><button class="check icon-check-empty" data-about="#Main" data-toggle=".{{ category|slugify }}"><span class="category">{{ category }}</span><!--&nbsp;<span class="icon-{{category|slugify}}"></span>--></button></li>
  34                                 {% endif %}
  35                         {% endfor %}
  36                         </ul>
  37                 </nav>
  38 </div>
  39 {% endif %}
  40 {% if emission %}
  41 <div class="wrapper navigation">
  42         <header class="mainHeader marged cf">
  43             <div class="leftPart">
  44                         <h2 class="squashed title">
  45                                 <a href="{% url 'emission-view' slug=emission.slug %}">{{ emission.title }}</a>
  46                         </h2>
  47                 {% if emission.subtitle  %}<h4 class="squashed title">{{ emission.subtitle }}</h4>{% endif %}
  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 class="category">{{category}}</span></a>
  52                         {% endfor%}
  53                         </div>
  54                 {% endif %}
  55             </div>
  56             <div class="rightPart">
  57                     <form method="get" action="{% url 'emissionEpisodes' slug=emission.slug %}" class="" id="search-form">
  58                                 <label for="id_q">Rechercher :</label>
  59                                 <input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
  60                                 <button class="icon-search"></button>
  61                         </form>
  62             </div>
  63             </header>
  64 </div>
  65
  66 {% endif %}