templates/base_admin.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en" data-bs-theme="auto">
  3.     <head>
  4.         <!--script src="../assets/js/color-modes.js"></script-->
  5.         <!-- todo: no encontrado -->
  7.         <link rel="canonical" href="https://getbootstrap.com/docs/5.3/examples/cheatsheet/">
  8.         <!-- todo: es necesario -->
  10.         <script src="https://kit.fontawesome.com/db3c9f6c50.js" crossorigin="anonymous"></script>
  11.         <!-- todo: se puede descargar? -->
  13.         <!--link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet"-->
  14.         <link href="{{ asset('styles/bootstrap.min.css') }}" rel="stylesheet">
  16.         <style>
  17.             .bd-placeholder-img {
  18.                 font-size: 1.125rem;
  19.                 text-anchor: middle;
  20.                 -webkit-user-select: none;
  21.                 -moz-user-select: none;
  22.                 user-select: none;
  23.             }
  25.             @media (min-width: 768px) {
  26.                 .bd-placeholder-img-lg {
  27.                 font-size: 3.5rem;
  28.                 }
  29.             }
  31.             .b-example-divider {
  32.                 width: 100%;
  33.                 height: 3rem;
  34.                 background-color: rgba(0, 0, 0, .1);
  35.                 border: solid rgba(0, 0, 0, .15);
  36.                 border-width: 1px 0;
  37.                 box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  38.             }
  40.             .b-example-vr {
  41.                 flex-shrink: 0;
  42.                 width: 1.5rem;
  43.                 height: 100vh;
  44.             }
  46.             .bi {
  47.                 vertical-align: -.125em;
  48.                 fill: currentColor;
  49.             }
  51.             .nav-scroller {
  52.                 position: relative;
  53.                 z-index: 2;
  54.                 height: 2.75rem;
  55.                 overflow-y: hidden;
  56.             }
  58.             .nav-scroller .nav {
  59.                 display: flex;
  60.                 flex-wrap: nowrap;
  61.                 padding-bottom: 1rem;
  62.                 margin-top: -1px;
  63.                 overflow-x: auto;
  64.                 text-align: center;
  65.                 white-space: nowrap;
  66.                 -webkit-overflow-scrolling: touch;
  67.             }
  69.             .btn-bd-primary {
  70.                 --bd-violet-bg: #712cf9;
  71.                 --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
  73.                 --bs-btn-font-weight: 600;
  74.                 --bs-btn-color: var(--bs-white);
  75.                 --bs-btn-bg: var(--bd-violet-bg);
  76.                 --bs-btn-border-color: var(--bd-violet-bg);
  77.                 --bs-btn-hover-color: var(--bs-white);
  78.                 --bs-btn-hover-bg: #6528e0;
  79.                 --bs-btn-hover-border-color: #6528e0;
  80.                 --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  81.                 --bs-btn-active-color: var(--bs-btn-hover-color);
  82.                 --bs-btn-active-bg: #5a23c8;
  83.                 --bs-btn-active-border-color: #5a23c8;
  84.             }
  85.             .bd-mode-toggle {
  86.                 z-index: 1500;
  87.             }
  89.         </style>
  92.         <!-- Custom styles for this template -->
  93.         <!--link href="cheatsheet.css" rel="stylesheet"-->
  94.         <link href="{{ asset('styles/cheatsheet.css') }}" rel="stylesheet">
  96.         {% block stylesheets %}
  97.             {{ encore_entry_link_tags('app') }}
  98.         {% endblock %}
  100.         {% block javascripts %}
  101.             {{ encore_entry_script_tags('app') }}
  102.         {% endblock %}
  104.         <!-- Google tag (gtag.js) -->
  105.         <!--script async src="https://www.googletagmanager.com/gtag/js?id=G-CJVF4VC35G"></script>
  106.         <script>
  107.             window.dataLayer = window.dataLayer || [];
  108.             function gtag(){dataLayer.push(arguments);}
  109.             gtag('js', new Date());
  110.             gtag('config', 'G-CJVF4VC35G');
  111.         </script-->
  113.     </head>
  114.     <body class="bg-body-tertiary">
  115.       <!-- n1: Titulo -->
  116.       <div class="container-fluid cabecera">
  117.             <div class="container" >
  118.                 <div id="logo">
  119.                     <div id="lineas">
  120.                         <div id="azul"></div>
  121.                         <div id="rojo"></div>
  122.                     </div>
  123.                     <span>Registro Nacional de Puntos de Cultura Comunitaria</span>
  124.                 </div>
  125.             </div>
  126.       </div>
  128.       <!-- n1: containers -->
  129.       <div class="container-fluid">
  131.         <!-- n2: User -->
  132.         <div class="container ">
  133.             <div class="row">
  134.                 <div class="col datos">
  135.                     {% if is_granted('ROLE_USER') %}
  136.                         <div style="float: left; padding: 10px 0; width:100%" id="info-usuario">
  137.                             <span style="font-size: 20px; line-height: 10px; float:left;padding-top:15px;">
  138.                                 <strong>Administración</strong>
  139.                             </span>
  140.                             <span style="font-size: 13px; line-height: 10px; float:right;">
  141.                                 <div>
  142.                                     <p class="text-end">
  143.                                         <strong>Email :</strong> {{app.user.email }}
  144.                                     </p>
  145.                                     {% if app.user.isSuperAdmin %}
  146.                                         <p class="text-end">
  147.                                             <strong>Regiones :</strong> Todas
  148.                                         </p>
  149.                                     {% else %}
  150.                                         <p class="text-end">
  151.                                             <strong>Regiones :</strong> {{app.user.regionesLabel }}
  152.                                         </p>
  153.                                     {% endif %}
  154.                                     <br/>
  155.                                 </div>
  156.                                 <div style="float:right;">
  157.                                     <a class="btn btn-danger" style="padding: 10" href="{{ path('admin_logout') }}">Cerrar Sesión</a>
  158.                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  159.                                 <!--button style="float: right; padding: 10" class="btn btn-danger" type="button" onclick="location.href = '{{ path('admin_logout') }}';">Cerrar sesión</button>
  160.                                 <br-->
  161.                                 </div>
  162.                             </span>
  163.                         </div>
  164.                     {% endif %}
  166.                 </div>
  167.             </div>
  168.         </div>
  172.         <!-- n2: Content Principal -->
  173.         <div class="container">
  174.           {% for type, messages in app.flashes %}
  175.                     {% for message in messages %}
  176.                         <div class="alert alert-{{type}} alert-dismissible fade show" role="alert">
  177.                           <strong>
  178.                                 {{type
  179.                                     |replace(
  180.                                         {
  181.                                             'warning': '',
  182.                                             'success': '',
  183.                                             'danger': ''
  184.                                         }
  185.                                         )
  186.                                     | raw
  187.                                 }}
  188.                             </strong>
  189.                             {{ message | raw }}
  190.                           <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  191.                         </div>
  193.                     {% endfor %}
  194.                 {% endfor %}
  196.           {% block body_all %}
  197.             <div class="row">
  198.               <div class="col-9">
  200.                 {% block body_c9 %}{% endblock %}
  201.                   <hr class="mt-4 mb-4">
  202.               </div>
  204.               <!-- n2.2: Botonera Derecha -->
  205.               <div class="col-3">
  206.                 {% block body_c3 %}
  207.                 {% endblock %}
  208.               </div>
  209.             </div>
  210.           {% endblock %}
  212.         </div>
  214.         <!-- n2: Footer -->
  215.         <div id="footer">
  216.           <div class="container">
  217.           <a href="https://www.cultura.gob.cl/" target="_blank"><img id="logo-footer" src="{{ asset('img/mincap.png') }}" alt=""></a>
  218.           <p><strong><a href="https://www.cultura.gob.cl/" target="_blank">Ministerio de las Culturas, las Artes y el Patrimonio</a></strong><br>
  219.             <a href="https://www.gob.cl/" target="_blank">Gobierno de Chile</a><br>
  220.             Valparaíso: Plaza Sotomayor 233.<br>
  221.             Santiago: Paseo Ahumada 48, pisos 4, 5, 6, 7,8 y 11.<br>
  222.             Contáctanos: <a href="https://siac.cultura.gob.cl/formulariosiac" target="_blank">Formulario de atención ciudadana</a><br>
  223.             <a href="https://www.cultura.gob.cl/politica-de-privacidad/" target="_blank">Política de Privacidad </a>
  224.           </p>
  225.         </div>
  226.       </div>
  229.         <!-- MODAL SPINNER INICIO-->
  230.         <a class="btn btn-primary" id="btn_spinner" data-toggle="modal" data-target="#modalFormSpinner" style="display:none">activar spinner</a>
  231.         <hr>
  232.         <div id="modalFormSpinner" class="modal" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
  233.             <div class="modal-dialog modal-sm" role="document" >
  234.                 <div class="modal-content" style="width: 150px;text-align:center;">
  235.                     <div class="modal-header" style="display:none">
  236.                         <button id="btn-close-spinner" type="button" class="close" data-dismiss="modal">&times;</button>
  237.                         <h4 class="modal-title"></h4>
  238.                     </div>
  239.                     <div class="modal-body" id="contenedorModalSpinner" >
  240.                         <div class="loader" ></div>
  241.                         <br>
  242.                         <div>Procesando...</div>
  243.                         <br>
  244.                     </div>
  245.                 </div>
  246.             </div>
  247.         </div>
  248.         <!-- MODAL SPINNER FIN-->
  251.       <!--script src="../assets/dist/js/bootstrap.bundle.min.js"></script-->
  252.       <script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
  254.       <!--script src="cheatsheet.js"></script-->
  255.       <!-- esta generando problemas con submit -->
  256.       <script src="{{ asset('js/cheatsheet.js') }}"></script>
  258.       <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
  261.       {% block javascript_end_body %}{% endblock %}
  263.       <script type="text/javascript">
  264.             const   modalInProccess = async function(modo="activar",divs) {
  265.                 if (modo=="activar"){
  266.                     if (divs!=""){
  267.                         await $('#'+divs).hide();
  268.                     }
  269.                     await $('#btn_spinner').click();
  271.                     console.log('in proccess activado');
  272.                 }
  273.                 if (modo=="desactivar"){
  274.                     await  $('#btn-close-spinner').click();
  275.                     if (divs!=""){
  276.                         await $('#'+divs).show();
  277.                     }
  279.                     console.log('in proccess desactivado');
  280.                 }
  281.                 return true;
  282.             }
  284.             function mostrarAlerta(titulo, mensaje){
  285.                 $('#modal-alerta .modal-title').html(titulo);
  286.                 $('#modal-alerta .modal-body').html(mensaje);
  287.                 $('#modal-alerta').modal('show');
  288.             }
  290.             function  cerrarModalAlerta(){
  291.                 $("#modal-alerta .close").click();
  292.             }
  294.             function showModal(idModal)
  295.             {
  296.             $('#btn_organizaciones_vinculo_add').click();
  297.         }
  299.         </script>
  303.     </body>
  304. </html>