templates/layouts/nav.html.twig line 1

Open in your IDE?
  1. <nav class="navbar navbar-expand-lg px-2">
  2.     <div class="container-fluid">
  3.         <a class="navbar-brand focus-opacity" href="{{ path('home') }}">
  4.             <img src="{{ logo ?? asset('assets/images/logo.svg') }}" height="45" alt="logo" class="d-none d-lg-block">
  5.             <img src="{{ logo_mobile ?? asset('assets/images/logo.svg') }}" height="45" alt="logo_mobile" class="d-lg-none">
  6.         </a>
  7.         <div class="modal" id="NotificationModal" tabindex="-1">
  8.             <div class="modal-dialog">
  9.                 <div class="modal-content">
  10.                     <div class="modal-header">
  11.                         <h5 class="modal-title">Autoriser les notifications</h5>
  12.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  13.                     </div>
  14.                     <div class="modal-body">
  15.                         <p>Nous aimerions vous tenir informé des dernières actualités. Pour recevoir des notifications, veuillez autoriser l'accès aux notifications.</p>
  16.                     </div>
  17.                     <div class="modal-footer">
  18.                         <button id="notification-button" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Accepter les notifications</button>
  19.                         <button id="notification-button-close" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
  20.                     </div>
  21.                 </div>
  22.             </div>
  23.         </div>
  24.         <a class="navbar-toggler nav-toogle-bar" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  25.             <div class="navbar-red-box-image"></div>
  26.         </a>
  27.         <div class="collapse navbar-collapse p-2" id="navbarNav">
  28.             <ul
  29.                 class="navbar-nav me-auto mb-2 mb-lg-0">
  31.                 {# Newsletter #}
  32.                 {% if siteConfig.enableNewsletter %}
  33.                     <li class="nav-item mb-2">
  34.                         <form class="searchBox-mobile newsletter-form" action="{{ path('newsletter_subscribe') }}">
  35.                             <input type="email" name="email" placeholder="{{ 'newsletter.email-placeholder'|trans }}"/>
  36.                             <button type="submit" class="btn btn-danger text-capitalize br-none bg-red">{{ 'nav.newsletter'|trans }}</button>
  37.                         </form>
  38.                     </li>
  39.                 {% endif %}
  41.             </ul>
  43.             {# Desktop #}
  44.             <div
  45.                 class="d-none d-lg-flex">
  47.                 {# Radios #}
  48.                 {% for radio in radio.getRadios %}
  49.                     <div class="me-2">
  50.                         <div class="searchBox" id="radio[{{loop.index}}]">
  51.                             <input class="radio-info" type="text" placeholder="{{ radio.title }}" readonly/>
  52.                             <div class="image-container image-radio radio-toggle"></div>
  53.                             <audio class="radio-audio" src="{{ radio.streamLink }}" hidden crossorigin="anonymous"></audio>
  54.                         </div>
  55.                     </div>
  56.                 {% endfor %}
  58.                 {# Search #}
  59.                 {% if siteConfig.isSearchForm %}
  60.                     <div class="me-2">
  61.                         <form action="{{ path('search', { '_locale': app.request.locale }) }}" class="searchBox" id="">
  62.                             <input type="text" name="q" id="input-search" placeholder="{{ 'search.placeholder'|trans }}"/>
  63.                             <div class="image-container image-search form-submit"></div>
  64.                         </form>
  65.                     </div>
  66.                 {% endif %}
  68.                 {# Account #}
  69.                 {% if siteConfig.isAccountProfile %}
  70.                     {% if app.user %}
  71.                         <div class="dropdown me-2">
  72.                             <a class="dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
  73.                                 <div class="image-profil-menu"></div>
  74.                             </a>
  75.                             <ul class="dropdown-menu dropdown-menu-account">
  76.                                 <li>
  77.                                     <a class="dropdown-item" href="{{ path('profil') }}">{{ 'nav.account'|trans }}</a>
  78.                                 </li>
  79.                                 {% if app.user.canAccessBO %}
  80.                                     <li><hr class="dropdown-divider"></li>
  81.                                     <li>
  82.                                         <a class="dropdown-item" href="{{ path('admin') }}">{{ 'Dashboard'|trans }}
  83.                                         </a>
  84.                                     </li>
  85.                                 {% endif %}
  86.                                 <li><hr class="dropdown-divider"></li>
  87.                                 <li>
  88.                                     <a class="dropdown-item" href="{{ app.user.isItmConnect ? path('app_logout_itmconnect') : path('app_logout') }}">{{ 'nav.logout'|trans }}</a>
  89.                                 </li>
  90.                             </ul>
  91.                         </div>
  92.                     {% else %}
  93.                         {% if current_route != 'app_login' %}
  94.                             <a class="btn btn-info bg-white" href="{{ path('app_login') }}">
  95.                                 <i class="bi bi-person"></i>
  96.                             </a>
  97.                         {% endif %}
  98.                     {% endif %}
  99.                 {% endif %}
  101.                 {# Pages #}
  102.                 {% if siteConfig.isHamburgerMenu and freePages is not empty %}
  103.                     <div class="dropdown-center me-2 d-none d-lg-block">
  104.                         <a class="dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
  105.                             <div class="navbar-red-box-image"></div>
  106.                         </a>
  107.                         <ul class="dropdown-menu dropdown-menu-list">
  108.                             {% for freePage in freePages %}
  109.                                 <li>
  110.                                     <a class="dropdown-item" href="{{ path('free_page', { 'route': freePage.route }) }}">{{ freePage.title }}</a>
  111.                                 </li>
  112.                             {% endfor %}
  113.                         </ul>
  114.                     </div>
  115.                 {% endif %}
  116.             </div>
  118.             {# Mobile #}
  119.             <div
  120.                 class="d-lg-none">
  122.                 {# search #}
  123.                 {% if siteConfig.isSearchForm %}
  124.                     <div class="mb-2">
  125.                         <form action="{{ path('search', { '_locale': app.request.locale }) }}" class="searchBox-mobile" id="">
  126.                             <input type="text" name="q" id="input-search" placeholder="{{ 'search.placeholder'|trans }}"/>
  127.                             <div class="image-container image-search form-submit"></div>
  128.                         </form>
  129.                     </div>
  130.                 {% endif %}
  132.                 {# Radios #}
  133.                 {% for radio in radio.getRadios %}
  134.                     <div class="mb-2">
  135.                         <div class="searchBox-mobile" id="radio[{{loop.index}}]">
  136.                             <input class="radio-info" type="text" placeholder="{{ radio.title }}" readonly/>
  137.                             <div class="image-container image-radio radio-toggle"></div>
  138.                             <audio class="radio-audio" src="{{ radio.streamLink }}" hidden crossorigin="anonymous"></audio>
  139.                         </div>
  140.                     </div>
  141.                 {% endfor %}
  143.                 {# Pages #}
  144.                 {% if siteConfig.isHamburgerMenu and freePages is not empty %}
  145.                     {% for freePage in freePages %}
  146.                         <div class="mb-2">
  147.                             <a class="btn btn-light w-100" href="{{ path('free_page', { route: freePage.route }) }}">{{ freePage.title }}</a>
  148.                         </div>
  149.                     {% endfor %}
  150.                 {% endif %}
  152.                 {# Account #}
  153.                 {% if siteConfig.isAccountProfile %}
  154.                     {% if app.user %}
  155.                         <div class="mb-2">
  156.                             <a class="w-100 btn btn-danger text-capitalize bg-red" aria-current="page" href="{{ path('profil') }}">
  157.                                 <i class="bi bi-person-circle"></i>
  158.                                 {{ 'nav.account'|trans }}</a>
  159.                         </div>
  160.                         {% if app.user.canAccessBO %}
  161.                             <div class="mb-2">
  162.                                 <a class="w-100 btn btn-danger text-capitalize bg-red" aria-current="page" href="{{ path('admin') }}">
  163.                                     {{ 'Dashboard'|trans }}</a>
  164.                             </div>
  165.                         {% endif %}
  166.                         <div class="">
  167.                             <a class="w-100 btn btn-danger text-capitalize bg-red" aria-current="page" href="{{ app.user.isItmConnect ? path('app_logout_itmconnect') : path('app_logout') }}">
  168.                                 {{ 'nav.logout'|trans }}</a>
  169.                         </div>
  170.                     {% else %}
  171.                         <div class="">
  172.                             <a class="w-100 btn btn-info " href="{{ path('app_login') }}">
  173.                                 {{ 'login.title'|trans }}
  174.                             </a>
  175.                         </div>
  176.                     {% endif %}
  177.                 {% endif %}
  178.             </div>
  179.         </div>
  180.     </div>
  181. </nav>
  183. {% block javascripts %}
  184.     {{ encore_entry_script_tags('nav') }}
  185. {% endblock %}