Skip to content

A
Asistencia
Commit 94b211d3 by Billy Larru
Options

agregando criterio de busqueda en proyeccion de asistencia policias

parent 1f31a56b
Showing with 44 additions and 20 deletions
src/main/webapp/js/pages/proyectar_asistencia_policias.js
let data = []; let data = [];
let sedes = []; let sedes = [];
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",
"fecha_entrada": "15/06/2018", "marcacion_entrada": "06:59", "marcacion_salida": "00:00", "fecha_salida": "2018-06-15"}); "fecha_entrada": "15/06/2018", "marcacion_entrada": "06:59", "marcacion_salida": "00:00", "fecha_salida": "15/06/2018"});
data.push({"dni": "12345678", "nombres": "DELGADO CHOZO JUAN FRANCISCO", "sede": "CANTA CALLAO 2", "horario": "07:00 - 17:00", "tipo_horario": "REGULAR",
"fecha_entrada": "16/06/2018", "marcacion_entrada": "06:59", "marcacion_salida": "00:00", "fecha_salida": "2018-06-16"});
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",
"fecha_entrada": "17/06/2018", "marcacion_entrada": "06:59", "marcacion_salida": "00:00", "fecha_salida": "2018-06-17"}); "fecha_entrada": "16/06/2018", "marcacion_entrada": "06:59", "marcacion_salida": "00:00", "fecha_salida": "16/06/2018"});
data.push({"dni": "12345678", "nombres": "DELGADO CHOZO JUAN FRANCISCO", "sede": "CANTA CALLAO 2", "horario": "07:00 - 07:00", "tipo_horario": "AMANECIDA 24h",
"fecha_entrada": "17/06/2018", "marcacion_entrada": "06:59", "marcacion_salida": "00:00", "fecha_salida": "18/06/2018"});
sedes = ["LINCE", "MONTESORI", "AREQUIPA", "ARENALES", "CUBA", "COCALENOS", "BELISARIO", "BERTONELLI", "VILLA EL SALVADOR"]; sedes = ["LINCE", "MONTESORI", "AREQUIPA", "ARENALES", "CUBA", "COCALENOS", "BELISARIO", "BERTONELLI", "VILLA EL SALVADOR"];
} }
function defaultConfigHandsonTable(){
let container = document.getElementById("tblProyectado");
handsonTable = new Handsontable(container, {
data: [],
stretchH: 'all',
rowHeaders: true,
colHeaders: ['DNI', 'Apellidos y Nombres', 'Sede', 'Horario', 'Rol', 'Fecha Entrada', 'Hora entrada', 'Hora Salida', 'Fecha Salida'],
columns: [{}, {}, {}, {}, {}, {}, {}, {} ,{}]
});
}
function mostrarVistaPrevia() { function mostrarVistaPrevia() {
handsonTable.destroy();
let container = document.getElementById("tblProyectado"); let container = document.getElementById("tblProyectado");
handsonTable = new Handsontable(container, { handsonTable = new Handsontable(container, {
data: data, data: data,
...@@ -49,24 +65,14 @@ function mostrarVistaPrevia() { ...@@ -49,24 +65,14 @@ function mostrarVistaPrevia() {
{ {
"data": "tipo_horario", "data": "tipo_horario",
"className": "text-center", "className": "text-center",
readOnly: true, readOnly: true
// render: (data) => {
// let label = '';
//
// switch (data) {
// case "REGULAR":
// label = `label bg-slate border-slate-700`;
// break;
// }
//
// return `<span class="${label}">${data}</span>`;
// }
}, },
{ {
"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
}, },
{ {
...@@ -89,7 +95,8 @@ function mostrarVistaPrevia() { ...@@ -89,7 +95,8 @@ function mostrarVistaPrevia() {
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
} }
] ]
}); });
...@@ -122,6 +129,7 @@ $(function () { ...@@ -122,6 +129,7 @@ $(function () {
}); });
$("#dpFechaFin").datepicker('setDate', 'now'); $("#dpFechaFin").datepicker('setDate', 'now');
// defaultConfigDataTable(); // defaultConfigDataTable();
defaultConfigHandsonTable();
initializeData(); initializeData();
$("#btnVistaPrevia").click(mostrarVistaPrevia); $("#btnVistaPrevia").click(mostrarVistaPrevia);
}); });
\ No newline at end of file
src/main/webapp/vistas/proyectarAsistenciaPolicias.jsp
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<body> <body>
<%@include file="templates/header-body.jsp" %> <%@include file="templates/header-body.jsp" %>
<!-- content --> <!-- content -->
<div class="col-md-4 col-md-offset-4"> <div class="col-md-6 col-md-offset-3">
<div class="panel panel-primary"> <div class="panel panel-primary">
<div class="panel-heading"> <div class="panel-heading">
<h5 class="panel-title">Proyección de Asistencias</h5> <h5 class="panel-title">Proyección de Asistencias</h5>
...@@ -21,6 +21,21 @@ ...@@ -21,6 +21,21 @@
<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>
<select id="cboCriterio" class="form-control">
<option value="">[SELECCIONE]</option>
<option value="">DNI</option>
<option value="">APELLIDOS</option>
</select>
</div>
<div class="col-md-6 form-group">
<label>Criterio</label>
<input type="text" class="form-control"></input>
</div>
</div>
<div class="row">
<div class="col-md-6 form-group">
<label>Fecha Inicio</label> <label>Fecha Inicio</label>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon"><i class="icon-calendar"></i></span> <span class="input-group-addon"><i class="icon-calendar"></i></span>
......
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