templates/base_organizacion.html.twig line 1

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