templates/security/base.html.twig line 58

Open in your IDE?
  1. <html>
  2.     <head>
  3.         <meta charset="UTF-8">
  4.         <meta name="viewport" content="width=device-width, initial-scale=1">
  6.         <title>Consejo de la Magistratura de Buenos Aires</title>
  8.         <link rel="icon" href="https://www.cmagistratura.gba.gov.ar/core/misc/favicon.ico">
  9.         
  10.         <link rel="stylesheet" href="{{ asset('css/materialize.css', 'portal') }}" />
  11.         <link rel="stylesheet" href="{{ asset('css/custom.css', 'portal') }}" /> 
  12.         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  13.     
  14.         <style>
  15.             {% block estilos %}
  16.                 html,
  17.                 body {
  18.                     height: 100%;
  19.                 }
  20.                 html {
  21.                     display: table;
  22.                     margin: auto;
  23.                 }
  24.                 body {
  25.                     display: table-cell;
  26.                     vertical-align: middle;
  27.                 }
  28.                 body {
  29.                     background: var(--cdlmag-primario-1); //color azul primario;
  30.                 }
  31.                 .caja {width: 400px;}  
  32.                 .card .card-title {
  33.                     font-size: 18px;
  34.                 }
  35.                 .input-field {
  36.                     position: relative;
  37.                     margin-top: 0.5rem; 
  38.                     margin-bottom: 0.5rem; 
  39.                 }
  41.                 .card-error{
  42.                     padding: 17px;
  43.                     margin: 0.5rem 0 1rem 0;
  44.                     border-radius: 2px;
  45.                 }
  47.                 @media (max-width: 600px) {
  48.                     .caja {
  49.                         width:auto;
  50.                     }
  51.                 }
  52.             {% endblock %}
  53.         </style>
  54.     </head>
  56.     <body>
  57.         <div class="section">
  58.             {% block contenido %}{% endblock %}
  59.         </div>
  60.         <!--fin -->
  62.         <script type="text/javascript" src="{{ asset('js/jquery/jquery-3.5.1.js', 'portal') }}"></script>
  63.         <script type="text/javascript" src="{{ asset('js/materialize.js', 'portal') }}"></script>
  65.         <script type="text/javascript">
  66.             {% block javascripts_base %}{% endblock %}
  67.             /**
  68.             * Fix the displayed date format when opening the calendar for the 
  69.             * first time since there's no setting to do it otherwise.
  70.             */
  71.             function initDateFormat( datePicker ) {
  72.                 console.debug(datePicker);
  73.                 var selectedDate = ( typeof datePicker.date === 'undefined' || datePicker.date === null ) ? datePicker.options.defaultDate : datePicker.date;
  74.                 var shortWeekdays = datePicker.options.i18n.weekdaysShort; 
  75.                 var shortMonths = datePicker.options.i18n.monthsShort; 
  76.                 var day     = selectedDate.getDate();
  77.                 var weekday = shortWeekdays[ selectedDate.getDay() ];
  78.                 var month   = shortMonths[ selectedDate.getMonth() ];
  80.                 var formattedDate = weekday + ', ' + day + ' ' + month;
  81.                 document.querySelector(".datepicker-date-display .date-text").innerHTML = formattedDate;
  82.                 document.querySelector(".datepicker-date-display .year-text").innerHTML = selectedDate.getFullYear();
  83.             }
  85.             function inicializarDatePicker(
  86.                 p_defaultDate,
  87.                 p_yearRange,
  88.                 p_maxDate,
  89.                 p_setDefaultDate
  90.             )
  91.             {
  92.                 $('.datepicker').datepicker({
  93.                     autoClose: true,
  94.                     showClearBtn: true,
  95.                     format: 'dd/mm/yyyy',
  96.                     container: 'body',
  97.                     defaultDate: p_defaultDate,
  98.                     yearRange: p_yearRange,
  99.                     maxDate: p_maxDate,
  100.                     setDefaultDate: p_setDefaultDate,
  101.                     onDraw: function (datePicker) { 
  102.                         // materialize select dropdown not proper working on mobile and tablets so we make it browser default select
  103.                         $('.datepicker-container').find('.datepicker-select').addClass('browser-default');
  104.                         $(".datepicker-container .select-dropdown.dropdown-trigger").remove();
  105.                     },
  106.                     onOpen: function (p) {
  107.                         var instance = M.Datepicker.getInstance(this.el);
  108.                         var d = instance.el.value.split(/[^0-9]/);
  109.                         var newDate = new Date(d[2], d[1] - 1, d[0]);
  110.                         instance.setDate(newDate);
  111.                         initDateFormat(instance);
  112.                     },
  113.                     i18n: {
  114.                         cancel:    'Cancelar',
  115.                         clear: 'Limpiar',
  116.                         done: 'Aceptar',
  117.                         weekdays: ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
  118.                         weekdaysShort: ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
  119.                         weekdaysAbbrev: ["D", "L", "M", "M", "J", "V", "S"],
  120.                         today: 'Hoy',
  121.                         months: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
  122.                         monthsShort: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
  123.                     }
  124.                 });
  125.             }
  127.             $(document).ready(function(){
  128.                 $('.modal').modal();
  130.                 {# Abrir modal de avisos en caso necesario #}
  131.                 {% if app.session.flashBag.has('notice') %}
  132.                     $('#modalAvisos').modal('open');
  133.                 {% endif %}
  134.                 {% if app.session.flashBag.has('error') %}
  135.                     $('#modalErrores').modal('open');
  136.                 {% endif %}
  138.                 {% block js_document_ready %}{% endblock %}
  139.             });
  141.         </script>
  143.         {# Modals de avisos #}
  144.         {% if app.session.flashBag.has('notice') %}
  145.             <div id="modalAvisos" class="modal">
  146.                 <div class="modal-content">
  147.                     {% for message in app.session.flashbag.get('notice') %}
  148.                         {{ message |raw }}
  149.                     {% endfor %}
  150.                 <div>
  151.                 <div class="modal-footer">
  152.                     <a href="{{ path('app_login') }}" class="modal-close waves-effect waves-green btn-flat">Aceptar</a>
  153.                 <div>
  154.             </div>
  155.         {% endif %}
  156.         {% if app.session.flashBag.has('error') %}
  157.             <div id="modalErrores" class="modal red lighten-2">
  158.                 <div class="modal-content">
  159.                     {% for message in app.session.flashbag.get('error') %}
  160.                         {{ message |raw }}
  161.                     {% endfor %}
  162.                 <div>
  163.                 <div class="modal-footer red lighten-2">
  164.                     <a href="#!" class="modal-close waves-effect waves-green btn-flat">Aceptar</a>
  165.                 <div>
  166.             </div>
  167.         {% endif %}
  169.         {% block dialogos_modales %}{% endblock %}
  170.     </body>
  171. </html>