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