templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.         <link rel="icon" href="{{ asset('/images/logo_mdv_2022.webp') }}">
  7.         <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('images/template-img/apple-icon.png') }}">
  10.             <link rel="preconnect" href="https://fonts.googleapis.com">
  11.             <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  12.             <!-- Fonts and icons -->
  13.             <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
  14.             <link href="https://fonts.googleapis.com/css2?family=Numans&display=swap" rel="stylesheet">
  15.             <!-- Nucleo Icons -->
  16.             <link href="{{ asset('css/nucleo-icons.css') }}" rel="stylesheet" />
  17.             <!-- Font Awesome Icons -->
  18.             <script src="https://kit.fontawesome.com/d50175b8a9.js" crossorigin="anonymous" type="text/javascript"></script>
  19.             <!-- CSS -->
  20.         <link href="{{ asset('bundles/paiement/paiement.css') }}" rel="stylesheet" type="text/css">
  21.             <link href="{{ asset('css/lib/bootstrap.min.css') }}" rel="stylesheet" type="text/css">
  22.             <link href="{{ asset('css/lib/bootstrap-material-datetimepicker.css') }}" rel="stylesheet" type="text/css">
  23.             <link href="{{ asset('icone/material_icon/material-icons.css') }}" rel="stylesheet" type="text/css">
  24.             <link href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.0/dist/semantic.min.css" rel="stylesheet" type="text/css">
  25.             <link href="{{ asset('css/lib/select2.min.css') }}" rel="stylesheet" type="text/css">
  26.             <link href="{{ asset('css/lib/datatable.min.css') }}" rel="stylesheet" type="text/css">
  27.             <link href="{{ asset('css/lib/dataTable.responsive.bootstrap.min.css') }}" rel="stylesheet" type="text/css">
  28.             <link href="{{ asset('css/nucleo-icons.css') }}" rel="stylesheet" type="text/css">
  29.             <link href="{{ asset('css/template.min.css') }}" rel="stylesheet" type="text/css">
  30.             <link href="{{ asset('css/global.css') }}" rel="stylesheet" type="text/css">
  31.         <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet">
  33.         {% block stylesheets %}
  35.         {% endblock %}
  39.         <title>{% block title %}Les motards du viaduc !{% endblock %}</title>
  40.     </head>
  41.     <body class="g-sidenav-show bg-gray-100">
  42.         {% block body %}
  44.             <header class="sidenav navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-start ms-3 " id="sidenav-main">
  45.                 {% block header %}{% endblock %}
  46.             </header>
  48.             <main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg">
  49.                 {% block main %}{% endblock %}
  50.             </main>
  52.             <footer>
  53.                 {% block footer %}{% endblock %}
  54.             </footer>
  56.         {% endblock %}
  58.         <script src="{{ asset('js/lib/moment.js') }}" type="text/javascript"></script>
  59.         <script src="{{ asset('js/lib/locale_fr.min.js') }}" type="text/javascript"></script>
  60.         <script src="{{ asset('js/lib/jquery.min.js') }}" type="text/javascript"></script>
  61.         <script src="{{ asset('js/lib/jquery-widget.min.js') }}" type="text/javascript"></script>
  62.         <script src="{{ asset('js/lib/jquery.mask.min.js') }}" type="text/javascript"></script>
  63.         <script src="{{ asset('js/lib/bootstrap.min.js') }}" type="text/javascript"></script>
  64.         <script src="{{ asset('js/lib/bootstrap-material-datetimepicker.js') }}" type="text/javascript"></script>
  65.         <script src="{{ asset('js/lib/semantic.min.js') }}" type="text/javascript"></script>
  67.             <script src="{{ asset('js/lib/select2.full.min.js') }}" type="text/javascript"></script>
  68.             <script src="{{ asset('js/lib/datatable.min.js') }}" type="text/javascript"></script>
  69.             <script src="{{ asset('js/lib/dataTables.responsive.min.js') }}" type="text/javascript"></script>
  70.             <script src="{{ asset('js/core/popper.min.js') }}" type="text/javascript"></script>
  71.             <script src="{{ asset('js/plugins/perfect-scrollbar.min.js') }}" type="text/javascript"></script>
  72.             <script src="{{ asset('js/plugins/smooth-scrollbar.min.js') }}" type="text/javascript"></script>
  73.             <script src="{{ asset('js/plugins/chartjs.min.js') }}" type="text/javascript"></script>
  74.             <script src="{{ asset('js/plugins/chartjs-plugin-datalabels.min.js') }}" type="text/javascript"></script>
  75.             <script async defer src="{{ asset('js/plugins/button-github.min.js') }}"></script>
  76.             <script src="{{ asset('js/template.min.js') }}" type="text/javascript"></script>
  77.             <script src="{{ asset('js/global.js') }}" type="text/javascript"></script>
  79.         <script src="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.js"></script>
  81.         <script>
  82.             (function () {
  83.                 function initQuillEditors(scope) {
  84.                     const editors = (scope || document).querySelectorAll('[data-quill-editor="1"]');
  85.                     editors.forEach((editorEl) => {
  86.                         if (editorEl.__quill) return;
  88.                         const theme = editorEl.getAttribute('data-quill-theme') || 'snow';
  89.                         const toolbar = JSON.parse(editorEl.getAttribute('data-quill-toolbar') || '[]');
  90.                         const minHeight = parseInt(editorEl.getAttribute('data-quill-min-height') || '200', 10);
  91.                         editorEl.style.minHeight = minHeight + 'px';
  93.                         // textarea caché = élément précédent (comme dans le thème)
  94.                         const textarea = editorEl.previousElementSibling;
  95.                         if (!textarea || textarea.tagName.toLowerCase() !== 'textarea') return;
  97.                         const quill = new Quill(editorEl, {
  98.                             theme,
  99.                             modules: {
  100.                                 toolbar: toolbar
  101.                             }
  102.                         });
  104.                         editorEl.__quill = quill;
  106.                         // synchro au fil de l’eau
  107.                         const sync = () => {
  108.                             const html = quill.root.innerHTML;
  110.                             // Optionnel : si vide Quill => champ vide (évite <p><br></p>)
  111.                             textarea.value = (html === '<p><br></p>') ? '' : html;
  112.                         };
  114.                         quill.on('text-change', sync);
  115.                         sync();
  117.                         // synchro à la soumission (au cas où)
  118.                         const form = editorEl.closest('form');
  119.                         if (form && !form.__quillBound) {
  120.                             form.addEventListener('submit', () => {
  121.                                 form.querySelectorAll('[data-quill-editor="1"]').forEach(el => {
  122.                                     if (el.__quill) {
  123.                                         const ta = el.previousElementSibling;
  124.                                         const h = el.__quill.root.innerHTML;
  125.                                         ta.value = (h === '<p><br></p>') ? '' : h;
  126.                                     }
  127.                                 });
  128.                             });
  129.                             form.__quillBound = true;
  130.                         }
  131.                     });
  132.                 }
  134.                 document.addEventListener('DOMContentLoaded', () => initQuillEditors(document));
  135.             })();
  136.         </script>
  139.         {% block javascripts %}
  140.         {% endblock %}
  141.     </body>
  142. </html>