templates/components/navigation/navigation.html.twig line 1

Open in your IDE?
  1. {% import "components/macros.html.twig" as macros %}
  2. <nav class="navbar navbar-expand-sm navbar-light bg-custom border-bottom gap-2">
  3.     <a class="navbar-brand font-weight-bold" href="{{ path('homePage') }}"><img src="{{ asset('build/images/RappBattleLogoAlpha.png') }}" alt="Logo"/></a>
  4.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor" aria-controls="navbarColor" aria-expanded="false" aria-label="Toggle navigation">
  5.         <span class="navbar-toggler-icon"></span>
  6.     </button>
  7.     <div class="collapse navbar-collapse" id="navbarColor">
  8.         <ul class="navbar-nav">
  9.             <li class="nav-item"><a class="nav-link" href="{{ path('battles') }}">Battles</a> </li>
  10.             <li class="nav-item"><a class="nav-link" href="{{ path('beats') }}">Beats</a> </li>
  11.             <li class="nav-item"><a class="nav-link" href="{{ path('rappers') }}">Rappers</a> </li>
  12.             <li class="nav-item"><a class="nav-link" href="{{ path('crews') }}">Crews</a> </li>
  13.             <li class="nav-item"><a class="nav-link" href="{{ path('leaderboard') }}">Leaderboard</a> </li>
  14.             <li class="nav-item"><a class="nav-link" href="{{ path('downloads') }}">Downloads</a> </li>
  15.             <li class="nav-item "><a class="nav-link" href="{{ path('about') }}">About</a> </li>
  16.             <li class="nav-item "><a class="nav-link" href="{{ path('faq') }}">FAQ</a> </li>
  17.         </ul>
  18.     </div>
  20.     {% if app.user %}
  21.         <div class="dropdown">
  22.             <a class="btn btn-primary dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  23.                 <i class="bi bi-bell"></i>
  24.             </a>
  26.             <div class="dropdown-menu dropdown-menu-end notifications-nav">
  27.                 <div class="row">
  28.                     <div class="notifications-list--small">
  29.                         {% if userData.userNotificationsHomepage|length > 0 %}
  30.                             <div class="messages-list">
  31.                                 {% for notification in userData.userNotificationsHomepage %}
  32.                                     {{ macros.renderNotificationListItemSmall(notification,true) }}
  33.                                 {% endfor %}
  34.                             </div>
  35.                         {% else %}
  36.                             <p class="text-center">No notifications</p>
  37.                         {% endif %}
  38.                     </div>
  39.                 </div>
  40.                 <div class="row dropdown-footer">
  41.                     <a href="{{ path('notifications') }}" class="text-center"><i class="bi bi-bell-fill"></i> See all notifications</a>
  42.                 </div>
  43.             </div>
  44.         </div>
  46.         <div class="dropdown">
  47.             <a class="btn btn-primary dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  48.                 <i class="bi bi-envelope"></i>
  49.             </a>
  51.             <div class="dropdown-menu dropdown-menu-end messages-nav">
  52.                 <div class="row">
  53.                     <div class="messages-list--small">
  54.                         {% if userData.userMessagesHomepage|length > 0 %}
  55.                             <div class="messages-list">
  56.                                 {% for message in userData.userMessagesHomepage %}
  57.                                     {{ macros.renderMessageListItemSmall(message,true) }}
  58.                                 {% endfor %}
  59.                             </div>
  60.                         {% else %}
  61.                             <p class="text-center">No messages</p>
  62.                         {% endif %}
  64.                     </div>
  65.                 </div>
  66.                 <div class="row dropdown-footer">
  67.                     <a href="{{ path('messages') }}" class="text-center"><i class="bi bi-envelope-fill"></i> See all messages</a>
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     {% endif %}
  74.     <div class="dropdown pr-50">
  75.         <a class="btn btn-primary dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  76.             <i class="bi bi-person"></i>
  77.         </a>
  79.         <ul class="dropdown-menu dropdown-menu-end">
  80.             {% if app.user %}
  81.                 <li><a href="{{ path('profile') }}" class="dropdown-item" type="button">Profile</a></li>
  82.                 <li><a href="{{ path('messages') }}" class="dropdown-item" type="button">Messages ({{ userData.userNewMessages|length }})</a></li>
  83.                 <li><a href="{{ path('notifications') }}" class="dropdown-item" type="button">Notifications ({{ userData.userNewNotifications|length }})</a></li>
  84.                 <li><a href="{{ path('settings') }}" class="dropdown-item" type="button">Settings</a></li>
  85.                 <li><a href="{{ path('app_logout') }}" class="dropdown-item" type="button">Logout</a></li>
  86.             {% else %}
  87.                 <li><a href="{{ path('login') }}" class="dropdown-item" type="button">Login</a></li>
  88.                 <li><a href="{{ path('register') }}" class="dropdown-item" type="button">Register</a></li>
  89.             {% endif %}
  91.         </ul>
  92.     </div>
  94. </nav>