templates/app/partials/navbar.html.twig line 1

Open in your IDE?
  1. <header id="navbar">
  2.     <div class="header-content-burger index-burger">
  3.         <nav class="navbar">
  4.             <div class="container-fluid">
  5.                 <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
  6.                     data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
  7.                     <span class="navbar-toggler-icon"></span>
  8.                 </button>
  9.                 <!-- Menu mobile -->
  10.                 <div class="offcanvas offcanvas-end menu-mobile" tabindex="-1" id="offcanvasNavbar"
  11.                     aria-labelledby="offcanvasNavbarLabel">
  12.                     <div class="offcanvas-header">
  13.                         <button type="button" class="btn-close btn-close-white text-reset" data-bs-dismiss="offcanvas"
  14.                             aria-label="Close"></button>
  15.                     </div>
  16.                     <div class="logo-offcanvas">
  17.                         <a class="navbar-brand ml-0 logo-club" href="{{ path('kiwi_homepage') }}">
  18.                             <img src="{{ asset('build/img/logo-haribo-pro.jpg') }}" />
  19.                         </a>
  20.                     </div>
  21.                     <div class="offcanvas-body">
  22.                         <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
  23.                             <li class="nav-item">
  24.                                 <a aria-current="page" href="{{ path('kiwi_homepage') }}">Accueil</a>
  25.                             </li>
  27.                             {% if app.user %}
  28.                             <!-- If we're connect -->
  29.                             <li class="nav-item">
  30.                                 <a href="https://www.haribopro.com/">Haribo pro</a>
  31.                             </li>
  32.                             <li class="dropdown nav-item">
  33.                                 <button class="btn-dropdown dropdown-toggle" type="button" data-bs-toggle="dropdown"
  34.                                     aria-expanded="false">
  35.                                     Mon compte
  36.                                 </button>
  37.                                 <ul class="dropdown-menu" id="myAccountList">
  38.                                     <li><a href="{{ path('kiwi_user_space') }}">Mon espace membre</a></li>
  39.                                     <li><a href="{{ path('kiwi_account') }}">Gérer mon compte</a></li>
  40.                                     <li><a href="{{ path('participation_odr') }}">Mes demandes</a></li>
  41.                                     <li><a href="{{ path('app_logout') }}"><i
  42.                                                 class="fa-solid fa-power-off"></i>Déconnexion</a></li>
  43.                                 </ul>
  44.                             </li>
  46.                             {% else %}
  47.                             <!-- If we are not connect -->
  48.                             <li class="nav-item">
  49.                                 {% include '/security/partials/login/nav-item/popin-login.html.twig' with {'dataTarget':
  50.                                 '#modal_login'}%}
  51.                             </li>
  52.                             <li class="nav-item nav-item-two">
  53.                                 <a href="{{ path('kiwi_operation_odr') }}">Offres de remboursement</a>
  54.                             </li>
  55.                             <li class="nav-item">
  56.                                 <a href="https://www.haribopro.com/">Haribo pro</a>
  57.                             </li>
  58.                             {% endif %}
  59.                         </ul>
  60.                     </div>
  61.                 </div>
  62.             </div>
  63.         </nav>
  64.     </div>
  66.     <div class="logo-contener">
  67.         <a class="navbar-brand ml-0 logo-club" href="https://www.haribopro.com/">
  68.             <img src="{{ asset('build/img/logo-haribo-pro.jpg') }}" />
  69.         </a>
  70.     </div>
  72.     <nav class="navbar navbar-expand-lg navbar-light" id="navbarFixed">
  73.         <div class="navbar-collapse nav" id="navbarSupportedContent">
  74.             <ul class="navbar-nav nav-fill w-100 puce-container">
  75.                 <li class="nav-item nav-item-two hover-red">
  76.                     <a href="{{ path('kiwi_homepage') }}">Accueil</a>
  77.                 </li>
  78.                 <li class="nav-item nav-item-two hover-red">
  79.                     <a href="{{ path('kiwi_operation_odr') }}">Offres de remboursement</a>
  80.                 </li>
  82. {#                {% set getOperationOdrs = odrManager.getOnlineOffers() %}#}
  84.                 {% if app.user %}
  85.                     {# SI ON EST CONNECTE #}
  86.                     <li class="dropdown nav-item dropdown-menu-desktop" id="dropDownContainer">
  87.                         <button class="btn-dropdown dropdown-toggle" type="button" data-bs-toggle="dropdown"
  88.                             aria-expanded="false" tabindex="1" id="dropDownButton">
  89.                             Mon compte
  90.                         </button>
  91.                         <ul class="dropdown-menu" id="accountList">
  92.                             <li><a href="{{ path('kiwi_user_space') }}">Mon espace membre</a></li>
  93.                             <li><a href="{{ path('kiwi_account') }}">Gérer mon compte</a></li>
  94.                             <li><a href="{{ path('participation_odr') }}">Mes demandes</a></li>
  95.                             <li class="nav-item nav-item-four"><a href="{{ path('app_logout') }}"><i
  96.                                         class="fas fa-power-off"></i> Déconnexion</a></li>
  97.                         </ul>
  98.                         <li />
  99.                     <li class="nav-item nav-item-four hover-red">
  100.                         <a href="https://www.haribopro.com/" class="haribo-pro-li"></i> Haribo pro</a>
  101.                     </li>
  102.                 {% else %}
  103.                     {# SI ON EST PAS CONNECTE #}
  104.                     <li class="nav-item nav-item-three hover-red">
  105.                         {% include '/security/partials/login/nav-item/popin-login.html.twig' with {'dataTarget':
  106.                         '#modal_login'}%}
  107.                     </li>
  108.                     <li class="nav-item nav-item-three hover-red">
  109.                         <a href="https://www.haribopro.com/" class="haribo-pro-li">Haribo pro</a>
  110.                     </li>
  111.                 {% endif %}
  112.             </ul>
  113.         </div>
  114.     </nav>
  115. </header>
  117. {% if isModalConnection is defined and isModalConnection == true %}
  118. <!-- Modal -->
  119. <div class="modal fade modal-login" id="modal_login" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
  120.     <div class="modal-dialog modal-dialog-centered">
  121.         <div class="modal-content">
  122.             {# <div class="modal-header">
  123.                 <a href="javascript:void(0);" type="button" data-bs-dismiss="modal" aria-label="Close"><i
  124.                         class="fa-solid fa-xmark"></i></a>
  125.             </div> #}
  126.             <div class="modal-header">
  127.                 <h5 class="modal-title" id="odrModalLabel"></h5>
  128.                 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  129.                     <span aria-hidden="true"><i class="fa-solid fa-xmark"></i></span>
  130.                 </button>
  131.             </div>
  132.             <div class="modal-body">
  133.                 {% block login_modal_content %}
  134.                 Here is default modal content.
  135.                 use login_modal_content block to put your content.
  136.                 {% endblock %}
  137.             </div>
  138.             {% block login_modal_footer %}
  139.             headerdiv class="modal-footer">
  140.             <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  141.             <button type="button" class="btn btn-primary">Understood</button>
  142.         </div>
  143.         {% endblock %}
  144.     </div>
  145. </div>
  146. </div>
  147. </div>
  148. {% endif %}