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