templates/base.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 -->
  6.         <link rel="canonical" href="https://getbootstrap.com/docs/5.3/examples/cheatsheet/">
  7.         <!-- todo: es necesario -->
  8.         <script src="https://kit.fontawesome.com/db3c9f6c50.js" crossorigin="anonymous"></script>
  9.         <!-- todo: se puede descargar? -->
  10.         <!--link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet"-->
  11.         <link href="{{ asset('styles/bootstrap.min.css') }}" rel="stylesheet">
  12.         <style>
  13.             .bd-placeholder-img {
  14.                 font-size: 1.125rem;
  15.                 text-anchor: middle;
  16.                 -webkit-user-select: none;
  17.                 -moz-user-select: none;
  18.                 user-select: none;
  19.             }
  20.             @media (min-width: 768px) {
  21.                 .bd-placeholder-img-lg {
  22.                 font-size: 3.5rem;
  23.                 }
  24.             }
  25.             .b-example-divider {
  26.                 width: 100%;
  27.                 height: 3rem;
  28.                 background-color: rgba(0, 0, 0, .1);
  29.                 border: solid rgba(0, 0, 0, .15);
  30.                 border-width: 1px 0;
  31.                 box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  32.             }
  33.             .b-example-vr {
  34.                 flex-shrink: 0;
  35.                 width: 1.5rem;
  36.                 height: 100vh;
  37.             }
  38.             .bi {
  39.                 vertical-align: -.125em;
  40.                 fill: currentColor;
  41.             }
  42.             .nav-scroller {
  43.                 position: relative;
  44.                 z-index: 2;
  45.                 height: 2.75rem;
  46.                 overflow-y: hidden;
  47.             }
  48.             .nav-scroller .nav {
  49.                 display: flex;
  50.                 flex-wrap: nowrap;
  51.                 padding-bottom: 1rem;
  52.                 margin-top: -1px;
  53.                 overflow-x: auto;
  54.                 text-align: center;
  55.                 white-space: nowrap;
  56.                 -webkit-overflow-scrolling: touch;
  57.             }
  58.             .btn-bd-primary {
  59.                 --bd-violet-bg: #712cf9;
  60.                 --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
  61.                 --bs-btn-font-weight: 600;
  62.                 --bs-btn-color: var(--bs-white);
  63.                 --bs-btn-bg: var(--bd-violet-bg);
  64.                 --bs-btn-border-color: var(--bd-violet-bg);
  65.                 --bs-btn-hover-color: var(--bs-white);
  66.                 --bs-btn-hover-bg: #6528e0;
  67.                 --bs-btn-hover-border-color: #6528e0;
  68.                 --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  69.                 --bs-btn-active-color: var(--bs-btn-hover-color);
  70.                 --bs-btn-active-bg: #5a23c8;
  71.                 --bs-btn-active-border-color: #5a23c8;
  72.             }
  73.             .bd-mode-toggle {
  74.                 z-index: 1500;
  75.             }
  76.         </style>
  77.         <!-- Custom styles for this template -->
  78.         <!--link href="cheatsheet.css" rel="stylesheet"-->
  79.         <link href="{{ asset('styles/cheatsheet.css') }}" rel="stylesheet">
  80.         {% block stylesheets %}
  81.             {{ encore_entry_link_tags('app') }}
  82.         {% endblock %}
  83.         {% block javascripts %}
  84.             {{ encore_entry_script_tags('app') }}
  85.         {% endblock %}
  86.         <!-- Google tag (gtag.js) -->
  87.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-CJVF4VC35G"></script>
  88.         <script>
  89.             window.dataLayer = window.dataLayer || [];
  90.             function gtag(){dataLayer.push(arguments);}
  91.             gtag('js', new Date());
  92.             gtag('config', 'G-CJVF4VC35G');
  93.         </script>
  94.     </head>
  95.     <body class="bg-body-tertiary">
  96.       <!-- n1: Titulo -->
  97.       <div class="container-fluid cabecera">
  98.             <div class="container" >
  99.                 <div id="logo">
  100.                     <div id="lineas">
  101.                         <div id="azul"></div>
  102.                         <div id="rojo"></div>
  103.                     </div>
  104.                     <span>Registro Nacional de Puntos de Cultura Comunitaria</span>
  105.                 </div>
  106.             </div>
  107.       </div>
  108.       <!-- n1: containers -->
  109.       <div class="container-fluid">
  110.         <!-- n2: User -->
  111.         <div class="container ">
  112.             <div class="row">
  113.                 <div class="col datos">
  114.                 </div>
  115.             </div>
  116.         </div>
  117.         <!-- n2: Content Principal -->
  118.         <div class="container">
  119.           {% for type, messages in app.flashes %}
  120.                     {% for message in messages %}
  121.                         <div class="alert alert-{{type}} alert-dismissible fade show" role="alert">
  122.                           <strong>
  123.                                 {{type
  124.                                     |replace(
  125.                                         {
  126.                                             'warning': '',
  127.                                             'success': '',
  128.                                             'danger': ''
  129.                                         }
  130.                                         )
  131.                                     | raw
  132.                                 }}
  133.                             </strong>
  134.                             {{ message | raw }}
  135.                           <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  136.                         </div>
  137.                     {% endfor %}
  138.                 {% endfor %}
  139.           {% block body_all %}
  140.             <div class="row">
  141.              <div class="col-12">
  142.                 {% block body_c3 %}
  143.                 {% endblock %}
  144.               </div>
  145.               <div class="col-12">
  146.                 {% block body_c9 %}{% endblock %}
  147.                   <hr class="mt-4 mb-4">
  148.               </div>
  149.               <!-- n2.2: Botonera Derecha -->
  150.             </div>
  151.           {% endblock %}
  152.         </div>
  153.         <!-- n2: Footer -->
  154.         <div id="footer">
  155.           <div class="container">
  156.           <a href="https://www.cultura.gob.cl/" target="_blank"><img id="logo-footer" src="{{ asset('img/mincap.png') }}" alt=""></a>
  157.           <p><strong><a href="https://www.cultura.gob.cl/" target="_blank">Ministerio de las Culturas, las Artes y el Patrimonio</a></strong><br>
  158.             <a href="https://www.gob.cl/" target="_blank">Gobierno de Chile</a><br>
  159.             Valparaíso: Plaza Sotomayor 233.<br>
  160.             Santiago: Paseo Ahumada 48, pisos 4, 5, 6, 7,8 y 11.<br>
  161.             Contáctanos: <a href="https://siac.cultura.gob.cl/formulariosiac" target="_blank">Formulario de atención ciudadana</a><br>
  162.             <a href="https://www.cultura.gob.cl/politica-de-privacidad/" target="_blank">Política de Privacidad </a>
  163.           </p>
  164.         </div>
  165.       </div>
  166.         <!-- MODAL SPINNER INICIO-->
  167.         <a class="btn btn-primary" id="btn_spinner" data-toggle="modal" data-target="#modalFormSpinner" style="display:none">activar spinner</a>
  168.         <hr>
  169.         <div id="modalFormSpinner" class="modal" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
  170.             <div class="modal-dialog modal-sm" role="document" >
  171.                 <div class="modal-content" style="width: 150px;text-align:center;">
  172.                     <div class="modal-header" style="display:none">
  173.                         <button id="btn-close-spinner" type="button" class="close" data-dismiss="modal">&times;</button>
  174.                         <h4 class="modal-title"></h4>
  175.                     </div>
  176.                     <div class="modal-body" id="contenedorModalSpinner" >
  177.                         <div class="loader" ></div>
  178.                         <br>
  179.                         <div>Procesando...</div>
  180.                         <br>
  181.                     </div>
  182.                 </div>
  183.             </div>
  184.         </div>
  185.         <!-- MODAL SPINNER FIN-->
  186.       <!--script src="../assets/dist/js/bootstrap.bundle.min.js"></script-->
  187.       <script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
  188.       <!--script src="cheatsheet.js"></script-->
  189.       <!-- esta generando problemas con submit -->
  190.       <script src="{{ asset('js/cheatsheet.js') }}"></script>
  191.       <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
  192.       {% block javascript_end_body %}{% endblock %}
  193.       <script type="text/javascript">
  194.             const   modalInProccess = async function(modo="activar",divs) {
  195.                 if (modo=="activar"){
  196.                     if (divs!=""){
  197.                         await $('#'+divs).hide();
  198.                     }
  199.                     await $('#btn_spinner').click();
  200.                     console.log('in proccess activado');
  201.                 }
  202.                 if (modo=="desactivar"){
  203.                     await  $('#btn-close-spinner').click();
  204.                     if (divs!=""){
  205.                         await $('#'+divs).show();
  206.                     }
  207.                     console.log('in proccess desactivado');
  208.                 }
  209.                 return true;
  210.             }
  211.             function mostrarAlerta(titulo, mensaje){
  212.                 $('#modal-alerta .modal-title').html(titulo);
  213.                 $('#modal-alerta .modal-body').html(mensaje);
  214.                 $('#modal-alerta').modal('show');
  215.             }
  216.             function  cerrarModalAlerta(){
  217.                 $("#modal-alerta .close").click();
  218.             }
  219.         </script>
  220.     </body>
  221. </html>