templates/_navbar.html.twig line 1

Open in your IDE?
  1. {# Navbar Start #}
  2. <nav class="navbar navbar-expand bg-secondary navbar-dark sticky-top px-4 py-0">
  3.   <a href="{{ path('index') }}" class="navbar-brand d-flex d-lg-none me-4">
  4.     <h2 class="text-primary mb-0"><i class="fa fa-user-edit"></i></h2>
  5.   </a>
  6.   <a href="#" class="sidebar-toggler flex-shrink-0">
  7.     <i class="fa fa-bars"></i>
  8.   </a>
  9.   <form class="d-none d-md-flex ms-4">
  10.     <input class="form-control bg-dark border-0" type="search" placeholder="Search">
  11.   </form>
  12.   <div class="navbar-nav align-items-center ms-auto">
  13.     <div class="nav-item dropdown">
  14.       <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
  15.         <i class="fa fa-envelope me-lg-2"></i>
  16.         <span class="d-none d-lg-inline-flex">Message</span>
  17.       </a>
  18.       <div class="dropdown-menu dropdown-menu-end bg-secondary border-0 rounded-0 rounded-bottom m-0">
  19.         <a href="#" class="dropdown-item">
  20.           <div class="d-flex align-items-center">
  21.             <img class="rounded-circle" src="/darkpan/img/user.jpg" alt="" style="width: 40px; height: 40px;">
  22.             <div class="ms-2">
  23.               <h6 class="fw-normal mb-0">Jhon send you a message</h6>
  24.               <small>15 minutes ago</small>
  25.             </div>
  26.           </div>
  27.         </a>
  28.         <hr class="dropdown-divider">
  29.         <a href="#" class="dropdown-item text-center">See all message</a>
  30.       </div>
  31.     </div>
  32.     <div class="nav-item dropdown">
  33.       <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
  34.         <i class="fa fa-bell me-lg-2"></i>
  35.         <span class="d-none d-lg-inline-flex">Notificatin</span>
  36.       </a>
  37.       <div class="dropdown-menu dropdown-menu-end bg-secondary border-0 rounded-0 rounded-bottom m-0">
  38.         <a href="#" class="dropdown-item">
  39.           <h6 class="fw-normal mb-0">Profile updated</h6>
  40.           <small>15 minutes ago</small>
  41.         </a>
  42.         <hr class="dropdown-divider">
  43.         <a href="#" class="dropdown-item text-center">See all notifications</a>
  44.       </div>
  45.     </div>
  46.     <div class="nav-item dropdown">
  47.       <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
  48.         {% set avatar = app.user and app.user.avatar ? '/uploads/avatars/' ~ app.user.avatar : '/darkpan/img/user.jpg' %}
  49.         <img class="rounded-circle me-lg-2" src="{{ asset(avatar) }}" alt="avatar" style="width: 40px; height: 40px; object-fit: cover;">
  50.         <span class="d-none d-lg-inline-flex">{{ app.user ? app.user.userIdentifier : 'Gość' }}</span>
  51.       </a>
  52.       <div class="dropdown-menu dropdown-menu-end bg-secondary border-0 rounded-0 rounded-bottom m-0">
  53.         {% if app.user %}
  54.           <a href="{{ path('app_profile') }}" class="dropdown-item">
  55.             <i class="fas fa-user me-2"></i> Profil
  56.           </a>
  57.           <a href="{{ path('app_profile_edit') }}" class="dropdown-item">
  58.             <i class="fas fa-cog me-2"></i> Ustawienia
  59.           </a>
  60.           <hr class="dropdown-divider">
  61.           <a href="{{ path('app_logout') }}" class="dropdown-item">
  62.             <i class="fas fa-sign-out-alt me-2"></i> Wyloguj
  63.           </a>
  64.         {% else %}
  65.           <a href="{{ path('app_login') }}" class="dropdown-item">
  66.             <i class="fas fa-sign-in-alt me-2"></i> Zaloguj się
  67.           </a>
  68.           <a href="{{ path('app_register') }}" class="dropdown-item">
  69.             <i class="fas fa-user-plus me-2"></i> Zarejestruj się
  70.           </a>
  71.         {% endif %}
  72.       </div>
  73.     </div>
  74.   </div>
  75. </nav>
  76. {# Navbar End #}