templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  6.     <title>{% block title %}Sistema Clínico{% endblock %}</title>
  8.     <!-- Bootstrap CSS -->
  9.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
  11.     <!-- Bootstrap Icons -->
  12.     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />
  14.     <!-- FullCalendar CSS -->
  15.     <link rel="stylesheet" href="{{ asset('assets/fullcalendar/lib/main.css') }}">
  17.     <!-- Estilos personalizados -->
  18.     <link rel="stylesheet" href="{{ asset('assets/css/app.css') }}" />
  20.     <!-- Select2 CSS -->
  21.     <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
  23.     {% block stylesheets %}{% endblock %}
  25. </head>
  26. <body>
  27.   <div class="container-fluid p-0">
  28.     {% include 'partials/_navbar.html.twig' %}
  30.     <div class="d-flex">
  31.       {% include 'partials/_sidebar.html.twig' %}
  33.       <main id="mainContent" class="flex-grow-1 p-4" style="">
  34.         {% block body %}{% endblock %}
  35.       </main>
  36.     </div>
  37.   </div>
  39.     <!-- jQuery ALWAYS FIRST -->
  40.     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  42.     <!-- Bootstrap JS -->
  43.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  45.     <!-- FullCalendar -->
  46.     <script src="{{ asset('assets/fullcalendar/lib/main.js') }}"></script>
  47.     <script src="{{ asset('assets/fullcalendar/lib/locales-all.js') }}"></script>
  49.     <!-- jQuery plugins -->
  50.     <script src="{{ asset('assets/node_modules/jquery/src/jquery.autocomplete.js') }}"></script>
  52.     <!-- Custom JS -->
  53.     <script src="{{ asset('assets/js/sidebar.js') }}"></script>
  55.     <!-- Select2 JS -->
  56.     <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
  58.     <script src="{{ asset('assets/js/demo_1/numeroaletras.js') }}"></script>
  59.     
  60.       <script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
  62.     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  64.     <!-- FIX GLOBAL data-dismiss (Bootstrap 4 → 5) -->
  65.     <script>
  66.       document.addEventListener('click', function (e) {
  67.           const btn = e.target.closest('[data-dismiss="modal"]');
  68.           if (!btn) return;
  70.           const modalEl = btn.closest('.modal');
  71.           if (!modalEl) return;
  73.           if (typeof bootstrap !== 'undefined') {
  74.               const modal = bootstrap.Modal.getInstance(modalEl) 
  75.                   || new bootstrap.Modal(modalEl);
  76.               modal.hide();
  77.           }
  78.       });
  80.       document.addEventListener('input', function (e) {
  81.         console.log("aqui");
  82.         if (e.target.matches('input[name$="[colorActivo]"]')) {
  84.             const colorActivo = e.target.value;
  85.             if (!colorActivo) return;
  87.             // Alpha en HEX (55 ≈ 33% transparente)
  88.             const colorInactivo = colorActivo + '55';
  90.             const form = e.target.closest('form');
  91.             if (!form) return;
  93.             const inputInactivo = form.querySelector('input[name$="[colorInactivo]"]');
  94.             if (!inputInactivo) return;
  96.             inputInactivo.value = colorInactivo;
  97.         }
  98.     });
  100.     </script>
  102.     {% block javascripts %}{% endblock %}
  103. </body>
  104. </html>