templates/fragments/_navbar.html.twig line 1

Open in your IDE?
  1. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  2.   <div class="container">
  3.     <a class="navbar-brand" href="{{ path('app_home') }}">NavBar</a>
  4.     <!-- burger button -->
  5.     <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  6.       <span class="navbar-toggler-icon"></span>
  7.     </button>  
  8.     <div class="collapse navbar-collapse collapsed" id="navbarSupportedContent"><!-- nav content start -->   
  9.       <ul class="navbar-nav me-auto mb-2 mb-lg-0"><!-- nav items start --> 
  10.         
  11.         <li class="nav-item dropdown">
  12.           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  13.             User Features
  14.           </a>
  15.           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  16.             {% if app.user %}
  17.             <li><a class="dropdown-item" href="{{ path('app_logout') }}">Logout</a></li>
  18.             <li><hr class="dropdown-divider"></li>
  19.             {% else %}
  20.             <li><a class="dropdown-item" href="{{ path('app_login') }}">Login</a></li>
  21.             {% endif %}
  22.             {% if app.user %}
  23.             {% else %}
  24.             <li><hr class="dropdown-divider"></li>
  25.             <li><a class="dropdown-item" href="{{ path('app_register') }}">Register</a></li>
  26.             <li><hr class="dropdown-divider"></li>
  27.             {% endif %}
  28.             {% if app.user %}
  29.             <li><a class="dropdown-item" href="{{ path('app_forgot_password_request') }}">Renew Password</a></li>
  30.             {% else %}
  31.             <li><a class="dropdown-item" href="{{ path('app_forgot_password_request') }}">Reset Password</a></li>
  32.             {% endif %}
  33.           </ul>
  34.         </li>
  35.         {% if app.user %} <!-- IMPORTANT - here, We must hide the login modal window if the user is already logged in so as not to have an error with the csrf token during a password update request if the user is already logged in. -->
  36.             <li class="nav-item"><a class="nav-link" href="{{ path('app_logout') }}">Logout</a></li>
  37.         {% else %}
  38.          <li class="nav-item">
  39.             <a class="nav-link" data-toggle="modal" data-target=".Mylogin-modal">Modal Login</a><!-- call modal on : data-target=".login-modal  -->
  40.             {% include 'fragments/_modal_login.html.twig' %}<!-- include login form fragment inside modal content -->
  41.         </li>
  42.         {% endif %} 
  43.         <li class="nav-item"><a class="nav-link" href="https://github.com/SimonChabrier/symfonyStarterPackUser">Download on git hub</a></li>        
  44.       </ul><!-- nav items end --> 
  45.     </div><!-- nav content end --> 
  46.   </div><!-- container end -->
  47. </nav>
  49. {# add a link source code :
  50. <li class="nav-item">
  51. <a class="nav-link" href="#">Add a Link</a>
  52. </li>
  53. #}