<nav class="navbar navbar-expand-lg bg-secondary py-1" id="navbar"> <div class="container-fluid"> <a class="navbar-brand text-dark" href="{{ path('home') }}"> <img src="{{ asset('images/configuration/' ~ config.societeLogoSrc) }}" {% if config.societeLogoAlt %} alt="{{ config.societeLogoAlt }}" {% endif %} {% if config.societeLogoTitle %} title="{{ config.societeLogoTitle }}" {% endif %} class="img190px"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0 fs12"> <li class="nav-item align-self-center"> <a class="" href="{{ path('home') }}"> Accueil </a> </li> </ul> <ul class="navbar-nav fs12" style="margin-right:100px" >{# <form class="d-flex align-self-center" role="search" method="post" action="{{ path('recherche') }}"> <div class="input-group"> <input class="form-control me-2" type="search" placeholder="Recherche..." aria-label="Search"> <button class="btn" type="submit"> <i class="text-secondary" data-feather="search"></i> </button> </div></form> #} <li class="nav-item align-self-center"> <a class="nav-link text-dark" href="{{ path('agenda', {'annee' : "now"|date("Y"), 'mois' : "now"|date("m") }) }}"> {{ config.agendaTitre }} </a> </li> {% if rubrique.rubrique35.statut %} <li class="nav-item align-self-center"> <a href="{{ path('ssrubriques', {slug: rubrique.rubrique35.rubrique.slug, slug2 : rubrique.rubrique35.slug }) }}"> {{ rubrique.rubrique35.nom }} </a> </li> {% endif %} <li class="nav-item align-self-center"> <a class="nav-link text-dark" href="{{ path('contact') }}">{{ config.titreContact }}</a> </li> {% if config.tchapBool %} <li class="nav-item align-self-center"> <a class="nav-link text-dark" target="_blank" href="{{ config.tchap }}">{{ config.titreTchap }}</a> </li> {% endif %} {# <li class="nav-item"> <a class="nav-link" href="{{ path('agenda', {'year' : "now"|date("Y"), 'month' : "now"|date("m") })}}"> <img src="{{ asset('images/configuration/' ~ config.agendaSrc) }}" {% if config.agendaTitle %} title="{{ config.agendaTitle }}" {% endif %} {% if config.agendaAlt %} alt="{{ config.agendaAlt }}" {% endif %} class="img40px" > </a> </li> #} {# <li class="nav-item align-self-center"> <a class="" href="{{ path(rubrique.rubrique35.lien) }}"> <img src="{{ asset('images/rubrique/' ~ rubrique.rubrique35.src) }}" {% if rubrique.rubrique35.alt %} alt="{{ rubrique.rubrique35.alt }}" {% endif %} {% if rubrique.rubrique35.title %} title="{{ rubrique.rubrique35.title }}" {% endif %} class="img40px" > </a> </li> #} {% if app.user %} <li class="nav-item dropdown align-self-center"> <a class="nav-link dropdown-toggle text-dark" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="{{ asset('images/svg/user.svg') }}" alt="Senior icône avatar"> </a> {% if is_granted('ROLE_MODO') %} {% if notif.attenteTotale %}<span class="badgeNotification bg-primary">{{notif.attenteTotale}}</span>{% endif %} {% endif %} <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="{{ path('app_profil')}}">Profil</a></li> <li><a class="dropdown-item" href="{{ path('app_messagerie')}}">Messagerie {{ getCountMessagerieEnAttente(app.user) }} </a></li> {% if is_granted('ROLE_MODO') %} <li><hr class="dropdown-divider"></li> <li><a class="dropdown-item" href="{{ path('app_admin') }}">Back Office</a></li> {% endif %} <li><hr class="dropdown-divider"></li> <li><a class="dropdown-item" href="{{ path('app_logout')}}">Déconnexion</a></li> </ul> </li> {% else %} <li class="nav-item center-vertical"> <a class="nav-link text-dark" href="{{ path('app_register')}}">Inscription</a> </li> <li class="nav-item center-vertical"> <a class="nav-link text-dark" href="{{ path('app_login')}}">Connexion</a> </li> {# <li class="nav-item"> {% include '_connexion_bouton.html.twig' with {'contenu': 'Connexion', 'class': "nav-link text-dark" } %} </li> #} {% endif %} <div class="center-vertical" title="Rechercher"> <i class="text-dark" data-feather="search" data-bs-toggle="modal" data-bs-target="#modalSearch" style="cursor: pointer;"></i> </div> </ul> </div> </div></nav>{# <form class="row g-3 justify-content-end p-1 bg-white"> <div class="col-auto"> <label for="inputPassword2" class="visually-hidden">Moteur de recherche</label> <input type="text" class="form-control" id="inputPassword2" placeholder="Moteur de recherche"> </div> <div class="col-auto"> <button type="submit" class="btn btn-primary mb-3">Rechercher</button> </div> </form> #}<div class="modal fade" id="modalConnexion" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content rounded"> <form id="loginForm" method="POST"> <div class="modal-header"> <h1 class="modal-title fs-5" id="exampleModalLabel">Connexion</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div id="errorLogin"></div> <div class="form-group my-3"> <label for="inputEmail">Email<span class="text-danger">*</span></label> <input type="email" value="" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus> </div> <div class="form-group my-3"> <label for="inputPassword">Mot de passe<span class="text-danger">*</span></label> <input type="password" name="password" id="inputPassword" class="form-control password-field-alone" autocomplete="current-password" required> <i class="toggle-password-alone fa fa-fw fa-eye-slash" onclick="passwordAlone()"></i> </div> </div> <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"> <div class="row justify-content-between m-0 text-center my-4"> <a class="col-md-5" href="{{ path('app_register') }}">Inscrivez-vous ?</a> <a class="col-md-5" href="{{ path('app_forgot_password_request') }}">Mot de passe oublié ?</a> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger rounded" data-bs-dismiss="modal">Annuler</button> <button type="submit" class="btn btn-primary rounded">Connecter</button> </div> </form> </div> </div></div><div class="modal fade" id="modalSearch" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content rounded"> <form method="post" action="{{ path('recherche') }}"> <div class="modal-header"> <h1 class="modal-title fs-5" id="exampleModalLabel">Que souhaitez-vous rechercher ?</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <input id="rechercheInput" class="form-control me-2" type="search" name="search" placeholder="Écrivez votre recherche..." aria-label="Search" autocomplete="off"> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button> <button type="submit" id="submitButton" class="btn btn-primary" disabled>Rechercher</button> </div> </form> </div> </div></div><script> var loginForm = document.getElementById('loginForm'); loginForm.addEventListener('submit', function(event) { event.preventDefault(); var email = document.getElementById('inputEmail').value; var password = document.getElementById('inputPassword').value; var jsonData = { username: email, password: password }; var data = JSON.stringify(jsonData); $.ajax({ url: "{{ path('api_login') }}", method: 'POST', contentType: 'application/json', dataType: 'json', data: data, success: function(response) { location.reload(); }, error: function(error) { if (error.status === 401) { $('#errorLogin').text('L\'identifiant ou le mot de passe est incorrect'); $('#errorLogin').addClass('text-center text-danger'); } } }); }); document.addEventListener("DOMContentLoaded", function() { const rechercheInput = document.getElementById("rechercheInput"); const submitButton = document.getElementById("submitButton"); rechercheInput.addEventListener("input", function() { if (rechercheInput.value.trim().length > 0) { submitButton.removeAttribute("disabled"); } else { submitButton.setAttribute("disabled", "disabled"); } }); });</script>