templates: remove stray end </a> from navigation

[panikweb.git] / panikweb_templates / templates / includes / metaNav.html

diff --git a/panikweb_templates/templates/includes/metaNav.html b/panikweb_templates/templates/includes/metaNav.html
index 82eb865e33cb27cf319c8e5a944299877dc4a23f..e0e8ebd0705508ff42a0541498c6beb09209c92f 100644 (file)
--- a/panikweb_templates/templates/includes/metaNav.html
+++ b/panikweb_templates/templates/includes/metaNav.html
@@ -1,51 +1,40 @@
+{% load i18n %}
 <nav class="contextual-menu">
-       <div class="wrapper">
-               <ul class="distributed">
-                       <!--<li><a href="{% url 'get' %}">☰</a></li>-->
-                       <li><a href="{% url 'home' %}">
-                               <span class="icon-home" ></span>
-                               <span class="iconLabel">Home</span>
+               <ul>
+                       <li class="{% if sectionName == "Home" %}active{% endif %}"><a href="{% url 'home' %}">
+                               <span class="nav-icon icon-home resymbol"></span>
+                               <span class="iconLabel">{% trans 'Home' %}</span>
                        </a></li>
-                       <li><a href="{% url 'listen' %}">
-                               <span class="icon-headphones" ></span>
-                               <span class="iconLabel">Listen</span>
+                       <li class="{% if sectionName == "News" %}active{% endif %}"><a title="Actualité des émissions et programmes" href="{% url 'news' %}">
+                               <span class="nav-icon icon-bullhorn resymbol" ></span>
+                               <span class="iconLabel">{% trans 'News' %}</span>
                        </a></li>
-                       <li><a href="{% url 'news' %}">
-                               <span class="icon-bullhorn" ></span>
-                               <span class="iconLabel">News</span>
+                       <li class="{% if sectionName == "Listen" %}active{% endif %}"><a title="Derniers contenus écoutables publiés" href="{% url 'listen' %}">
+                               <span class="nav-icon icon-headphones resymbol" ></span>
+                               <span class="iconLabel">{% trans 'Sounds' %}</span>
                        </a></li>
-                       <li><a href="{% url 'program' %}">
-                               <span class="icon-calendar" ></span>
-                               <span class="iconLabel">Program</span>
+                       <li class="{% if sectionName == "Topiks" %}active{% endif %}"><a href="/topiks/">
+                               <span class="nav-icon icon-bolt" ></span>
+                               <span class="iconLabel">Topiks</span>
                        </a></li>
-                       <li><a href="{% url 'grid' %}">
-                               <span class="icon-th-large" ></span>
-                               <span class="iconLabel">Grid</span>
+                       <li class="{% if sectionName == "Emissions" %}active{% endif %}"><a title="Les émissions, le programme de la semaine, la grille" href="{% url 'grid' %}">
+                               <span class="nav-icon icon-calendar resymbol" ></span>
+                               <span class="iconLabel">{% trans 'Program' %}</span>
                        </a></li>
-<!--
-                       <li><a href="{% url 'emissions' %}">
-                               <span class="icon-group" ></span>
-                               <span class="iconLabel">Emissions</span>
+                       <li class="{% if sectionName == "About" %}active{% endif %}"><a title="Qui sommes-nous, les groupes, la charte…" href="/la-radio/">
+                               <span class="nav-icon icon-info-sign" ></span>
+                               <span class="iconLabel">{% trans 'About' %}</span>
                        </a></li>
-                       <li><a href="#">Media</a></li> 
-                       <li><a href="#">News</a></li>
-                       <li><a href="#">Search</a></li>-->
-                       <li><a href="/la-radio/">
-                               <span class="icon-info-sign" ></span>
-                               <span class="iconLabel">About</span>
-                       </a></li>
-
-                       <li><a href="/search" onclick="$('#SearchForm').toggle();return false;">
-                               <span class="icon-search" ></span>
-                               <span class="iconLabel">Search</span>
+                       <li id="nav-language">
+                       <span data-lang="fr" {% if LANGUAGE_CODE == 'fr' %}class="lang-on"{% endif %}>FR</span>
+                       /
+                       <span data-lang="en"{% if LANGUAGE_CODE == 'en' %}class="lang-on"{% endif %}>EN</span>
+                       </li>
+                       <li id="nav-search" class="{% if sectionName == "Search" %}active{% endif %}"><a href="{% url 'search' %}">
+                               <span class="nav-icon icon-search resymbol" ></span>
                        </a>
-                       <div id="SearchForm" class="hidden">
-                               <form id="search" action="{% url 'search' %}">
-                                       <input name="q" type="search" class="iconLabel" placeholder="Rechercher..."></input>
-                               </form>
-                       </div>
+                       <form action="{% url 'search' %}"><input placeholder="{% trans 'Search' %}" name="q" type="search"></input></form>
                        </li>
+    
                </ul>
-       </div>
 </nav>
-