panikweb_templates/templates/includes/metaNav.html

   1 {% load i18n %}
   2 <nav class="contextual-menu wrapper">
   3                 <ul class="distributed">
   4                         <li class="{% if sectionName = "Home" %}active{% endif %}"><a href="{% url 'home' %}">
   5                                 <span class="nav-icon icon-home"></span>
   6                                 <span class="iconLabel">{% trans 'Home' %}</span>
   7                         </a></li>
   8                         <li class="{% if sectionName = "News" %}active{% endif %}"><a title="Actualité des émissions et programmes" href="{% url 'news' %}">
   9                                 <span class="nav-icon icon-bullhorn" ></span>
  10                                 <span class="iconLabel">{% trans 'News' %}</span>
  11                         </a></li>
  12                         <li class="{% if sectionName = "Listen" %}active{% endif %}"><a title="Derniers contenus écoutables publiés" href="{% url 'listen' %}">
  13                                 <span class="nav-icon icon-headphones" ></span>
  14                                 <span class="iconLabel">{% trans 'Listen' %}</span>
  15                         </a></li>
  16                         <li class="{% if sectionName = "Emissions" %}active{% endif %}"><a title="Les émissions, le programme de la semaine, la grille" href="{% url 'grid' %}">
  17                                 <span class="nav-icon icon-calendar" ></span>
  18                                 <span class="iconLabel">{% trans 'Program' %}</span>
  19                         </a></li>
  20                         <li class="{% if sectionName = "About" %}active{% endif %}"><a title="Qui sommes nous, la charte,..." href="/la-radio/">
  21                                 <span class="nav-icon icon-info-sign" ></span>
  22                                 <span class="iconLabel">{% trans 'About' %}</span>
  23                         </a></li>
  24                         <li class="{% if sectionName = "Search" %}active{% endif %}"><a href="{% url 'search' %}">
  25                                 <span class="nav-icon icon-search" ></span>
  26                                 <span class="iconLabel">{% trans 'Search' %}</span>
  27                         </a></li>
  28                         <li id="StyleSwitcher" class="small">
  29                 <button class="small icon-sign-blank" data-class="style-ff6633" style="color:#ff6633;"></button>
  30                 <button class="small icon-sign-blank" data-class="style-0000ff" style="color:#0000ff;"></button>
  31                 <button class="small icon-sign-blank" data-class="style-3333ff" style="color:#3333ff;"></button>
  32                 <button class="small icon-sign-blank" data-class="style-111111" style="color:#ffffff;"></button>
  33             </li>
  34             <script type="text/javascript">
  35             $(function() {
  36                 var currentStyle = localStorage['class'];
  37                 $('#StyleSwitcher button').on('click',function(e){
  38                     e.preventDefault();
  39                     $('#All').attr('class','').addClass($(this).attr('data-class'));
  40                     localStorage['class'] = $(this).attr('data-class');
  41                 });
  42                 $('#StyleSwitcher button[data-class="'+currentStyle+'"]').trigger('click');
  43             });
  44             </script>
  45
  46                 </ul>
  47 </nav>