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