<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>{% block title %}Consejo de la Magistratura de Buenos Aires{% endblock %}</title>
{# Run `composer require symfony/webpack-encore-bundle`
and uncomment the following Encore helpers to start using Symfony UX #}
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="https://www.cmagistratura.gba.gov.ar/core/misc/favicon.ico">
{% block stylesheets %}
{#{{ encore_entry_link_tags('app') }}#}
<link rel="stylesheet" href="{{ asset('css/vendors.min.css', 'portal') }}" />
<link rel="stylesheet" href="{{ asset('css/materialize.css', 'portal') }}" />
<link rel="stylesheet" href="{{ asset('css/style_vertical.css', 'portal') }}" />
<link rel="stylesheet" href="{{ asset('css/custom.css', 'portal') }}" />
<link rel="stylesheet/less" type="text/css" href="{{ asset('less/app.less', 'portal') }}" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" >
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/css/buttons.dataTables.min.css">
{% endblock %}
</head>
<body class="backcolor">
<!-- Encabezado -->
<header class="page-topbar" id="header">
<div class="navbar navbar-fixed">
<nav class="navbar-main navbar-color nav-collapsible sideNav-lock">
<div class="nav-wrapper">
<div class="titulo hide-on-med-and-down">{{ modulo_nombre }}</div>
<ul class="navbar-list right hide-on-small-only">
<li> <a class="waves-effect waves-block waves-light" href="{{ path('app_logout') }}">Cerrar sesión</a> </li>
</ul>
</div>
</nav>
</div>
</header>
{% block dialogos_modales %}{% endblock %}
<div id="modalLaoding" class="modal">
<div class="modal-content">
<h4>Procesando ...</h4>
<div class="progress">
<div class="indeterminate"></div>
</div>
</div>
</div>
<!-- Menú -->
{% include 'menu.html.twig' %}
<div id="main">
<div class="wrapper">
<section id="content">
<div class="container center hide-on-large-only">
<h4 class="cyan-text">{{ modulo_nombre }}</h4>
</div>
<div class="divider mt-2 hide-on-large-only"></div>
<!-- Breadcrum -->
<div id="breadcrumbs-wrapper" class="hide-on-small-only">
<div class="row">
<div class="col s12 m6 l7">
{% block breadcrumb %}{% endblock %}
</div>
</div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 l12">
{% block titulo_body %}{% endblock %}
</div>
</div>
{% block body_actions %}{% endblock %}
{% block body %}
<div class="card">
<div class="card-content">
{% block body_card %} {% endblock %}
</div>
</div>
{% endblock %}
</div>
</div>
</section>
</div>
</div>
<footer class="page-footer footer footer-static footer-light grey gba">
<div class="footer-copyright">
<div class="container"></div>
</div>
</footer>
{% block javascripts %}
{#{{ encore_entry_script_tags('app') }}#}
<script type="text/javascript" src="{{ asset('js/jquery/jquery-3.5.1.js', 'portal') }}"></script>
<script type="text/javascript" src="{{ asset('js/less/less.js', 'portal') }}"></script>
<script type="text/javascript" src="{{ asset('js/materialize.js', 'portal') }}"></script>
<script type="text/javascript" src="{{ asset('js/perfect-scrollbar.min.js', 'portal') }}"></script>
<script type="text/javascript" src="{{ asset('js/plugins.js', 'portal') }}"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.html5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.colVis.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" src={{ asset('js/init.js', 'portal') }}></script>
{% block javascripts_base %}{% endblock %}
<script type="text/javascript">
/**
* Fix the displayed date format when opening the calendar for the
* first time since there's no setting to do it otherwise.
*/
function initDateFormat( datePicker ) {
console.debug(datePicker);
var selectedDate = ( typeof datePicker.date === 'undefined' || datePicker.date === null ) ? datePicker.options.defaultDate : datePicker.date;
var shortWeekdays = datePicker.options.i18n.weekdaysShort;
var shortMonths = datePicker.options.i18n.monthsShort;
var day = selectedDate.getDate();
var weekday = shortWeekdays[ selectedDate.getDay() ];
var month = shortMonths[ selectedDate.getMonth() ];
var formattedDate = weekday + ', ' + day + ' ' + month;
document.querySelector(".datepicker-date-display .date-text").innerHTML = formattedDate;
document.querySelector(".datepicker-date-display .year-text").innerHTML = selectedDate.getFullYear();
}
function inicializarDatePicker(
p_defaultDate,
p_yearRange,
p_maxDate,
p_setDefaultDate
)
{
$('.datepicker').datepicker({
autoClose: true,
showClearBtn: true,
format: 'dd/mm/yyyy',
container: 'body',
defaultDate: p_defaultDate,
yearRange: p_yearRange,
maxDate: p_maxDate,
setDefaultDate: p_setDefaultDate,
onDraw: function (datePicker) {
// materialize select dropdown not proper working on mobile and tablets so we make it browser default select
$('.datepicker-container').find('.datepicker-select').addClass('browser-default');
$(".datepicker-container .select-dropdown.dropdown-trigger").remove();
},
onOpen: function (p) {
var instance = M.Datepicker.getInstance(this.el);
var d = instance.el.value.split(/[^0-9]/);
var newDate = new Date(d[2], d[1] - 1, d[0]);
instance.setDate(newDate);
initDateFormat(instance);
},
i18n: {
cancel: 'Cancelar',
clear: 'Limpiar',
done: 'Aceptar',
weekdays: ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
weekdaysShort: ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
weekdaysAbbrev: ["D", "L", "M", "M", "J", "V", "S"],
today: 'Hoy',
months: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
monthsShort: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
}
});
}
var activarModalAjax = true;
$(document).on({
ajaxStart: function(){
if(activarModalAjax)
{
$('#modalLaoding').modal({dismissible: false,});
$('#modalLaoding').modal('open');
//Procesamiento, para mover el fondo bloqueante, detras del modal
acomodarFondo($('#modalLaoding'));
}
},
ajaxStop: function(){
$('#modalLaoding').modal('close');
}
});
function acomodarFondo(elemento) {
//const zIndex = 1000 + 10 * $('.modal:visible').length;
const zIndexViejo = $(elemento).css('z-index');
$(elemento).css('z-index', parseInt(zIndexViejo) + 1);
setTimeout(() => elemento.next().css('z-index', zIndexViejo));
}
$(document).ready(function(){
{# Mensajes flash/alerts #}
{% for label, messages in app.flashes %}
var texto_alert = '{{ messages|join("<br/>")|raw }}';
{% if label == 'notice' %}
swal({
title: "Éxito",
content: {
element: 'p',
attributes: {
innerHTML: texto_alert,
},
},
icon: "success"
});
{% elseif label == 'error' %}
swal({
title: "Error",
content: {
element: 'p',
attributes: {
innerHTML: texto_alert,
},
},
icon: "error"
});
{% elseif label == 'warning' %}
swal({
title: "Aviso",
content: {
element: 'p',
attributes: {
innerHTML: texto_alert,
},
},
icon: "warning"
});
{% endif %}
{% endfor %}
{% block js_document_ready %}{% endblock %}
});
</script>
{% endblock %}
</body>
</html>