+{% 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="#">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"></input></form>
+ </li>
+
</ul>
- </div>
</nav>