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 rel="icon" type="image/x-icon" href="{{ asset('img/sistema/favicon.ico') }}">
  8.     <!-- Google Font: Source Sans Pro -->
  9.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  10.     <!-- Font Awesome -->
  11.     <link rel="stylesheet" href="{{ asset('plugins/fontawesome-free/css/all.min.css') }}">
  12.     <!-- Theme style -->
  13.     <link rel="stylesheet" href="{{ asset('css/adminlte.min.css') }}">
  14.     {% block stylesheets %}
  15.     {% endblock %}
  16. </head>
  17. <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-7EVJ0XBQ4Y"></script> <script>   window.dataLayer = window.dataLayer || [];   function gtag(){dataLayer.push(arguments);}   gtag('js', new Date());   gtag('config', 'G-7EVJ0XBQ4Y'); </script>
  18. <body class="hold-transition sidebar-mini">
  19. <!-- Site wrapper -->
  20. <div class="wrapper">
  21.     <!-- Navbar -->
  22.     <nav class="main-header navbar navbar-expand navbar-white navbar-light" style="background-color: #01746d">
  23.         <!-- Left navbar links -->
  24.         <ul class="navbar-nav">
  25.             <li class="nav-item">
  26.                 <a class="nav-link d-lg-none" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
  27.             </li>
  28.         </ul>
  30.         <!-- Right navbar links -->
  31.         <ul class="navbar-nav ml-auto">
  32.             <li class="nav-item">
  33.                 <a class="nav-link" data-widget="fullscreen" href="#" role="button">
  34.                     <i class="fas fa-expand-arrows-alt"></i>
  35.                 </a>
  36.             </li>
  37.             {% if app.session.get('periodo').nombre is defined %}
  38.             <li class="nav-item p-0">
  39.                 <span class="nav-link pl-0 pr-0">
  40.                     {{ app.session.get('periodo').nombre }}
  41.                 </span>
  42.             </li>
  43.             {% endif %}
  44.             <li class="nav-item dropdown user user-menu">
  45.                 <a href="#" class="nav-link" data-toggle="dropdown">
  46.                     <img src="{{ asset('img/sistema/user-generic.png') }}" class="user-image" alt="User Image">
  47.                     <span class="hidden-xs">{{ app.user.nombre }} {{ app.user.papellido }}</span>
  48.                 </a>
  49.                 <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  50.                     <div class="user-header text-center">
  51.                         <img src="{{ asset('img/sistema/user-generic.png') }}" class="img-circle img-size-64 pt-2" alt="User Image">
  52.                         <p class="p-4">
  53.                             {{ app.user.nombre }} {{ app.user.papellido }}
  54.                             <br>
  55.                             <small>{{ app.user.unidad }}</small>
  56.                             <br>
  57.                             <small>{{ app.user.rol }}</small>
  58.                         </p>
  59.                     </div>
  60.                     <div class="dropdown-divider"></div>
  61.                     <a href="#" class="dropdown-item dropdown-footer">Configuraciones</a>
  62.                     <a href="{{ path('app_logout') }}" class="dropdown-item dropdown-footer">Cerrar sesión</a>
  63.                 </div>
  64.             </li>
  65.         </ul>
  66.     </nav>
  67.     <!-- /.navbar -->
  69.     <!-- Main Sidebar Container -->
  70.     <aside class="main-sidebar elevation-2 sidebar-light-teal">
  71.         <!-- Brand Logo -->
  72.         <a href="{{ path('homepage') }}" class="brand-link text-center">
  73.             <img src="{{ asset('img/sistema/logo.png') }}" alt="SIGMEC" class="brand-image elevation-2" style="opacity: .8; float: none">
  74.         </a>
  76.         <!-- Sidebar -->
  77.         <div class="sidebar">
  78.             <!-- Sidebar user (optional) -->
  79.             <div class="user-panel mb-1 d-flex">
  80.                 <div class="info w-100">
  81.                     <p class="text-center mb-0" style="font-size: 14px">
  82.                         {{ app.user.nombre }} {{ app.user.papellido }}<br>
  83.                         {{ app.user.unidad}} <br>
  84.                         {{ app.user.rol }}
  85.                     </p>
  86.                 </div>
  87.             </div>
  89.             <!-- Sidebar Menu -->
  90.             {% include 'menu.html.twig' %}
  91.             <!-- /.sidebar-menu -->
  92.         </div>
  93.         <!-- /.sidebar -->
  94.     </aside>
  96.     <!-- Message alert -->
  97.     <div id="content-message" style="position: fixed; top: 0; left: 0; width: 100%; z-index: 5000;" class="modal">
  98.         <div class="row">
  99.             <div class="col-lg-5 col-md-12 ml-auto">
  100.                 <div class="alert alert-dismissible" style="margin: 20px">
  101.                     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
  102.                     <h5><i class="icon"></i> <span class="title-alert"></span></h5>
  103.                     <p><span class="body-alert"></span></p>
  104.                 </div>
  105.             </div>
  106.         </div>
  107.     </div>
  109.     <!-- Content Wrapper. Contains page content -->
  111.     {% block body %}{% endblock %}
  113.     <!-- /.content-wrapper -->
  115.     <footer class="main-footer">
  116.         <div class="float-right d-none d-sm-block">
  117.             <b>Version</b> {{ app.request.server.get('VERSION') }}
  118.         </div>
  119.         <strong>CONALEP Estado de México &copy; {{ "now"|date('Y') }}</strong> Derechos reservados
  120.     </footer>
  122.     <!-- Control Sidebar -->
  123.     <aside class="control-sidebar control-sidebar-dark">
  124.         <!-- Control sidebar content goes here -->
  125.     </aside>
  126.     <!-- /.control-sidebar -->
  127. </div>
  128. <!-- ./wrapper -->
  130. <!-- jQuery -->
  131. <script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
  132. <!-- Bootstrap 4 -->
  133. <script src="{{ asset('plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  134. <!-- AdminLTE App -->
  135. <script src="{{ asset('js/adminlte.min.js') }}"></script>
  136. <script>
  137.     $(function(){
  138.         $('#content-message').css("display", "none");
  139.     });
  141.     function alertMessage(type, body){
  142.         let mensaje = $('#content-message');
  144.         mensaje.find('.body-alert').text(body);
  145.         if (type === 0){
  146.             mensaje.find('.alert').addClass('alert-success');
  147.             mensaje.find('.icon').addClass('icon fas fa-check');
  148.             mensaje.find('.title-alert').text('¡Éxito!');
  149.         } else {
  150.             mensaje.find('.alert').addClass('alert-danger');
  151.             mensaje.find('.icon').addClass('fa fa-ban');
  152.             mensaje.find('.title-alert').text('¡Error!');
  153.         }
  155.         mensaje.css("display", "block");
  156.         setTimeout(function(){ mensaje.fadeOut(); }, 5000);
  157.     }
  158. </script>
  159. {% block javascripts %}
  160. {% endblock %}
  161. </body>
  162. </html>