templates/navbar/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello NavbarController!{% endblock %}
  5. {% block body %}
  6.     <style>
  7.         .navbar {
  8.             margin-bottom: 5rem;
  9.         }
  11.         .navbar-brand:hover {
  12.             scale: 1.1;
  13.             transition-duration: 0.5s;
  14.         }
  16.         .nav-link:after {
  17.             background: none repeat scroll 0 0 transparent;
  18.             bottom: 0;
  19.             content: "";
  20.             display: block;
  21.             height: 2px;
  22.             left: 50%;
  23.             background: #fff;
  24.             transition: width 0.3s ease 0s, left 0.3s ease 0s;
  25.             width: 0;
  26.         }
  28.         .nav-link:hover:after {
  29.             width: 50%;
  30.             left: 0;
  31.         }
  33.     </style>
  35.     <nav class="navbar navbar-dark bg-dark fixed-top">
  36.         <div class="container-fluid">
  37.             <a class="navbar-brand" href={{ path('app_home') }}>
  38.                 <h2>ALTIUS</h2>
  39.             </a>
  40.             <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
  41.                     data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar">
  42.                 <span class="navbar-toggler-icon"></span>
  43.             </button>
  44.             <div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasDarkNavbar"
  45.                  aria-labelledby="offcanvasDarkNavbarLabel">
  46.                 <div class="offcanvas-header">
  47.                     <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"
  48.                             aria-label="Close"></button>
  49.                 </div>
  50.                 <div class="offcanvas-body">
  51.                     <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
  52.                         <div class="container-fluid mb-5">
  53.                             {% if is_granted("ROLE_USER") %}
  54.                                 <figure class="d-inline-flex">
  55.                                 </figure>
  56.                             {% endif %}
  57.                         </div>
  58.                         {% if is_granted('ROLE_USER') %}
  59.                             <li class="nav-item h2">
  60.                                 <a class="nav-link" href={{ path('app_logout') }}>Déconnexion</a>
  61.                             </li>
  62.                             <li class="nav-item h2">
  63.                                 <a class="nav-link" href="{{ path('app_bailleur_new') }}">Créer un nouveau Bailleur</a>
  64.                             </li>
  65.                             <li class="nav-item h2">
  66.                                 <a class="nav-link" href="{{ path('app_bailleur_index') }}">Liste des bailleurs</a>
  67.                             </li>
  68.                         {% else %}
  69.                             <li class="nav-item h2">
  70.                                 <a class="nav-link active" aria-current="page"
  71.                                    href={{ path('app_login') }}>Connexion</a>
  72.                             </li>
  73.                         {% endif %}
  74.                         {% if is_granted('ROLE_ADMIN') %}
  75.                             {% if is_granted('ROLE_ADMIN') %}
  76.                                 <li class="nav-item h2">
  77.                                     <a class="nav-link" href="{{ path('app_user_new') }}">Nouvel utilisateur</a>
  78.                                 </li>
  79.                             {% endif %}
  80.                         {% endif %}
  81.                     </ul>
  82.                 </div>
  83.             </div>
  84.         </div>
  85.     </nav>
  86. {% endblock %}
  87.