templates/include/_navbar.html.twig line 1

Open in your IDE?
  1. <nav class="navbar navbar-expand-lg bg-white shadow-sm">
  2.     <div class="container-fluid">
  3.         <a class="navbar-brand" href="{{ path('app_home') }}">Jimi & the wolf</a>
  4.         <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar"
  5.                 aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
  6.             <span class="navbar-toggler-icon"></span>
  7.         </button>
  8.         <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
  9.             <div class="offcanvas-header justify-content-end">
  10.                 <h5 class="offcanvas-title" id="offcanvasNavbarLabel">Peter & the wolf</h5>
  11.                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  12.             </div>
  13.             <div class="offcanvas-body">
  15.                 <ul class="navbar-nav justify-content-center flex-grow-1 pe-3 gap-3">
  16.                     <li class="nav-item">
  17.                         <a class="nav-link {{ activeClass(['InstrumentController', 'index']) }}"
  18.                            href="{{ path('app_instrument_index') }}">
  19.                             Catalogue
  20.                         </a>
  21.                     </li>
  22.                     <li class="nav-item">
  23.                         <a class="nav-link {{ activeClass(['SoundController', 'index']) }}"
  24.                            href="{{ path('app_sound_index') }}">
  25.                             Titres
  26.                         </a>
  27.                     </li>
  28.                     {{ component('companies_navigation') }}
  29.                 </ul>
  30.                 <ul class="navbar-nav navbar-nav-utils justify-content-end pe-3">
  32.                     {{ component('search') }}
  34.                     {% if app.user %}
  35.                     <li class="nav-item dropdown">
  36.                         <a class="btn btn-primary dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  37.                             {{ app.user.nickname }}
  38.                         </a>
  39.                         <ul class="dropdown-menu dropdown-menu-end border-0">
  40.                             {% if is_granted('ROLE_ADMIN') %}
  41.                                 <li><a class="dropdown-item" data-turbo="false" href="{{ path('app_admin') }}">Admin</a></li>
  42.                                 <li>
  43.                                     <hr class="dropdown-divider">
  44.                                 </li>
  45.                             {% endif %}
  46.                             <li><a class="dropdown-item" href="#">Account</a></li>
  47.                             <li><a class="dropdown-item" href="#">Settings</a></li>
  48.                             <li>
  49.                                 <hr class="dropdown-divider">
  50.                             </li>
  51.                             <li><a class="dropdown-item" data-turbo="false" href="{{ path('app_logout') }}">Logout</a></li>
  52.                         </ul>
  53.                     </li>
  54.                     {% else %}
  55.                         <li class="nav-item">
  56.                             <a class="btn btn-primary" href="{{ path('app_login') }}">Connexion</a>
  57.                         </li>
  58.                     {% endif %}
  59.                 </ul>
  60.             </div>
  61.         </div>
  62.     </div>
  63. </nav>