templates/common/mainNav.html.twig line 1

Open in your IDE?
  1. <nav class="navbar navbar-expand-lg navbar-light main-menu" role="navigation">{# "fixed-top shadow-sm" added with jquery #}
  2.     
  3.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMainMenu" aria-controls="navbarMainMenu" aria-expanded="false" aria-label="Toggle navigation">
  4.         <span class="navbar-toggler-icon"></span>
  5.     </button>
  7.     <div class="collapse navbar-collapse" id="navbarMainMenu">
  8.         <ul class="navbar-nav">
  9.             <li class="nav-item">
  10.                 <a class="nav-link {% if app.request.attributes.get('_route') == 'home' %}active{% endif %}" href="{{path('home')}}">ici Grenoble</a>
  11.             </li>
  12.             <li class="nav-item">
  13.                 <a class="nav-link {% if app.request.attributes.get('_route') == 'themeList' or activeMenu == 'infos-pratiques' %}active{% endif %}" href="{{ path('themeList') }}">Guide des alternatives</a>
  14.             </li>
  15.             <li class="nav-item navAgenda">
  16.                 <a class="nav-link {% if app.request.attributes.get('_route') == 'agenda' or activeMenu == 'agenda' %}active{% endif %}" href="{{ path('agenda') }}">Agenda</a>
  17.             </li>
  18.             <li class="nav-item">
  19.                 <a class="nav-link {% if app.request.attributes.get('_route') == 'carte' or activeMenu == 'carte' %}active{% endif %}" href="{{ path('carte') }}">Grenoble en cartes</a>
  20.             </li>
  21.             <li class="nav-item">
  22.                 <a class="nav-link {% if app.request.attributes.get('_route') == 'newsletter' or activeMenu == 'newsletter' %}active{% endif %}" href="{{ path('newsletter') }}">Lettre d'infos</a>
  23.             </li>
  24.             <li class="nav-item">
  25.                 <a class="nav-link {% if app.request.attributes.get('_route') == 'contact' or activeMenu == 'contact' %}active{% endif %}" href="{{ path('contact') }}">Contact</a>
  26.             </li>
  27.             {% if make_donations == 'true' %}
  28.                 <li class="nav-item">
  29.                     <a class="nav-link {% if app.request.attributes.get('_route') == 'makeDonation' or activeMenu == 'makeDonation' %}active{% endif %}" href="{{ path('makeDonation') }}">Faire un don</a>
  30.                 </li>
  31.             {% endif %}
  32.             
  33.             {% if is_granted('ROLE_EDITOR') %}
  34.                 <li class="nav-item">
  35.                     {# <a class="nav-link {% if app.request.attributes.get('_route') == 'gestion' %}active{% endif %}" href="{{ path('gestion') }}">Gestion</a> #}
  36.                     <a class="nav-link {% if app.request.attributes.get('_route') == 'admin' %}active{% endif %}" href="{{ path('admin') }}">Admin</a>
  37.                 </li>
  38.             {% endif %}
  40.             <li class="nav-item d-flex">
  41.                 <div class="collapse position-absolute w-100 px-3" id="searchForm">
  42.                     <div class="container">
  43.                         <label class="sr-only" for="inlineFormInputSearch">Recherche</label>
  44.                         <div class="input-group">
  45.                             <input type="text" class="form-control form-control-lg" id="inlineFormInputSearch" placeholder="Recherche">
  46.                             <div class="input-group-append">
  47.                                 <div class="input-group-text p-0">
  48.                                     <a href="#" class="px-3 py-2 submit-btn">
  49.                                         <i class="fas fa-search fa-sm"></i>
  50.                                     </a>
  51.                                 </div>
  52.                                 <a class="px-3 py-2" 
  53.                                     href="" 
  54.                                     data-target="#searchForm" 
  55.                                     data-toggle="collapse">
  56.                                     <i class="fas fa-times fa-lg"></i>
  57.                                 </a>
  58.                             </div>
  59.                         </div>
  60.                     </div>
  61.                 </div>
  62.                 <a class="nav-link ml-auto" 
  63.                     href="#searchForm" 
  64.                     data-target="#searchForm" 
  65.                     data-toggle="collapse">
  66.                     {# <i class="fas fa-hand-point-left fa-xs"></i> #}
  67.                     <i class="fas fa-search fa-sm"></i>
  68.                 </a>
  69.             </li>
  70.         </ul>
  71.     </div>
  72. </nav>