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>SIGMEC{% block title %}{% endblock %}</title>
  7.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  9.     <link rel="icon" type="image/x-icon" href="{{ asset('img/sistema/favicon.ico') }}">
  11.     <!-- Google Font: Source Sans Pro -->
  12.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  14.     <!-- Font Awesome -->
  15.     <link rel="stylesheet" href="{{ asset('plugins/fontawesome-free/css/all.min.css') }}">
  17.     <!-- Theme style -->
  18.     <link rel="stylesheet" href="{{ asset('css/adminlte.min.css') }}">
  20.     {% block stylesheets %}{% endblock %}
  22.     {% if app.request.query.get('embedded') == '1' %}
  23.     <style>
  24.         /* ðŸ”¹ Estilos para modo embebido */
  25.         body {
  26.             background-color: #f8f9fa;
  27.         }
  29.         .main-header,
  30.         .main-sidebar,
  31.         .main-footer {
  32.             display: none !important;
  33.         }
  35.         .content-wrapper {
  36.             margin-left: 0 !important; /* evita desplazamiento lateral por sidebar oculto */
  37.             padding: 15px 25px;
  38.             background: white;
  39.             box-shadow: none; 
  40.         }
  42.         .wrapper {
  43.             background-color: #fff;
  44.         }
  45.     </style>
  46.     {% endif %}
  48. <!-- Google tag (gtag.js) -->
  49. <script async src="https://www.googletagmanager.com/gtag/js?id=G-7EVJ0XBQ4Y"></script>
  50. <script>
  51.   window.dataLayer = window.dataLayer || [];
  52.   function gtag(){dataLayer.push(arguments);}
  53.   gtag('js', new Date());
  54.   gtag('config', 'G-7EVJ0XBQ4Y');
  55. </script>
  57. <body class="hold-transition sidebar-mini">
  58. <div class="wrapper">
  60.     {# ðŸ”¹ Mostrar Navbar solo si NO está en modo embebido #}
  61.     {% if app.request.query.get('embedded') != '1' %}
  62.     <!-- Navbar -->
  63.     <nav class="main-header navbar navbar-expand navbar-white navbar-light" style="background-color: #01746d">
  64.         <!-- Left navbar links -->
  65.         <ul class="navbar-nav">
  66.             <li class="nav-item">
  67.                 <a class="nav-link d-lg-none" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
  68.             </li>
  69.         </ul>
  71.         <!-- Right navbar links -->
  72.         <ul class="navbar-nav ml-auto">
  73.             <li class="nav-item">
  74.                 <a class="nav-link" data-widget="fullscreen" href="#" role="button">
  75.                     <i class="fas fa-expand-arrows-alt"></i>
  76.                 </a>
  77.             </li>
  78.             {% if app.session.get('periodo').nombre is defined %}
  79.             <li class="nav-item p-0">
  80.                 <span class="nav-link pl-0 pr-0">
  81.                     {{ app.session.get('periodo').nombre }}
  82.                 </span>
  83.             </li>
  84.             {% endif %}
  85.             <li class="nav-item dropdown user user-menu">
  86.                 <a href="#" class="nav-link" data-toggle="dropdown">
  87.                     <img src="{{ asset('img/sistema/user-generic.png') }}" class="user-image" alt="User Image">
  88.                     <span class="hidden-xs">{{ app.user.nombre }} {{ app.user.papellido }}</span>
  89.                 </a>
  90.                 <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  91.                     <div class="user-header text-center">
  92.                         <img src="{{ asset('img/sistema/user-generic.png') }}" class="img-circle img-size-64 pt-2" alt="User Image">
  93.                         <p class="p-4">
  94.                             {{ app.user.nombre }} {{ app.user.papellido }}
  95.                             <br>
  96.                             <small>{{ app.user.unidad }}</small>
  97.                             <br>
  98.                             <small>{{ app.user.rol }}</small>
  99.                         </p>
  100.                     </div>
  101.                     <div class="dropdown-divider"></div>
  102.                     <a href="#" class="dropdown-item dropdown-footer">Configuraciones</a>
  103.                     <a href="{{ path('app_logout') }}" class="dropdown-item dropdown-footer">Cerrar sesión</a>
  104.                 </div>
  105.             </li>
  106.         </ul>
  107.     </nav>
  109.     <!-- Sidebar -->
  110.     <aside class="main-sidebar elevation-2 sidebar-light-teal">
  111.         <!-- Brand Logo -->
  112.         <a href="{{ path('homepage') }}" class="brand-link text-center">
  113.             <img src="{{ asset('img/sistema/logo.png') }}" alt="SIGMEC" class="brand-image elevation-2" style="opacity: .8; float: none">
  114.         </a>
  116.         <!-- Sidebar -->
  117.         <div class="sidebar">
  118.             <div class="user-panel mb-1 d-flex">
  119.                 <div class="info w-100">
  120.                     <p class="text-center mb-0" style="font-size: 14px">
  121.                         {{ app.user.nombre }} {{ app.user.papellido }}<br>
  122.                         {{ app.user.unidad}} <br>
  123.                         {{ app.user.rol }}
  124.                     </p>
  125.                 </div>
  126.             </div>
  127.             {% include 'menu.html.twig' %}
  128.         </div>
  129.     </aside>
  130.     {% endif %}
  131.     <!-- Message alert -->
  132.     <div id="content-message" style="position: fixed; top: 0; left: 0; width: 100%; z-index: 5000;" class="modal">
  133.         <div class="row">
  134.             <div class="col-lg-5 col-md-12 ml-auto">
  135.                 <div class="alert alert-dismissible" style="margin: 20px">
  136.                     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
  137.                     <h5><i class="icon"></i> <span class="title-alert"></span></h5>
  138.                     <p><span class="body-alert"></span></p>
  139.                 </div>
  140.             </div>
  141.         </div>
  142.     </div>
  144.     <!-- Main Content -->
  145.     {% block body %}{% endblock %}
  147.     {% if app.request.query.get('embedded') != '1' %}
  148.     <!-- Footer -->
  149.     <footer class="main-footer">
  150.         <div class="float-right d-none d-sm-block">
  151.             <b>Version</b> {{ app.request.server.get('VERSION') }}
  152.         </div>
  153.         <strong>CONALEP Estado de México &copy; {{ "now"|date('Y') }}</strong> Derechos reservados
  154.     </footer>
  155.     {% endif %}
  156. </div>
  158. <!-- Scripts -->
  159. <script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
  160. <script src="{{ asset('plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  161. <script src="{{ asset('js/adminlte.min.js') }}"></script>
  162. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  165. <script>
  166.     $(function(){
  167.         $('#content-message').css("display", "none");
  168.     });
  170.     function alertMessage(type, body){
  171.         let mensaje = $('#content-message');
  172.         mensaje.find('.body-alert').text(body);
  173.         if (type === 0){
  174.             mensaje.find('.alert').addClass('alert-success');
  175.             mensaje.find('.icon').addClass('icon fas fa-check');
  176.             mensaje.find('.title-alert').text('¡Éxito!');
  177.         } else {
  178.             mensaje.find('.alert').addClass('alert-danger');
  179.             mensaje.find('.icon').addClass('fa fa-ban');
  180.             mensaje.find('.title-alert').text('¡Error!');
  181.         }
  182.         mensaje.css("display", "block");
  183.         setTimeout(function(){ mensaje.fadeOut(); }, 5000);
  184.     }
  186.     function closeModal(id){
  187.         $(`#${id}`).removeClass('show');
  188.         $(`#${id}`).fadeOut();
  189.         $('body').removeClass('modal-open');
  190.         $('.modal-backdrop').remove();
  191.     }
  192. </script>
  194. {% block javascripts %}{% endblock %}
  195. </body>
  196. </html>