templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}Easy-Sports-Tests!{% endblock %}</title>
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  8.         <link rel="preconnect" href="https://fonts.googleapis.com">
  9.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  10.         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  11.         <link href="https://fonts.googleapis.com/css2?family=Graduate&family=Racing+Sans+One&family=Sora:wght@300&display=swap" rel="stylesheet">
  12.         {% block stylesheets %}
  13.             {{ encore_entry_link_tags('app') }}
  14.         {% endblock %}
  15.         {% block javascripts %}
  16.             {{ encore_entry_script_tags('app') }}
  17.         {% endblock %}
  18.     </head>
  19.     <body>
  20.         {# Définition de la route courante #}
  21.         {% set route_name = app.request.attributes.get('_route') %}
  22.         
  23.         {# header de l'utilisateur connecté#}
  24.         {% if app.user %}
  25.             <div class="px-4 py-5 mb-2 text-center bg-header" style="background-image: url('https://images.pexels.com/photos/399187/pexels-photo-399187.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260');">
  26.                 <h1 class="title text-center">Easy-Sports-Tests</h1>
  27.                 <nav class="navbar navbar-expand-lg navbar-light">
  28.                     <div class="container-fluid">
  29.                         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  30.                             <span class="navbar-toggler-icon"></span>
  31.                         </button>
  32.                         <div class="collapse navbar-collapse justify-content-md-center" id="navbarNav">
  33.                             <ul class="navbar-nav">
  34.                                 <li class="nav-item ">
  35.                                     <a class="nav-link {% if route_name == 'user_home' %} active {% endif %} text-light" aria-current="page" href="{{path('user_home', {slug : app.user.slug})}}">Accueil</a>
  36.                                 </li>
  37.                                 <li class="nav-item">
  38.                                     <a class="nav-link {% if route_name == 'tests' %} active {% endif %} text-light" href="{{path('tests')}}">Tests</a>
  39.                                 </li>
  40.                                 <li class="nav-item">
  41.                                     <a class="nav-link {% if route_name == 'history' %} active {% endif %} text-light" href="{{path('history', {slug : app.user.slug})}}">Résultats</a>
  42.                                 </li>
  43.                                 {# {% if 'ROLE_COACH' in app.user.roles %}
  44.                                 <li class="nav-item">
  45.                                     <a class="nav-link text-light" href="{{path('teams_history')}}">Résultats de mes équipes</a>
  46.                                 </li>
  47.                                 {% endif %} #}
  48.                                 <li class="nav-item">
  49.                                     <a class="nav-link {% if route_name == 'coach_teams' %} active {% endif %} text-light" href="{{path('coach_teams', {id : app.user.id})}}">Equipe</a>
  50.                                 </li>
  51.                                 <li class="nav-item">
  52.                                     <a class="nav-link {% if route_name == 'list_tests' %} active {% endif %} text-light" href="{{path('list_tests')}}">Comprendre les tests</a>
  53.                                 </li>
  54.                                 <li class="nav-item">
  55.                                     <a class="nav-link {% if route_name == 'profilpage' %} active {% endif %} text-light" href="{{path('profilpage', {slug : app.user.slug})}}">Mon Profil</a>
  56.                                 </li>
  57.                                 <li class="nav-item">
  58.                                     <a class="nav-link text-light" href="{{ path('app_logout') }}">Se déconnecter</a>
  59.                                 </li>
  60.                             </ul>
  61.                         </div>
  62.                     </div>
  63.                 </nav> 
  64.             </div> 
  65.         {# header de la homepage utilisateur non connecté #}
  66.         {% else %}
  67.             <div class="bg-image p-5 text-center shadow-1-strong rounded mb-5 text-center" style="background-image: url('https://images.pexels.com/photos/399187/pexels-photo-399187.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260');"  > 
  68.                 <div class="container ">
  69.                     <nav class="navbar navbar-expand-lg navbar-dark">
  70.                         <div class="container-fluid">
  71.                             <a class="navbar-brand" href="{{ path('homepage') }}">EASY-SPORTS-TESTS</a>
  72.                             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  73.                                 <span class="navbar-toggler-icon"></span>
  74.                             </button>
  75.                             <div class="collapse navbar-collapse" id="navbarNav">
  76.                                 <ul class="navbar-nav">
  77.                                     <li class="nav-item">
  78.                                         <a class="nav-link {% if route_name == 'homepage' %} active {% endif %}" aria-current="page" href="{{ path('homepage') }}">Accueil</a>
  79.                                     </li>
  80.                                     <li class="nav-item ">
  81.                                         <a class="nav-link {% if route_name == 'homesubscription' %} active {% endif %}" href="{{ path('homesubscription') }}">Je m'inscris</a>
  82.                                     </li>
  83.                                     <li class="nav-item">
  84.                                         <a class="nav-link {% if route_name == 'app_login' %} active {% endif %}" href="{{ path('app_login') }}">Se connecter</a>
  85.                                     </li>
  86.                                     <li class="nav-item">
  87.                                         <a class="nav-link {% if route_name == 'contactpage' %} active {% endif %}" href="{{ path('contactpage') }}">Nous contacter</a>
  88.                                     </li>
  89.                                 </ul>
  90.                             </div>
  91.                         </div>
  92.                     </nav>
  93.                  </div>
  94.             
  95.         {% endif %}
  96.         {% for message in app.flashes('success') %}
  97.                 <div class="alert alert-success">
  98.                     {{ message }}
  99.                 </div>
  100.         {% endfor %}
  101.         {% for message in app.flashes('error') %}
  102.                 <div class="alert alert-error">
  103.                     {{ message }}
  104.                 </div>
  105.         {% endfor %}
  106.   
  107.         <div class = "containerbase">
  108.             {% block body %}{% endblock %}
  109.         </div>
  110.         <div class="container">
  111.             <footer class="d-flex flex-wrap  align-items-center justify-content-center py-3 my-4 border-top ">
  112.                 <p class="col-md-4 mb-0 text-muted fw-bold">&copy; 2022 Easy-Sports-Tests, Inc</p>
  113.                     <ul class="nav col-md-4 justify-content-between">
  114.                         <li class="nav-item"><a href="{{ path('legalnotice') }}" class="nav-link px-2 text-muted fw-bold">Mentions Légales</a></li>
  115.                         <li class="nav-item"><a href="{{ path('contactpage') }}" class="nav-link px-2 text-muted fw-bold">Contact</a></li>
  116.                         
  117.                         {# <li class="nav-item"><a href="#" class="nav-link px-2 text-light">Autre</a></li> #}
  118.                     </ul>
  119.             </footer>
  120.         </div>
  121.         <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
  122.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
  123.     </body>
  124. </html>
  125.     
  126.     
  127.