templates/layout.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3.     {% block navbar %}
  4.         <nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="font-size: 1.1rem; border-radius: 5rem 0rem 0rem 5rem;">
  5.             <a class="navbar-brand" href="{{ path('homepage') }}">
  6.                 <img src="https://cajo.squat.net/logo-small.png" class="logocajo">
  7.                 <strong style="margin-left:1rem">CAJO</strong>
  8.             </a>
  9.             <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">
  10.                 <span class="navbar-toggler-icon"></span>
  11.             </button>
  12.             <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
  13.                 <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
  14.                     <li class="nav-item {{ (active_menu == "jp") ? "active" : "" }}">
  15.                         <a class="nav-link {{ (active_menu == "jp") ? "active" : "" }}" href="{{ path('jurisprudences_search') }}">⚖️ Jurisprudences</a>
  16.                     </li>
  17.                     <li class="nav-item {{ (active_menu == "base") ? "active" : "" }}">
  18.                         <a class="nav-link {{ (active_menu == "base") ? "active" : "" }}" href="{{ path('la_base') }}">📝 La Base</a>
  19.                     </li>
  20.                     <li class="nav-item {{ (active_menu == "news") ? "active" : "" }}">
  21.                         <a class="nav-link {{ (active_menu == "news") ? "active" : "" }}" href="{{ path('news_list') }}">📰 Actus</a>
  22.                     </li>
  23.                     <li class="nav-item {{ (active_menu == "contribution") ? "active" : "" }}">
  24.                         <a class="nav-link {{ (active_menu == "contribution") ? "active" : "" }}" href="{{ path('contribution') }}">💁🏼 Contribuer</a>
  25.                     </li>
  26.                     <li class="nav-item {{ (active_menu == "contact") ? "active" : "" }}">
  27.                         <a class="nav-link {{ (active_menu == "contact") ? "active" : "" }}" href="{{ path('contact') }}">✉️ Contact</a>
  28.                     </li>
  29.                     <li class="nav-item {{ (active_menu == "presentation") ? "active" : "" }}">
  30.                         <a class="nav-link {{ (active_menu == "presentation") ? "active" : "" }}" href="{{ path('presentation') }}">❓ Présentation</a>
  31.                     </li>
  32.                     <li class="nav-item dropdown">
  33.                         <a style="color:white" class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  34.                             {% if app.user is not null %}
  35.                                 {{ (app.user.pseudo) ? app.user.pseudo : app.user.email }}
  36.                             {% endif %}
  37.                             <i class="fas fa-user"></i>
  38.                         </a>
  39.                         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
  40.                             {% if app.user is not null %}
  41.                                 {% if is_granted('ROLE_USER') %}
  42.                                     <a class="dropdown-item" href="{{ path('admin') }}" target="_blank">Accéder à l'admin</a>
  43.                                     <a class="dropdown-item" href="{{ path('stats') }}">Statistiques</a>
  44.                                 {% endif %}
  45.                                 <a class="dropdown-item" href="{{ path('my_account') }}">Mon compte</a>
  46.                                 <div class="dropdown-divider"></div>
  47.                                 <a class="dropdown-item" href="{{ path('app_logout') }}">Déconnexion</a>
  48.                             {% else %}
  49.                                 <a class="dropdown-item" href="{{ path('app_login') }}">Connexion</a>
  50.                             {% endif %}
  51.                         </div>
  52.                     </li>
  53.                 </ul>
  54.                 <div class="form-inline my-2 my-lg-0" id="form_search">
  55.                     <input class="form-control mr-sm-2" id="input_search" placeholder="🔍 Titre, mot-clé ..." aria-label="Chercher">
  56.                     <button class="btn btn-outline-success my-2 my-sm-0" id="search_button" onclick="submitSearchForm()">Chercher</button>
  57.                 </div>
  58.             </div>
  59.         </nav>
  60.         <nav class ="navbar navbar-light rounded" style="margin-top:1.5vmin;margin-bottom: 5px;background-color: var(--info);text-align: center;color: white;">
  61.             <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="https://cajo.squat.net/schema-expulsion.pdf" style="color: white !important;">🗺️ schéma</a></b> ou le <b><a href="{{ path('lexique') }}" style="color: white !important;"> 📖 lexique</a></b></span>
  62.         </nav>
  63.     {% endblock %}
  64.     <div style="padding-top:10px">
  65.         {% block layout %}
  66.         {% endblock %}
  67.     </div>
  68. {% endblock %}
  69. {% block javascripts %}
  70.     {{ parent() }}
  71.     <script>
  72.         $(document).on('input change keypress', '#input_search', function (e) {
  73.             if (e.key === 'Enter' || e.keyCode === 13) {
  74.                 submitSearchForm();
  75.             }
  76.         })
  77.         function submitSearchForm() {
  78.             var searchUrl = '{{ path('search') }}';
  79.             var searchValue = $('#input_search').val();
  80.             window.location.replace(searchUrl+'?search='+searchValue);
  81.         }
  82.         $(document).ready(function(){
  83.             $('.navbar-dark > button').on('click', function(){
  84.                 $('.navbar-dark').toggleClass('expended-phone-navbar');
  85.         });
  86.     });
  87.     </script>
  88. {% endblock %}
  89. {% block stylesheets %}
  90.     {{ parent() }}
  91.     <style>
  92.         .texte-principal {
  93.             text-align:justify;
  94.         }
  95.         .color::before {
  96.             content: '';
  97.             display: inline-block;
  98.             width: .5em;
  99.             height: .5em;
  100.             -moz-border-radius: .25em;
  101.             -webkit-border-radius: .25em;
  102.             border-radius: .25em;
  103.         }
  104.         .color.tuto::before {
  105.            background-color: var(--info);
  106.         }
  107.         .color.news::before {
  108.             background-color: var(--news-color);
  109.         }
  110.         .color.jurisprudence::before {
  111.             background-color: var(--primary);
  112.         }
  113.         .logocajo {
  114.             margin-top: -3vmin;
  115.             margin-bottom: -3vmin;
  116.             margin-left: -1.2rem;
  117.             height: 15vmin;
  118.         }
  119.         .expended-phone-navbar {
  120.             border-radius:  5rem 0rem 0rem 0rem!important;
  121.         }
  122.         h3 h4 h5 {
  123.             text-align: right!important;
  124.         }
  125.         @media screen and (max-width: 1000px) {
  126.             h2 {
  127.                 font-size: 2em;
  128.             }
  129.             h5, h4, h3 {
  130.                 font-size: 1.5em;
  131.             }
  132.             .row {
  133.                 padding-left:0px!important;
  134.                 padding-right:0px!important;
  135.             }
  136.             body, a, .btn-primary, #input_search, #search_button, .navbar-brand,
  137.             #inputEmail, #inputPassword, #form_email, #form_pseudo, #form_plainPassword, .custom-select {
  138.                 font-size:4vmin
  139.             }
  140.             .texte-principal {
  141.                 padding:2%;
  142.             }
  143.             .btn, .list-group-item {
  144.                 min-height:5vh;
  145.                 align-content:center;
  146.             }
  147.             .btn, .card, .rounded, .list-group {
  148.                 border-radius:0.75rem;
  149.             }
  150.             .list-group-item {
  151.                 border:2px solid rgba(0,0,0,.125)!important;
  152.             }
  153.             .homepage-navbar {
  154.                 width:70%;
  155.                 margin:auto;
  156.             }
  157.             .liste {
  158.                 padding-bottom:3vh;
  159.             }
  160.         }
  161.         @media screen and (min-width:1000px) {
  162.             .texte-principal {
  163.                 padding:20px;
  164.                 margin:10px;
  165.                 border:1px solid gray;
  166.                 border-radius:3px;
  167.             }
  168.             .liste {
  169.                 padding-bottom:30px
  170.             }
  171.         }
  172.         ul li {
  173.             padding-left:5px
  174.         }
  175.     
  176.     </style>
  177. {% endblock %}