templates/_topnav.html.twig line 1

  1. {% if app.session.flashBag.has('success') is not empty %}
  2.     <div id="alertSuccess" class="alert alert-success position-fixed w-100 p-3" style="z-index:9">
  3.         {% for message in app.flashes('success') %}
  4.             {{ message }}<br>
  5.         {% endfor %}
  6.     </div>
  8.     <script>
  9.         setTimeout(function () {
  10.             document.getElementById('alertSuccess').remove();
  11.         }, 3000);
  12.     </script>
  13. {% endif %}
  14. {% if app.session.flashBag.has('error') is not empty %}
  15.     <div id="alertError" class="alert alert-danger position-fixed w-100 p-3" style="z-index:9">
  16.         {% for message in app.flashes('error') %}
  17.             {{ message }}<br>
  18.         {% endfor %}
  19.     </div>
  21.     <script>
  22.         setTimeout(function () {
  23.             document.getElementById('alertError').remove();
  24.         }, 3000);
  25.     </script>
  26. {% endif %}
  28. <nav class="navbar navbar-expand navbar-light navbar-bg">
  29.     <a class="sidebar-toggle js-sidebar-toggle">
  30.         <i class="hamburger align-self-center"></i>
  31.     </a>
  32.     <a class="navbar-brand p-0" href="#">{{ pagename|raw }}</a>
  33.     <div class="navbar-collapse collapse">
  34.         <ul class="navbar-nav navbar-align">
  35.             <!--
  36.             <li class="nav-item dropdown">
  37.                 <a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-bs-toggle="dropdown">
  38.                     <div class="position-relative">
  39.                         <i class="align-middle" data-feather="bell"></i>
  40.                         <span class="indicator">4</span>
  41.                     </div>
  42.                 </a>
  43.                 <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end py-0" aria-labelledby="alertsDropdown">
  44.                     <div class="dropdown-menu-header">
  45.                         4 New Notifications
  46.                     </div>
  47.                     <div class="list-group">
  48.                         <a href="#" class="list-group-item">
  49.                             <div class="row g-0 align-items-center">
  50.                                 <div class="col-2">
  51.                                     <i class="text-danger" data-feather="alert-circle"></i>
  52.                                 </div>
  53.                                 <div class="col-10">
  54.                                     <div class="text-dark">Update completed</div>
  55.                                     <div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
  56.                                     <div class="text-muted small mt-1">30m ago</div>
  57.                                 </div>
  58.                             </div>
  59.                         </a>
  60.                         <a href="#" class="list-group-item">
  61.                             <div class="row g-0 align-items-center">
  62.                                 <div class="col-2">
  63.                                     <i class="text-warning" data-feather="bell"></i>
  64.                                 </div>
  65.                                 <div class="col-10">
  66.                                     <div class="text-dark">Lorem ipsum</div>
  67.                                     <div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
  68.                                     <div class="text-muted small mt-1">2h ago</div>
  69.                                 </div>
  70.                             </div>
  71.                         </a>
  72.                         <a href="#" class="list-group-item">
  73.                             <div class="row g-0 align-items-center">
  74.                                 <div class="col-2">
  75.                                     <i class="text-primary" data-feather="home"></i>
  76.                                 </div>
  77.                                 <div class="col-10">
  78.                                     <div class="text-dark">Login from 192.186.1.8</div>
  79.                                     <div class="text-muted small mt-1">5h ago</div>
  80.                                 </div>
  81.                             </div>
  82.                         </a>
  83.                         <a href="#" class="list-group-item">
  84.                             <div class="row g-0 align-items-center">
  85.                                 <div class="col-2">
  86.                                     <i class="text-success" data-feather="user-plus"></i>
  87.                                 </div>
  88.                                 <div class="col-10">
  89.                                     <div class="text-dark">New connection</div>
  90.                                     <div class="text-muted small mt-1">Christina accepted your request.</div>
  91.                                     <div class="text-muted small mt-1">14h ago</div>
  92.                                 </div>
  93.                             </div>
  94.                         </a>
  95.                     </div>
  96.                     <div class="dropdown-menu-footer">
  97.                         <a href="#" class="text-muted">Show all notifications</a>
  98.                     </div>
  99.                 </div>
  100.             </li>-->
  101.             <li class="nav-item dropdown">
  102.                 <a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-bs-toggle="dropdown">
  103.                     <i class="align-middle" data-feather="settings"></i>
  104.                 </a>
  106.                 <a class="nav-link dropdown-toggle d-none d-sm-inline-block position-relative" href="#" data-bs-toggle="dropdown">
  107.                     {% if app.user.image is not empty %}
  108.                     <img src="/uploads/profile_images/{{ app.user.image }}" class="position-absolute img-fluid rounded me-1" style="max-width: 40px;left: 0;top: 50%;transform: translate(-100%,-50%);" alt="{{ app.user.username }}">
  109.                     {% endif %}
  110.                     <span class="text-dark">{{ app.user.username }}</span>
  111.                 </a>
  112.                 <div class="dropdown-menu dropdown-menu-end">
  113.                     <a class="dropdown-item" href="{{ url('app_profile') }}"><i class="align-middle me-1"
  114.                                                                                 data-feather="user"></i> Profil</a>
  115.                     <div class="dropdown-divider"></div>
  116.                     <a class="dropdown-item" href="{{ logout_url() }}"><i class="align-middle me-1"
  117.                                                                           data-feather="log-out"></i>Log out</a>
  118.                 </div>
  119.             </li>
  120.         </ul>
  121.     </div>
  122. </nav>