]> git.0d.be Git - panikweb.git/blobdiff - panikweb_templates/templates/includes/metaNav.html
misc: run manage.py with python3
[panikweb.git] / panikweb_templates / templates / includes / metaNav.html
index 4a9af97754177c80b9a077073c4e47ef6298d6f6..17d503d95164af3b8ac7003e5fc24e9a91a76359 100644 (file)
@@ -1,35 +1,40 @@
-<div id="metaNav">
-       <!--<input id="search-form" type="text" />-->
-        <nav class="contextual-menu wrapper">
+{% load i18n %}
+<nav class="contextual-menu">
                <ul>
-                       <!--<li><a href="{% url 'get' %}">☰</a></li>-->
-                       <li><a href="{% url 'home' %}">
-                               <span class="icon-home" ></span>
-                               <span class="iconLabel">Home</span>
+                       <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="#">Media</a></li> 
-                       <li><a href="#">News</a></li>
-                       <li><a href="#">Search</a></li>-->
-                       <li><a href="#">
-                               <span class="icon-info-sign" ></span>
-                               <span class="iconLabel">About</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 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>
+                       <form action="{% url 'search' %}"><input placeholder="{% trans 'Search' %}" name="q" type="search"></form>
+                       </li>
+    
                </ul>
-       </nav>
-</div>
+</nav>