templates/partials/topbar.html.twig line 1

Open in your IDE?
  1. <header id="page-topbar" class="layout-width navbar-header navbar-brand-box d-flex topbar-menu">
  2.     {# logo #}
  3.     <div class="header-logo">
  4. {#        <button type="button" class="btn btn-sm px-3 fs-16 header-item vertical-menu-btn topnav-hamburger" id="topnav-hamburger-icon">#}
  5. {#            <span class="hamburger-icon">#}
  6. {#                <span></span>#}
  7. {#                <span></span>#}
  8. {#                <span></span>#}
  9. {#            </span>#}
  10. {#        </button>#}
  11.         <a href="/" class="logo logo-light">
  12.             <span class="logo-sm">
  13.                 <img src="{{ asset('images/logo-sisat.png') }}" alt="" height="25">
  14.             </span>
  15.             <span class="logo-lg">
  16.                 <img src="{{ asset('images/logo-sisat.png') }}" alt="" height="35">
  17.             </span>
  18.         </a>
  19.     </div>
  20.     <div class="d-flex align-items-center">
  21.         <div class="ms-1 header-item d-none d-sm-flex">
  22.             <a href="/">
  23.                 <button type="button"
  24.                         class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle"
  25.                         title="accueil">
  26.                     <i class="mdi mdi-home" style="font-size: 1.5em;"></i>
  27.                 </button>
  28.             </a>
  29.         </div>
  31.         <div class="ms-1 header-item d-none d-sm-flex">
  32.             <a href="#">Qui sommes nous</a>
  33.         </div>
  34.         {# Utilisateur non connecté #}
  35.         {% if not app.user %}
  36.             <div class="dropdown ms-sm-3 header-item topbar-user">
  37.                 <button type="button" class="btn" id="page-header-user-dropdown" data-bs-toggle="dropdown"
  38.                         aria-haspopup="true" aria-expanded="false">
  39.                     <span class="d-flex align-items-center">
  40.                         <img class="rounded-circle header-profile-user"
  41.                              src="{{ asset('images/users/user-dummy-img.jpg') }}"
  42.                              alt="icône d'utilisateur non connecté">
  43.                         <span class="text-start ms-xl-2">
  44.                             <span class="d-none d-xl-inline-block ms-1 fw-medium user-name-text">Connexion</span>
  45.                         </span>
  46.                     </span>
  47.                 </button>
  48.                 <div class="dropdown-menu dropdown-menu-end">
  49.                     <h6 class="dropdown-header">Bienvenue</h6>
  50.                     <a class="dropdown-item" href="{{ path('app_login') }}">
  51.                         <i class="mdi mdi-connection text-muted fs-16 align-middle me-1"></i>
  52.                         <span class="align-middle">Se connecter</span>
  53.                     </a>
  54.                     <a class="dropdown-item" href="{{ path('app_register') }}">
  55.                         <i class="mdi mdi-account-plus text-muted fs-16 align-middle me-1"></i>
  56.                         <span class="align-middle">S'inscrire</span>
  57.                     </a>
  58.                 </div>
  59.             </div>
  60.         {# Utilisateur connecté #}
  61.         {% else %}
  62.             <div class="dropdown ms-sm-3 header-item topbar-user">
  63.                 <button type="button" class="btn" id="page-header-user-dropdown" data-bs-toggle="dropdown"
  64.                         aria-haspopup="true" aria-expanded="false">
  65.                 <span class="d-flex align-items-center">
  66.                     <img class="rounded-circle header-profile-user" src="{{ asset('images/users/user-dummy-img.jpg') }}"
  67.                          alt="icône d'utilisateur non connecté">
  68.                     <span class="text-start ms-xl-2">
  69.                         <span class="d-none d-xl-inline-block ms-1 fw-medium user-name-text">{{app.user.nom}}</span>
  70.                     </span>
  71.                 </span>
  72.                 </button>
  73.                 <div class="dropdown-menu user-drop dropdown-menu-end">
  74.                     <!-- item-->
  75.                     <h6 class="dropdown-header">{{ app.user.prenom }} {{ app.user.nom }}</h6>
  76.                     {% if app.user.typeAdherent.niveau ==1 %}
  77.                         <a class="dropdown-item" href="{{ path('admin') }}">
  78.                             <i class="mdi mdi-shield-lock-outline text-muted fs-16 align-middle me-1"></i>
  79.                             Administration
  80.                         </a>
  81.                     {% endif %}
  82.                     <a class="dropdown-item" href="{{ path('user_details', {'id': app.user.id }) }}">
  83.                         <i class="mdi mdi-cog-outline text-muted fs-16 align-middle me-1"></i>
  84.                         <span class="align-middle">Profil</span>
  85.                     </a>
  86.                     <a class="dropdown-item" href="{{ path('app_logout') }}">
  87.                         <i class="mdi mdi-logout text-muted fs-16 align-middle me-1"></i>
  88.                         <span class="align-middle" data-key="t-logout">Déconnexion</span>
  89.                     </a>
  90.                 </div>
  91.             </div>
  92.         {% endif %}
  93.     </div>
  94. </header>