templates/top_menu.html.twig line 1

Open in your IDE?
  1. <style>
  2.     /* this shows the menu items without clicking on them */
  3.     .navbar-nav .dropdown:hover .dropdown-menu {
  4.         display: block;
  5.         margin-top: 0; /* Removes the gap so it doesn't close */
  6.     }
  7.     ._total_notifications, ._total_messages {background: #FB8901!important;}
  8. </style>
  9. <nav class="navbar navbar-expand-lg bg-light mb-3" style="border-top: 1px dotted rgba(33, 37, 41, .8) !important; border-bottom: 1px dotted rgba(33, 37, 41, .4) !important;">
  10.     <div class="container-fluid">
  11.         {#
  12.         <div class="navbar-nav">
  13.             <li class="nav-item mx-3">
  14.                 {{ render(controller('App\\Controller\\UserProfile\\ProfileController::quickSearch')) }}
  15.             </li>
  16.         </div>
  17.         #}
  18.         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  19.             <ul class="navbar-nav me-auto mb-2 mb-lg-0 mx-auto">
  20.                 <li class="nav-item mx-3">
  21.                     <a class="nav-link d-flex align-items-center" href="javascript:;" style="color: #E00410;">
  22.                         <i class="fas fa-film me-2" style="font-size: 2em;"></i> Videos
  23.                     </a>
  24.                 </li>
  25.                 <li class="nav-item mx-3">
  26.                     <a class="nav-link d-flex align-items-center" href="javascript:;" style="color: #E00410;">
  27.                         <i class="fas fa-camera-retro me-2" style="font-size: 1.8em;"></i> Galerías
  28.                     </a>
  29.                 </li>
  30.                 {% if app.user %}
  31.                     <li class="nav-item mx-3">
  32.                         {{ render(controller('App\\Controller\\AppController::quickSearch')) }}
  33.                     </li>
  34.                     <li class="nav-item mx-3 dropdown">
  35.                         <a class="nav-link dropdown-toggle" data-href="sites" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  36.                             <i class="_online_status fas fa-user-circle me-1" style="font-size: 1.4em;"></i> {{ app.user.username }}
  37.                         </a>
  38.                         <ul class="dropdown-menu">
  39.                             <li><a class="dropdown-item" href="{{ path('post_enqueue_form') }}">Add media</a></li>
  40.                             <li><a class="dropdown-item" href="{{ path('post_manager_form') }}">Manager</a></li>
  41.                             {#
  42.                             <li><a class="dropdown-item" href="{{ path('profile_form') }}">Edit profile</a></li>
  43.                             <li><a class="dropdown-item" href="{{ path('profile_albums', {'slug': app.user.slug}) }}">My albums</a></li>
  44.                             <li><a class="dropdown-item" href="{{ path('profile_events', {'slug': app.user.slug}) }}">My parties</a></li>
  45.                             <li><a class="dropdown-item" href="{{ path('profile_settings') }}">Settings</a></li>
  46.                             #}
  47.                         </ul>
  48.                     </li>
  49.                     <li class="nav-item mx-3">
  50.                         <a class="nav-link" href="{{ path('app_logout') }}">Logout</a>
  51.                     </li>
  52.                 {% else %}
  53.                     {#
  54.                     <li class="nav-item mx-3">
  55.                         <a class="nav-link" href="{{ path('app_login') }}">Login</a>
  56.                     </li>
  57.                     <li class="nav-item mx-3">
  58.                         <a class="nav-link" href="{{ path('app_register') }}">Sign up</a>
  59.                     </li>
  60.                     #}
  61.                 {% endif %}
  62.                 {#
  63.                 <li class="nav-item mx-3 dropdown">
  64.                     <a class="nav-link dropdown-toggle" data-href="advertisements" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  65.                         Advertisements
  66.                     </a>
  67.                     <ul class="dropdown-menu">
  68.                         <li><a class="dropdown-item" href="{{ path('advertisement_form') }}">Create</a></li>
  69.                         <li><a class="dropdown-item" href="{{ path('advertisements_list') }}">List</a></li>
  70.                     </ul>
  71.                 </li>
  72.                 <li class="nav-item mx-3">
  73.                     <a class="nav-link" aria-current="page" data-href="dump" href="{{ path('advertisements_dump') }}">Dump</a>
  74.                 </li>
  75.                 #}
  76.                 {#
  77.                 <li class="nav-item dropdown">
  78.                     <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  79.                         Dropdown
  80.                     </a>
  81.                     <ul class="dropdown-menu">
  82.                         <li><a class="dropdown-item" href="#">Action</a></li>
  83.                         <li><a class="dropdown-item" href="#">Another action</a></li>
  84.                         <li><hr class="dropdown-divider"></li>
  85.                         <li><a class="dropdown-item" href="#">Something else here</a></li>
  86.                     </ul>
  87.                 </li>
  88.                 #}
  89.                 {#
  90.                 <li class="nav-item">
  91.                     <a class="nav-link disabled">Disabled</a>
  92.                 </li>
  93.                 #}
  94.             </ul>
  95.         </div>
  96.     </div>
  97. </nav>
  98. <script>
  99.     function setActiveMenuItem(item)
  100.     {
  101.         $('nav ul.navbar-nav .nav-link[data-href="' + item.toLowerCase() + '"]').addClass('active');
  102.     }
  103. </script>