{% extends 'base.html.twig' %} {% block breadcrumb %} {% endblock %} {% block titulo_body %}
group

Ternas propuestas y votadas

{% endblock %} {% block javascripts %} {{parent()}} {% endblock %} {% block javascripts_base %} var cleave = new Cleave('#terna_control_filtro_fechaInicio', { date: true, delimiter: '/', datePattern: ['d', 'm', 'Y'] }); var cleave2 = new Cleave('#terna_control_filtro_fechaFin', { date: true, delimiter: '/', datePattern: ['d', 'm', 'Y'] }); function initDateFormat( 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(); } {% endblock %} {% block js_document_ready %} $('.datepicker').datepicker({ autoClose: true, showClearBtn: true, format: 'dd/mm/yyyy', container: 'body', 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 = $(this.el).parent().parent().find('input').val().split(/[^0-9]/); var newDate = new Date(d[2], d[1] - 1, d[0]); instance.setDate(newDate); initDateFormat(instance); }, onSelect: function(date) { var day = String(date.getDate()).padStart(2, '0'); var month = String(date.getMonth() + 1).padStart(2, '0'); var year = String(date.getFullYear()); var fecha = day + '/' + month + '/' + year; debugger; var inputFecha = $(this.el).parent().parent().find('input'); inputFecha.val(fecha); inputFecha.siblings('label').addClass('active'); }, 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' ], } }); // Agrego evento de click al botón de limpiar del datepicker $('.datepicker-clear').click(function(){ $('#terna_control_filtro_fechaInicio').val(''); // Vaciar el valor del input }); // Agrego evento de click al botón de limpiar del datepicker $('.datepicker-clear').click(function(){ $('#terna_control_filtro_fechaFin').val(''); // Vaciar el valor del input }); $('#datatable').dataTable({ createdRow: function(row, data, dataIndex) { $(row).css({"background-color":"transparent"}); }, filter : false, language: { "url": "//cdn.datatables.net/plug-ins/1.10.16/i18n/Spanish.json" }, aLengthMenu: "", bAutoWidth: false, "columns": [ {"data": "fechaVotacion"}, {"data": "titulo", render: function(data, type, row, meta) { let string_compacto = ""; if(data != null) { tooltiptext = data; string_compacto = data.length >= 120 ? data.substring(0, 120)+"..." : data; } else{ tooltiptext = ""; } let string_final = "
"; string_final += string_compacto; string_final += '
'; return string_final; } }, {"data": "cargoJusticia", render: function(data, type, row, meta) { let string_compacto = ""; if(data != null) { tooltiptext = data; string_compacto = data.length >= 80 ? data.substring(0, 80)+"..." : data; } else{ tooltiptext = ""; } let string_final = "
"; string_final += string_compacto; string_final += '
'; return string_final; } }, { "data": "acciones" , render: function(data, type, row, meta) { if (type === 'display') { $botones = [ "", "people_alt", "", ].join(''); return $botones; } return data; }, }, ], order: [[ 0, 'desc' ]], columnDefs: [ // These are the column name variables that will be sent to the server { "name": "t.fechaVotacion", "searchable": false, "orderable": false, "targets": 0, }, { "name": "t.titulo", "searchable": true, "orderable": true, "targets": 1 }, { "name": "concurso.cargo", "searchable": true, "orderable": true, "targets": 2 }, { "searchable": false, "orderable": false, "targets": 3 }, ], serverSide: true, processing: true, ajax: { url: '{{ path('terna_datos') }}', type: 'POST' } }); // the "href" attribute of the modal trigger must specify the modal ID that wants to be triggered $('select').formSelect(); $('.limpiar').click(function(){ window.location.href="{{ path('terna_index_limpiar') }}" }); {% endblock %} {% block body %}
{{ form_start(form) }}
Buscar por
{{ form_label(form.fechaInicio) }} {{ form_widget(form.fechaInicio) }}
{{ form_label(form.fechaFin) }} {{ form_widget(form.fechaFin) }}
{{ form_widget(form.cargo) }} {{ form_label(form.cargo) }}
{% if form.children | filter(v => (v.vars.name != "_token" and not (v.vars.value == "" or v.vars.value == []))) | length > 0 %}
{% endif %} {{ form_end(form) }}
{#
Fecha Ternas Votadas Título Cargo #} Acciones
{% endblock %}