{% extends 'base.html.twig' %}
{% block body %}
{% block navbar %}
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="font-size: 1.1rem; border-radius: 5rem 0rem 0rem 5rem;">
<a class="navbar-brand" href="{{ path('homepage') }}">
<img src="https://cajo.squat.net/logo-small.png" class="logocajo">
<strong style="margin-left:1rem">CAJO</strong>
</a>
<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">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item {{ (active_menu == "jp") ? "active" : "" }}">
<a class="nav-link {{ (active_menu == "jp") ? "active" : "" }}" href="{{ path('jurisprudences_search') }}">⚖️ Jurisprudences</a>
</li>
<li class="nav-item {{ (active_menu == "base") ? "active" : "" }}">
<a class="nav-link {{ (active_menu == "base") ? "active" : "" }}" href="{{ path('la_base') }}">📝 La Base</a>
</li>
<li class="nav-item {{ (active_menu == "news") ? "active" : "" }}">
<a class="nav-link {{ (active_menu == "news") ? "active" : "" }}" href="{{ path('news_list') }}">📰 Actus</a>
</li>
<li class="nav-item {{ (active_menu == "contribution") ? "active" : "" }}">
<a class="nav-link {{ (active_menu == "contribution") ? "active" : "" }}" href="{{ path('contribution') }}">💁🏼 Contribuer</a>
</li>
<li class="nav-item {{ (active_menu == "contact") ? "active" : "" }}">
<a class="nav-link {{ (active_menu == "contact") ? "active" : "" }}" href="{{ path('contact') }}">✉️ Contact</a>
</li>
<li class="nav-item {{ (active_menu == "presentation") ? "active" : "" }}">
<a class="nav-link {{ (active_menu == "presentation") ? "active" : "" }}" href="{{ path('presentation') }}">❓ Présentation</a>
</li>
<li class="nav-item dropdown">
<a style="color:white" class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{% if app.user is not null %}
{{ (app.user.pseudo) ? app.user.pseudo : app.user.email }}
{% endif %}
<i class="fas fa-user"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
{% if app.user is not null %}
{% if is_granted('ROLE_USER') %}
<a class="dropdown-item" href="{{ path('admin') }}" target="_blank">Accéder à l'admin</a>
<a class="dropdown-item" href="{{ path('stats') }}">Statistiques</a>
{% endif %}
<a class="dropdown-item" href="{{ path('my_account') }}">Mon compte</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ path('app_logout') }}">Déconnexion</a>
{% else %}
<a class="dropdown-item" href="{{ path('app_login') }}">Connexion</a>
{% endif %}
</div>
</li>
</ul>
<div class="form-inline my-2 my-lg-0" id="form_search">
<input class="form-control mr-sm-2" id="input_search" placeholder="🔍 Titre, mot-clé ..." aria-label="Chercher">
<button class="btn btn-outline-success my-2 my-sm-0" id="search_button" onclick="submitSearchForm()">Chercher</button>
</div>
</div>
</nav>
<nav class ="navbar navbar-light rounded" style="margin-top:1.5vmin;margin-bottom: 5px;background-color: var(--info);text-align: center;color: white;">
<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>
</nav>
{% endblock %}
<div style="padding-top:10px">
{% block layout %}
{% endblock %}
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script>
$(document).on('input change keypress', '#input_search', function (e) {
if (e.key === 'Enter' || e.keyCode === 13) {
submitSearchForm();
}
})
function submitSearchForm() {
var searchUrl = '{{ path('search') }}';
var searchValue = $('#input_search').val();
window.location.replace(searchUrl+'?search='+searchValue);
}
$(document).ready(function(){
$('.navbar-dark > button').on('click', function(){
$('.navbar-dark').toggleClass('expended-phone-navbar');
});
});
</script>
{% endblock %}
{% block stylesheets %}
{{ parent() }}
<style>
.texte-principal {
text-align:justify;
}
.color::before {
content: '';
display: inline-block;
width: .5em;
height: .5em;
-moz-border-radius: .25em;
-webkit-border-radius: .25em;
border-radius: .25em;
}
.color.tuto::before {
background-color: var(--info);
}
.color.news::before {
background-color: var(--news-color);
}
.color.jurisprudence::before {
background-color: var(--primary);
}
.logocajo {
margin-top: -3vmin;
margin-bottom: -3vmin;
margin-left: -1.2rem;
height: 15vmin;
}
.expended-phone-navbar {
border-radius: 5rem 0rem 0rem 0rem!important;
}
h3 h4 h5 {
text-align: right!important;
}
@media screen and (max-width: 1000px) {
h2 {
font-size: 2em;
}
h5, h4, h3 {
font-size: 1.5em;
}
.row {
padding-left:0px!important;
padding-right:0px!important;
}
body, a, .btn-primary, #input_search, #search_button, .navbar-brand,
#inputEmail, #inputPassword, #form_email, #form_pseudo, #form_plainPassword, .custom-select {
font-size:4vmin
}
.texte-principal {
padding:2%;
}
.btn, .list-group-item {
min-height:5vh;
align-content:center;
}
.btn, .card, .rounded, .list-group {
border-radius:0.75rem;
}
.list-group-item {
border:2px solid rgba(0,0,0,.125)!important;
}
.homepage-navbar {
width:70%;
margin:auto;
}
.liste {
padding-bottom:3vh;
}
}
@media screen and (min-width:1000px) {
.texte-principal {
padding:20px;
margin:10px;
border:1px solid gray;
border-radius:3px;
}
.liste {
padding-bottom:30px
}
}
ul li {
padding-left:5px
}
</style>
{% endblock %}