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 titlePage %}GRETA-CFA | AMA64{% endblock %}</title>
  6.         
  7.         {# CSS & JS BOOTSTRAP #}
  8.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  9.         <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>
  10.         <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>
  11.         
  12.         {# ICONS BOOTSTRAP #}
  13.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css">
  14.         {# JQUERY #}
  15.         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  16.         
  17.         {# CSS MAISON #}
  18.         <link rel="stylesheet" href="{{ asset('assets/css/default.css') }}">
  19.         <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
  20.     </head>
  21.     <body>
  22.         <header class="sticky-top"> 
  23.             {% block nav %}
  24.                 {# MENU DE NAVIGATION #}
  25.                 {% include "navigation_principale.twig" %}
  26.             {% endblock %}
  27.         </header>
  28.         <section class="bg-white p-3 pt-5 m-auto" style="width: 90%; min-height: 90vh">
  29.             {% block content %}
  30.             {% endblock %}
  31.         </section>
  32.         <footer>
  33.             <div class="text-center p-2 text-white fixed-bottom" style="background-color: #333333;">
  34.                 <a href="https://www.totem-vision.com" target="_blanc" class="link-warning text-decoration-none">Création by Totem | Pôle numérique | Assistance : <a href="tel:05 59 620 620">05 59 620 620</a>
  35.             </div>
  36.         </footer>
  37.     </body>
  38.     
  39.     {% block modales %}
  40.     <!-- MODALE DE SUPPRESSION MULTIPLE -->
  41.     <div class="modal " tabindex="-1" id="modalAvertissement" style="margin-top:150px;">
  42.         <div class="modal-dialog">
  43.             <div class="modal-content">
  44.                 <div class="modal-header">
  45.                     <h5 class="modal-title"><i class="bi bi-exclamation-circle"></i> CONFIRMATION D'OPÉRATION</h5>
  46.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  47.                 </div>
  48.                 <div class="modal-body">
  49.                     <p>Êtes-vous sûr de vouloir supprimer cette (ou ces) entité(s) ?</p>
  50.                 </div>
  51.                 <div class="modal-footer">
  52.                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
  53.                     <a href="toto" class="btn btn-warning">Confirmation</a>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.     </div>
  58.     {% endblock %}
  59.     {% block menuRaccourcis %}
  60.     <div class="offcanvas offcanvas-start" data-bs-scroll="true" tabindex="-1" id="MenuRaccourcis" aria-labelledby="offcanvasExampleLabel">
  61.         <div class="offcanvas-header">
  62.             <h5 class="offcanvas-title fw-bold" id="offcanvasExampleLabel">MENU RACCOURCIS</h5>
  63.             <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  64.         </div>
  65.         <div class="offcanvas-body">
  66.             <div>
  67.                 Atteindre une section de la page rapidement :
  68.             </div>
  69.             {% block menuRaccourcisContenu %}
  70.             {% endblock %}
  71.         </div>
  72.     </div>
  73.     {% endblock %}
  74. </html>
  75. {% block scriptsJS %}
  76. {% endblock %}
  77. <script>
  78.     var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
  79.     var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
  80.         return new bootstrap.Tooltip(tooltipTriggerEl)
  81.     })
  82.     function callModalWarning(url, text) {
  83.         $('#modalAvertissement a').attr('href', url);
  84.         $('#modalAvertissement .modal-body p').html(text);
  85.     }
  86.     $('.btn-warning').click(function(){
  87.         btnId = event.target.id;
  88.         url = $('#'+btnId).attr('data-url');
  89.         text = $('#'+btnId).attr('data-text');
  90.         callModalWarning(url, text);
  91.     });
  92.     // MENU RACCOURCIS - AFFICHAGE RACCOURCI CLAVIER CTRL+M
  93.     $(document).keydown(function(event) {
  94.         var offCanvasMenuRaccourcis = document.getElementById('MenuRaccourcis');
  95.         var offcanvas = new bootstrap.Offcanvas(offCanvasMenuRaccourcis);
  96.         if (event.keyCode == 77 && event.ctrlKey) {
  97.             offcanvas.show();
  98.         }
  99.     });
  100.     $(document).ready(function() {
  101.         function scrollToIdElement(idElementTarget) {
  102.             $('html, body').animate({
  103.                     scrollTop: $(idElementTarget).offset().top
  104.                 }, 
  105.                 'fast',
  106.             );
  107.         }
  108.         $(".scrollButton").click(function() {
  109.             var idElementTarget = $(this).attr('targetElement');
  110.             // alert(idElementTarget);
  111.             scrollToIdElement('#'+idElementTarget);
  112.         });
  113.     });
  114.         
  115.         
  116. </script>