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">
  46.                 {% set currentUrl = app.request.getUri() %}
  47.                 {% if 'forgot-password' not in currentUrl|lower %}
  48.                 
  49.                 {# Radios #}
  50.                 {% for radio in radio.getRadios(app.request) %}
  51.                     <div class="me-2">
  52.                         <div class="searchBox" id="radio[{{loop.index}}]">
  53.                             <input class="radio-info" type="text" placeholder="{{ radio.title }}" readonly/>
  54.                             <div class="image-container image-radio radio-toggle"></div>
  55.                             <audio class="radio-audio" src="{{ radio.streamLink }}" hidden crossorigin="anonymous"></audio>
  56.                         </div>
  57.                     </div>
  58.                 {% endfor %}
  60.                 {# Search #}
  61.                 {% if siteConfig.isSearchForm %}
  62.                     <div class="me-2">
  63.                         <form action="{{ path('search', { '_locale': app.request.locale }) }}" class="searchBox" id="">
  64.                             <input type="text" name="q" id="input-search" placeholder="{{ 'search.placeholder'|trans }}"/>
  65.                             <div class="image-container image-search form-submit"></div>
  66.                         </form>
  67.                     </div>
  68.                 {% endif %}
  70.                 {# Account #}
  71.                 {% if siteConfig.isAccountProfile %}
  72.                     {% if app.user %}
  73.                         <div class="dropdown me-2">
  74.                             <a class="dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
  75.                                 <div class="image-profil-menu"></div>
  76.                             </a>
  77.                             <ul class="dropdown-menu dropdown-menu-account">
  78.                                 <li>
  79.                                     <a class="dropdown-item" href="#" data-open="identity-modal">
  80.                                         {{ 'nav.account'|trans }}
  81.                                     </a>
  82.                                 </li>
  85.                                 {% if is_granted('BO_ACCESS') %}
  86.                                     <li><hr class="dropdown-divider"></li>
  87.                                     <li>
  88.                                         <a class="dropdown-item" href="{{ path('admin') }}">{{ 'Dashboard'|trans }}
  89.                                         </a>
  90.                                     </li>
  91.                                 {% endif %}
  92.                                 {% if app.user.getInstances()|length > 1 %}
  93.                                     <li><hr class="dropdown-divider"></li>
  94.                                     <li>
  95.                                         <a class="dropdown-item" href="{{ path('clear_instance') }}">
  96.                                             <i class="bi bi-arrow-repeat me-2"></i>Changer l'organisation
  97.                                         </a>
  98.                                     </li>
  99.                                 {% endif %}
  100.                                 {% if siteConfig.isCockpitActive %}
  101.                                     <li><hr class="dropdown-divider"></li>
  102.                                     <li>
  103.                                         <a class="dropdown-item" href="{{ path('app_cockpit') }}">
  104.                                             <i class="bi bi-graph-up-arrow me-2"></i>Uptima
  105.                                         </a>
  106.                                     </li>
  107.                                 {% endif %}
  108.                                 <li><hr class="dropdown-divider"></li>
  109.                                 <li>
  110.                                     <a class="dropdown-item" href="{{ app.user.isItmConnect ? path('app_logout_itmconnect') : path('app_logout') }}">{{ 'nav.logout'|trans }}</a>
  111.                                 </li>
  112.                             </ul>
  113.                         </div>
  114.                     {% else %}
  115.                         {% if current_route != 'app_login' %}
  116.                             <a class="btn btn-info bg-white" href="{{ path('app_login') }}">
  117.                                 <i class="bi bi-person"></i>
  118.                             </a>
  119.                         {% endif %}
  120.                     {% endif %}
  121.                 {% endif %}
  123.                 {# Pages #}
  124.                 {% if siteConfig.isHamburgerMenu and freePages is not empty %}
  125.                     <div class="dropdown-center me-2 d-none d-lg-block">
  126.                         <a class="dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
  127.                             <div class="navbar-red-box-image"></div>
  128.                         </a>
  129.                         <ul class="dropdown-menu dropdown-menu-list">
  130.                             {% for freePage in freePages %}
  131.                                 <li>
  132.                                     <a class="dropdown-item" href="{{ path('free_page', { 'route': freePage.route }) }}">{{ freePage.title }}</a>
  133.                                 </li>
  134.                             {% endfor %}
  135.                         </ul>
  136.                     </div>
  137.                 {% endif %}
  138.             </div>
  139.             {% endif %}
  140.             {# Mobile #}
  141.             <div
  142.                 class="d-lg-none">
  144.                 {# search #}
  145.                 {% if siteConfig.isSearchForm %}
  146.                     <div class="mb-2">
  147.                         <form action="{{ path('search', { '_locale': app.request.locale }) }}" class="searchBox-mobile" id="">
  148.                             <input type="text" name="q" id="input-search" placeholder="{{ 'search.placeholder'|trans }}"/>
  149.                             <div class="image-container image-search form-submit"></div>
  150.                         </form>
  151.                     </div>
  152.                 {% endif %}
  154.                 {# Radios #}
  155.                 {% for radio in radio.getRadios(app.request) %}
  156.                     <div class="mb-2">
  157.                         <div class="searchBox-mobile" id="radio[{{loop.index}}]">
  158.                             <input class="radio-info" type="text" placeholder="{{ radio.title }}" readonly/>
  159.                             <div class="image-container image-radio radio-toggle"></div>
  160.                             <audio class="radio-audio" src="{{ radio.streamLink }}" hidden crossorigin="anonymous"></audio>
  161.                         </div>
  162.                     </div>
  163.                 {% endfor %}
  165.                 {# Pages #}
  166.                 {% if siteConfig.isHamburgerMenu and freePages is not empty %}
  167.                     {% for freePage in freePages %}
  168.                         <div class="mb-2">
  169.                             <a class="btn btn-light w-100" href="{{ path('free_page', { route: freePage.route }) }}">{{ freePage.title }}</a>
  170.                         </div>
  171.                     {% endfor %}
  172.                 {% endif %}
  174.                 {# Account #}
  175.                 {% if siteConfig.isAccountProfile %}
  176.                     {% if app.user %}
  177.                         <div class="mb-2">
  178.                             <a class="w-100 btn btn-danger text-capitalize bg-red" aria-current="page" href="#" data-open="identity-modal">
  179.                                 <i class="bi bi-person-circle"></i>
  180.                                 {{ 'nav.account'|trans }}
  181.                             </a>
  182.                         </div>
  183.                         {% if is_granted('BO_ACCESS') %}
  184.                             <div class="mb-2">
  185.                                 <a class="w-100 btn btn-danger text-capitalize bg-red" aria-current="page" href="{{ path('admin') }}">
  186.                                     {{ 'Dashboard'|trans }}</a>
  187.                             </div>
  188.                         {% endif %}
  189.                         {% if app.user.getInstances()|length > 1 %}
  190.                             <div class="">
  191.                                 <a class="w-100 btn btn-danger text-capitalize bg-red" aria-current="page"  href="{{ path('clear_instance') }}">
  192.                                     <i class="bi bi-arrow-repeat me-2"></i>Changer l'organisation
  193.                                 </a>
  194.                             </div>
  195.                         {% endif %}
  196.                         {% if siteConfig.isCockpitActive %}
  197.                             <div class="">
  198.                                 <a class="w-100 btn btn-danger text-capitalize bg-red" aria-current="page"  href="{{ path('app_cockpit') }}">
  199.                                     <i class="bi bi-graph-up-arrow me-2"></i>Uptima
  200.                                 </a>
  201.                             </div>
  202.                         {% endif %}
  203.                         <div class="">
  204.                             <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') }}">
  205.                                 {{ 'nav.logout'|trans }}</a>
  206.                         </div>
  207.                     {% else %}
  208.                         <div class="">
  209.                             <a class="w-100 btn btn-info " href="{{ path('app_login') }}">
  210.                                 {{ 'login.title'|trans }}
  211.                             </a>
  212.                         </div>
  213.                     {% endif %}
  214.                 {% endif %}
  215.             </div>
  216.         </div>
  217.     </div>
  218. </nav>
  220. {% block javascripts %}
  221.     {{ encore_entry_script_tags('nav') }}
  222. {% endblock %}