templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <title>{% block title %}Welcome!{% endblock %}</title>
  7.     <link rel="icon"
  8.           href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  9.     {% block stylesheets %}
  10.         <link rel="stylesheet"
  11.               href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  12.         <link rel="stylesheet" href="{{ asset('static/plugins/fontawesome-free/css/all.css') }}">
  13.         <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  14.         <!-- Theme style -->
  15.         <link rel="stylesheet" href="{{ asset('static/dist/css/adminlte.min.css') }}">
  16.         <!-- overlayScrollbars -->
  17.         <link rel="stylesheet" href="{{ asset('static/plugins/overlayScrollbars/css/OverlayScrollbars.min.css') }}">
  18.         <!-- Daterange picker -->
  19.         <link rel="icon"
  20.               href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  21.         {{ encore_entry_link_tags('app') }}
  22.         {% block css %}{% endblock %}
  23.     {% endblock %}
  24.     {% if app.environment == 'prod' %}
  25.         <!-- Google tag (gtag.js) -->
  26.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-DL1ZHTJ3YF"></script>
  27.         <script>
  28.             window.dataLayer = window.dataLayer || [];
  29.             function gtag(){dataLayer.push(arguments);}
  30.             gtag('js', new Date());
  31.             gtag('config', 'G-DL1ZHTJ3YF');
  32.         </script>
  33.     {% endif %}
  34. </head>
  35. <body class="{% block body_class %}hold-transition sidebar-mini layout-fixed{% endblock %}">
  36. {% block body %}
  37.     <div class="wrapper">
  38.         {% block preloader %}
  39.             <div class="preloader flex-column justify-content-center align-items-center">
  40.                 <img class="img-fluid animation__shake" src="{{ asset('static/img/Gamma-Logo.png') }}"
  41.                      alt="Gama de Amigos" height="300" width="150">
  42.             </div>
  43.         {% endblock %}
  44.         {% block navbar %}
  45.             <nav class="main-header navbar navbar-expand navbar-white navbar-light">
  46.                 {% block push_menu %}
  47.                     <ul class="navbar-nav">
  48.                         <li class="nav-item">
  49.                             <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i
  50.                                         class="fas fa-bars"></i></a>
  51.                         </li>
  52.                     </ul>
  53.                 {% endblock %}
  54.                 <ul class="navbar-nav ml-auto">
  55.                     <!-- Notifications Dropdown Menu -->
  56.                     <li class="nav-item dropdown">
  57.                         {{ render(controller(
  58.                             'App\\Controller\\IndexController::renderNotificationCount'
  59.                         )) }}
  60.                         <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  61.                             <img src="{{ asset('static/loading.gif') }}" class="img-fluid"
  62.                                  id="loading-notification-img">
  63.                             <input type="hidden" value="{{ path('app_notification_find_user') }}"
  64.                                    id="path-notification-by-user"
  65.                                    data-read="{{ path('app_notification_read', {id: -1}) }}">
  66.                             <div id="notification-container">
  67.                                 <span class="dropdown-item dropdown-header">No se han encontrado notificaciones</span>
  68.                                 <div class="dropdown-divider"></div>
  69.                                 <a href="#" class="dropdown-item">
  70.                                     <i class="fas fa-envelope mr-2"></i> 4 new messages
  71.                                     <span class="float-right text-muted text-sm">3 mins</span>
  72.                                 </a>
  73.                                 <div class="dropdown-divider"></div>
  74.                                 <a href="#" class="dropdown-item">
  75.                                     <i class="fas fa-users mr-2"></i> 8 friend requests
  76.                                     <span class="float-right text-muted text-sm">12 hours</span>
  77.                                 </a>
  78.                                 <div class="dropdown-divider"></div>
  79.                                 <a href="#" class="dropdown-item">
  80.                                     <i class="fas fa-file mr-2"></i> 3 new reports
  81.                                     <span class="float-right text-muted text-sm">2 days</span>
  82.                                 </a>
  83.                                 <div class="dropdown-divider"></div>
  84.                                 <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
  85.                             </div>
  86.                         </div>
  87.                     </li>
  88.                     <li class="nav-item dropdown user-menu">
  89.                         <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
  90.                             <img src="{{ asset('static/dist/img/user.jpg') }}" class="user-image img-circle elevation-2"
  91.                                  alt="{{ app.user.userIdentifier }}">
  92.                             <span class="d-none d-md-inline">{{ app.user.userIdentifier }}</span>
  93.                         </a>
  94.                         <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  95.                             <!-- User image -->
  96.                             <li class="user-header bg-default">
  97.                                 <img src="{{ asset('static/dist/img/user.jpg') }}" class="img-circle elevation-2"
  98.                                      alt="{{ app.user.userIdentifier }}">
  99.                                 <p>
  100.                                     {{ app.user.userIdentifier }} - <a
  101.                                             href="mailto:{{ app.user.email }}">{{ app.user.email }}</a>
  102.                                     <small>Última conexión: {{ app.user.lastConnection | date('Y-m-d H:i') }}</small>
  103.                                 </p>
  104.                             </li>
  105.                             <!-- Menu Footer-->
  106.                             <li class="user-footer">
  107.                                 <button data-toggle="modal" data-target="#modal-change-password"
  108.                                         class="btn btn-default btn-flat">Cambiar Contraseña
  109.                                 </button>
  110.                                 <a href="{{ path('app_logout') }}"
  111.                                    class="btn btn-default btn-flat float-right">Salir</a>
  112.                             </li>
  113.                         </ul>
  114.                     </li>
  115.                     <li class="nav-item">
  116.                         <a class="nav-link" data-widget="fullscreen" href="#" role="button">
  117.                             <i class="fas fa-expand-arrows-alt"></i>
  118.                         </a>
  119.                     </li>
  120.                 </ul>
  121.             </nav>
  122.         {% endblock %}
  123.         {% block sidebar %}
  124.             {{ render(controller(
  125.                 'App\\Controller\\IndexController::sidebar'
  126.             )) }}
  127.         {% endblock %}
  128.         {% block content_wrapper %}
  129.             <div class="content-wrapper">
  130.                 {% block content_header %}
  131.                     <div class="content-header">
  132.                         {% for label, messages in app.flashes %}
  133.                             {% for message in messages %}
  134.                                 {% set class = 'alert-success' %}
  135.                                 {% set title = 'Correcto' %}
  136.                                 {% set icon = 'fa-check' %}
  137.                                 {% if label == 'error' %}
  138.                                     {% set class = 'alert-danger' %}
  139.                                     {% set title = 'Error' %}
  140.                                     {% set icon = 'fa-ban' %}
  141.                                 {% elseif label == 'warning' %}
  142.                                     {% set class = 'alert-warning' %}
  143.                                     {% set title = 'Atención' %}
  144.                                     {% set icon = 'fa-exclamation-triangle' %}
  145.                                 {% endif %}
  146.                                 <div class="alert {{ class }} alert-dismissible">
  147.                                     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
  148.                                         &times;
  149.                                     </button>
  150.                                     <h5><i class="icon fas {{ icon }}"></i> {{ title }}</h5>
  151.                                     {{ message }}
  152.                                 </div>
  153.                             {% endfor %}
  154.                         {% endfor %}
  155.                     </div>
  156.                 {% endblock %}
  157.                 <section class="content">
  158.                     <div class="container-fluid">
  159.                         {% block content %}{% endblock %}
  160.                     </div>
  161.                 </section>
  162.             </div>
  163.             <div class="modal fade" id="modal-change-password" tabindex="-1" role="dialog"
  164.                  aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  165.                 <div class="modal-dialog" role="document">
  166.                     <div class="modal-content">
  167.                         <div class="modal-header">
  168.                             <h5 class="modal-title" id="exampleModalLabel">Cambiar Contraseña</h5>
  169.                         </div>
  170.                         <div class="modal-body">
  171.                             <div class="row">
  172.                                 <div class="col-12">
  173.                                     <div class="form-group">
  174.                                         <label>Nueva Contraseña</label>
  175.                                         <input type="password" id="new-password" class="form-control">
  176.                                     </div>
  177.                                     <div class="form-group">
  178.                                         <label>Repita la contraseña</label>
  179.                                         <input type="password" id="repeat-password" class="form-control">
  180.                                         <span class="error-password">Las contraseñas no coinciden</span>
  181.                                     </div>
  182.                                 </div>
  183.                             </div>
  184.                             <div class="row">
  185.                                 <div class="col-12">
  186.                                     <div class="form-check mb-sm-0 d-flex justify-content-end">
  187.                                         <label class="form-check-label">
  188.                                             <input class="form-check-input" type="checkbox" id="show-hide-password">Mostrar
  189.                                             contraseña
  190.                                         </label>
  191.                                     </div>
  192.                                 </div>
  193.                             </div>
  194.                         </div>
  195.                         <div class="modal-footer">
  196.                             <button type="button" class="btn btn-secondary btn-cancel-change-password"
  197.                                     data-dismiss="modal">Cancelar
  198.                             </button>
  199.                             <button type="button" class="btn btn-primary btn-change-password"
  200.                                     data-path="{{ path('app_user_change_password') }}">Cambiar Contraseña
  201.                             </button>
  202.                         </div>
  203.                     </div>
  204.                 </div>
  205.             </div>
  206.         {% endblock %}
  207.         {% block footer %}
  208.             <footer class="main-footer">
  209.                 <strong>Copyright &copy; {{ 'now' | date('Y') }} <a href="https://www.iguala.gob.mx/" target="_blank">Iguala
  210.                         de La
  211.                         Independencia</a>.</strong>
  212.                 Todos los derechos reservados.
  213.                 <div class="float-right d-none d-sm-inline-block">
  214.                     <b>Version</b> 1.0.0
  215.                 </div>
  216.             </footer>
  217.         {% endblock %}
  218.         <aside class="control-sidebar control-sidebar-dark">
  219.             <!-- Control sidebar content goes here -->
  220.         </aside>
  221.     </div>
  222. {% endblock %}
  223. {% block body_js %}
  224.     <script src="{{ asset('static/plugins/jquery/jquery.min.js') }}"></script>
  225.     <!-- jQuery UI 1.11.4 -->
  226.     <script src="{{ asset('static/plugins/jquery-ui/jquery-ui.min.js') }}"></script>
  227.     <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
  228.     <script>
  229.         $.widget.bridge('uibutton', $.ui.button)
  230.     </script>
  231.     <!-- Bootstrap 4 -->
  232.     <script src="{{ asset('static/plugins/bootstrap/js/bootstrap.min.js') }}"></script>
  233.     <!-- Sparkline -->
  234.     <script src="{{ asset('static/plugins/sparklines/sparkline.js') }}"></script>
  235.     <!-- jQuery Knob Chart -->
  236.     <script src="{{ asset('static/plugins/jquery-knob/jquery.knob.min.js') }}"></script>
  237.     <!-- daterangepicker -->
  238.     <script src="{{ asset('static/plugins/overlayScrollbars/js/OverlayScrollbars.min.js') }}"></script>
  239.     <script src="{{ asset('static/dist/js/adminlte.min.js') }}"></script>
  240.     {{ encore_entry_script_tags('app') }}
  241.     {% block js %}{% endblock %}
  242. {% endblock %}
  243. </body>
  244. </html>