templates/layout.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     {% block navbar %}
  5.         <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  6.             <a class="navbar-brand" href="{{ path('homepage') }}">
  7. {#                <img src="logo.png" style="width:80px;height:80px;margin-right:20px;padding-bottom:10px" />#}
  8.                 CAJO
  9.             </a>
  10.             <button class="navbar-toggler btn-lg" style="height:100px;width:100px" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
  11.                 <span class="navbar-toggler-icon"></span>
  12.             </button>
  13.             <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
  14.                 <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
  15.                     <li class="nav-item {{ (active_menu == "jp") ? "active" : "" }}">
  16.                         <a class="nav-link {{ (active_menu == "jp") ? "active" : "" }}" href="{{ path('jurisprudences_search') }}">⚖️ Jurisprudences</a>
  17.                     </li>
  18.                     <li class="nav-item {{ (active_menu == "base") ? "active" : "" }}">
  19.                         <a class="nav-link {{ (active_menu == "base") ? "active" : "" }}" href="{{ path('la_base') }}">📝 La Base</a>
  20.                     </li>
  21.                     <li class="nav-item {{ (active_menu == "news") ? "active" : "" }}">
  22.                         <a class="nav-link {{ (active_menu == "news") ? "active" : "" }}" href="{{ path('news_list') }}">📰 Actus</a>
  23.                     </li>
  24.                     <li class="nav-item {{ (active_menu == "contribution") ? "active" : "" }}">
  25.                         <a class="nav-link {{ (active_menu == "contribution") ? "active" : "" }}" href="{{ path('contribution') }}">💁🏼 Contribuer</a>
  26.                     </li>
  27.                     <li class="nav-item {{ (active_menu == "contact") ? "active" : "" }}">
  28.                         <a class="nav-link {{ (active_menu == "contact") ? "active" : "" }}" href="{{ path('contact') }}">✉️ Contact</a>
  29.                     </li>
  30.                     <li class="nav-item {{ (active_menu == "presentation") ? "active" : "" }}">
  31.                         <a class="nav-link {{ (active_menu == "presentation") ? "active" : "" }}" href="{{ path('presentation') }}">❓ Présentation</a>
  32.                     </li>
  33.                     <li class="nav-item dropdown">
  34.                         <a style="color:white" class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  35.                             {% if app.user is not null %}
  36.                                 {{ (app.user.pseudo) ? app.user.pseudo : app.user.email }}
  37.                             {% endif %}
  38.                             <i class="fas fa-user"></i>
  39.                         </a>
  40.                         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
  41.                             {% if app.user is not null %}
  42.                                 {% if is_granted('ROLE_USER') %}
  43.                                     <a class="dropdown-item" href="{{ path('admin') }}" target="_blank">Accéder à l'admin</a>
  44.                                     <a class="dropdown-item" href="{{ path('stats') }}">Statistiques</a>
  45.                                 {% endif %}
  46.                                 <a class="dropdown-item" href="{{ path('my_account') }}">Mon compte</a>
  47.                                 <div class="dropdown-divider"></div>
  48.                                 <a class="dropdown-item" href="{{ path('app_logout') }}">Déconnexion</a>
  49.                             {% else %}
  50.                                 <a class="dropdown-item" href="{{ path('app_login') }}">Connexion</a>
  51.                             {% endif %}
  52.                         </div>
  53.                     </li>
  54.                 </ul>
  55.                 <div class="form-inline my-2 my-lg-0" id="form_search">
  56.                     <input class="form-control mr-sm-2" id="input_search" placeholder="🔍 Titre, mot-clé ..." aria-label="Chercher">
  57.                     <button class="btn btn-outline-success my-2 my-sm-0" id="search_button" onclick="submitSearchForm()">Chercher</button>
  58.                 </div>
  59.             </div>
  60.         </nav>
  61.         <nav class ="navbar navbar-light rounded" style="margin-top: 5px;margin-bottom: 5px;background-color: var(--info);text-align: center;color: white;">
  62.             <span class="navbar-text" style="font-size: 1em; color: white; margin: auto;"> Si vous êtes totalement perdu dans votre procédure d'expulsion, consultez ce <b><a href="" style="color: white !important;">🗺️ schéma</a></b> ou le <b><a href="{{ path('lexique') }}" style="color: white !important;"> 📖 lexique</a></b></span>
  63.         </nav>
  64.     {% endblock %}
  66.     <div style="padding-top:10px">
  67.         {% block layout %}
  68.         {% endblock %}
  69.     </div>
  72. {% endblock %}
  74. {% block javascripts %}
  75.     {{ parent() }}
  76.     <script>
  77.         $(document).on('input change keypress', '#input_search', function (e) {
  78.             if (e.key === 'Enter' || e.keyCode === 13) {
  79.                 submitSearchForm();
  80.             }
  81.         })
  83.         function submitSearchForm() {
  84.             var searchUrl = '{{ path('search') }}';
  85.             var searchValue = $('#input_search').val();
  86.             window.location.replace(searchUrl+'?search='+searchValue);
  87.         }
  88.     </script>
  89. {% endblock %}
  91. {% block stylesheets %}
  92.     {{ parent() }}
  93.     <style>
  94.         @media screen and (max-width: 1000px) {
  95.             h2 {
  96.                 font-size: 2em;
  97.             }
  98.             h5, h3   {
  99.                 font-size: 1.5em;
  100.             }
  101.             body, a, .btn-primary, #input_search, #search_button, .navbar-brand,
  102.             #inputEmail, #inputPassword, #form_email, #form_pseudo, #form_plainPassword {
  103.                 font-size:50px
  104.             }
  106.         }
  107.         ul li {
  108.             padding-left:5px
  109.         }
  110.     </style>
  111. {% endblock %}