Skip to content

A
Asistencia
Commit ec310974 by Billy Larru
Options

agregando filtros al proyectado de asistencia

parent 21e11678
Showing with 117 additions and 79 deletions
src/main/webapp/js/pages/proyectar_asistencia_policias.js
let data = []; let data = [];
let sedes = []; let listaSedes = [];
let handsonTable; let handsonTable;
function initializeData() { function initializeData() {
data.push({"dni": "12345678", "nombres": "DELGADO CHOZO JUAN FRANCISCO", "sede": "CANTA CALLAO 2", "horario": "07:00 - 17:00", "tipo_horario": "REGULAR", data.push({"dni": "12345678", "nombres": "DELGADO CHOZO JUAN FRANCISCO", "sede": "CANTA CALLAO 2", "horario": "07:00 - 17:00", "tipo_horario": "REGULAR",
...@@ -15,6 +15,30 @@ function initializeData() { ...@@ -15,6 +15,30 @@ function initializeData() {
function listarSedes(selectorName) {
axios.get(URI_SEDES).then((result) => {
let sedes = result.data;
sedes = _.orderBy(sedes, s => s.descripcion);
listaSedes = _.map(sedes, s => s.descripcion);
let html = `<option value="">[TODOS]</option>`;
sedes.forEach(sede => html += `<option value="${sede.codigo}">${sede.descripcion}</option>`);
$(`${selectorName}`).html(html);
$('.select-search').select2();
});
}
function listarPolicias(selectorName) {
axios.get(URI_POLICIAS).then((result) => {
let policias = result.data;
policias = _.orderBy(policias, p => p.nombres);
let html = `<option value="">[TODOS]</option>`;
policias.forEach(p => html += `<option documento_identidad="${p.dni}" value="${p.id}">${p.nombres}</option>`);
$(`${selectorName}`).html(html);
$('.select-search').select2();
});
}
function defaultConfigHandsonTable() { function defaultConfigHandsonTable() {
let container = document.getElementById("tblProyectado"); let container = document.getElementById("tblProyectado");
...@@ -30,80 +54,90 @@ function defaultConfigHandsonTable() { ...@@ -30,80 +54,90 @@ function defaultConfigHandsonTable() {
function mostrarVistaPrevia() { function mostrarVistaPrevia() {
handsonTable.destroy(); axios.get(URI_ROL_POLICIA).then((response) => {
let container = document.getElementById("tblProyectado"); response.data = formatResponse(response);
handsonTable = new Handsontable(container, {
data: data, if (response.data.status) {
stretchH: 'all', handsonTable.destroy();
rowHeaders: true, let container = document.getElementById("tblProyectado");
colHeaders: ['DNI', 'Apellidos y Nombres', 'Sede', 'Horario', 'Rol', 'Fecha Entrada', 'Hora entrada', 'Hora Salida', 'Fecha Salida'], handsonTable = new Handsontable(container, {
columns: [ data: response.data.data,
{ stretchH: 'all',
data: "dni", rowHeaders: true,
className: 'text-center', colHeaders: ['DNI', 'Apellidos y Nombres', 'Sede', 'Horario', 'Rol', 'Fecha Entrada', 'Hora entrada', 'Hora Salida', 'Fecha Salida'],
readOnly: true columns: [
}, {
{ data: "policia_dni",
"data": "nombres", className: 'text-center',
readOnly: true readOnly: true
}, },
{ {
"data": "sede", "data": "policia_nombres",
"className": "text-center", readOnly: true
},
{
"data": "sede_descripcion",
"className": "text-center",
// editor: 'select', // editor: 'select',
// selectOptions: sedes, // selectOptions: sedes,
source: sedes, source: listaSedes,
strict: true, strict: true,
type: 'autocomplete', type: 'autocomplete',
allowInvalid: false allowInvalid: false
}, },
{ {
"data": "horario", "data": "horario",
"className": "text-center", "className": "text-center",
readOnly: true readOnly: true
}, },
{ {
"data": "tipo_horario", "data": "tipo_horario",
"className": "text-center", "className": "text-center",
readOnly: true readOnly: true
}, },
{ {
"data": "fecha_entrada", "data": "fecha_entrada",
"className": 'text-center', "className": 'text-center',
type: 'date', type: 'date',
dateFormat: 'DD/MM/YYYY', dateFormat: 'DD/MM/YYYY',
readOnly: true readOnly: true
}, },
{ {
data: "marcacion_entrada", data: "marcacion_entrada",
className: 'text-center', className: 'text-center',
editor: TA_EDITOR_HORA, editor: TA_EDITOR_HORA,
type: 'time', type: 'time',
timeFormat: 'HH:mm', timeFormat: 'HH:mm',
correctFormat: true, correctFormat: true,
allowInvalid: false allowInvalid: false
}, },
{ {
data: "marcacion_salida", data: "marcacion_salida",
className: 'text-center', className: 'text-center',
timeFormat: 'HH:mm', timeFormat: 'HH:mm',
editor: TA_EDITOR_HORA, editor: TA_EDITOR_HORA,
type: 'time', type: 'time',
correctFormat: true, correctFormat: true,
allowInvalid: false, allowInvalid: false,
}, },
{ {
data: "fecha_salida", data: "fecha_salida",
className: 'text-center', className: 'text-center',
type: 'date', type: 'date',
dateFormat: 'DD/MM/YYYY', dateFormat: 'DD/MM/YYYY',
readOnly: true readOnly: true
} }
] ]
});
registrarEventoTab();
}
}); });
registrarEventoTab();
} }
function registrarEventoTab() { function registrarEventoTab() {
...@@ -166,7 +200,9 @@ TA_EDITOR_HORA.prototype.createElements = function () { ...@@ -166,7 +200,9 @@ TA_EDITOR_HORA.prototype.createElements = function () {
$(function () { $().ready(function () {
listarPolicias("#cboPoliciasFiltro");
listarSedes("#cboSedesFiltro");
$("#dpFechaInicio").datepicker({ $("#dpFechaInicio").datepicker({
minDate: new Date(2000, 1 - 1, 1), maxDate: new Date(), minDate: new Date(2000, 1 - 1, 1), maxDate: new Date(),
dateFormat: 'dd/mm/yy', dateFormat: 'dd/mm/yy',
......
src/main/webapp/vistas/proyectarAsistenciaPolicias.jsp
...@@ -21,16 +21,15 @@ ...@@ -21,16 +21,15 @@
<div class="panel-body"> <div class="panel-body">
<div class="row"> <div class="row">
<div class="col-md-6 form-group"> <div class="col-md-6 form-group">
<label>Busqueda Por</label> <label>Policia</label>
<select id="cboCriterio" class="form-control"> <select class="select-search form-control" id="cboPoliciasFiltro">
<option value="">[SELECCIONE]</option>
<option value="">DNI</option>
<option value="">APELLIDOS</option>
</select> </select>
</div> </div>
<div class="col-md-6 form-group"> <div class="col-md-6 form-group">
<label>Criterio</label> <label>Sede</label>
<input type="text" class="form-control"></input> <select id="cboSedesFiltro" class="select-search form-control">
</select>
</div> </div>
</div> </div>
...@@ -105,6 +104,9 @@ ...@@ -105,6 +104,9 @@
<script src="../js/lib/dataTables.rowsGroup.js" type="text/javascript"></script> <script src="../js/lib/dataTables.rowsGroup.js" type="text/javascript"></script>
<script type="text/javascript" src="../plantilla/assets/js/plugins/tables/handsontable/handsontable.min.js"></script> <script type="text/javascript" src="../plantilla/assets/js/plugins/tables/handsontable/handsontable.min.js"></script>
<script src="../js/lib/jquery.inputmask.bundle.min.js" type="text/javascript"></script> <script src="../js/lib/jquery.inputmask.bundle.min.js" type="text/javascript"></script>
<script src="../js/lib/lodash.js" type="text/javascript"></script>
<script src="../js/lib/axios.min.js" type="text/javascript"></script>
<script src="../plantilla/assets/js/plugins/forms/selects/select2.min.js"></script>
<script src="../js/pages/proyectar_asistencia_policias.js" type="text/javascript"></script> <script src="../js/pages/proyectar_asistencia_policias.js" type="text/javascript"></script>
<!--js--> <!--js-->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment