Skip to content

A
Asistencia
Commit 21e11678 by Billy Larru
Options

listado de sedes y estados de asistencia en control de asistencias de policias

parent 46d4b465
Showing with 90 additions and 78 deletions
src/main/webapp/js/pages/control_asistencia_policias.js
...@@ -5,60 +5,80 @@ function init() { ...@@ -5,60 +5,80 @@ function init() {
listarEstadoAsistencia(); listarEstadoAsistencia();
} }
//function listarSedes() {
//
// if (Object.is(htmlSedes, undefined)) {
// axios.get(URI_LISTAR_SEDES).then((result) => {
// debugger
// let sedes = result.data;
// htmlSedes = `<label>Sede</label>
// <select class="selectpicker form-control" name="busqueda" id="busqueda" multiple>`;
// sedes.forEach((s) => {
// htmlSedes += `<option value="${s.codigo}">${s.descripcion}</option>`;
// });
// htmlSedes += `</select>`;
// debugger
// $('#divCriterio').html(htmlSedes);
// $('.selectpicker').selectpicker({
// style: 'btn-info',
// size: 4
// });
//
// $(".btn.dropdown-toggle.bs-placeholder").removeClass("btn-info");
// $(".btn.dropdown-toggle.bs-placeholder").css({
// border: "1px solid #ddd",
// backgroundColor: "#fff"
// });
//
// }).catch((error) => {
// console.log(error);
// });
// } else {
// $('#divCriterio').html(htmlSedes);
// $('.selectpicker').selectpicker({
// style: 'btn-info',
// size: 4
// });
// $(".btn.dropdown-toggle.bs-placeholder").removeClass("btn-info");
// $(".btn.dropdown-toggle.bs-placeholder").css({
// border: "1px solid #ddd",
// backgroundColor: "#fff"
// });
// }
//
//}
function listarSedes(selectorName) {
axios.get(URI_SEDES).then((result) => {
let sedes = result.data;
sedes = _.orderBy(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 listarSedes() { function listarPolicias(selectorName) {
axios.get(URI_POLICIAS).then((result) => {
if (Object.is(htmlSedes, undefined)) { let policias = result.data;
axios.get(URI_LISTAR_SEDES).then((result) => { policias = _.orderBy(policias, p => p.nombres);
debugger let html = `<option value="">[TODOS]</option>`;
let sedes = result.data; policias.forEach(p => html += `<option documento_identidad="${p.dni}" value="${p.id}">${p.nombres}</option>`);
htmlSedes = `<label>Sede</label> $(`${selectorName}`).html(html);
<select class="selectpicker form-control" name="busqueda" id="busqueda" multiple>`; $('.select-search').select2();
sedes.forEach((s) => { });
htmlSedes += `<option value="${s.codigo}">${s.descripcion}</option>`;
});
htmlSedes += `</select>`;
debugger
$('#divCriterio').html(htmlSedes);
$('.selectpicker').selectpicker({
style: 'btn-info',
size: 4
});
$(".btn.dropdown-toggle.bs-placeholder").removeClass("btn-info");
$(".btn.dropdown-toggle.bs-placeholder").css({
border: "1px solid #ddd",
backgroundColor: "#fff"
});
}).catch((error) => {
console.log(error);
});
} else {
$('#divCriterio').html(htmlSedes);
$('.selectpicker').selectpicker({
style: 'btn-info',
size: 4
});
$(".btn.dropdown-toggle.bs-placeholder").removeClass("btn-info");
$(".btn.dropdown-toggle.bs-placeholder").css({
border: "1px solid #ddd",
backgroundColor: "#fff"
});
}
} }
function listarEstadoAsistencia() { function listarEstadoAsistencia() {
axios.get(URI_LISTAR_ESTADO_ASISTENCIA).then((result) => { axios.get(URI_ESTADO_ASISTENCIA).then((response) => {
let estados = result.data; let estados = response.data;
let html = ""; let html = "";
estados.forEach(e => { estados.forEach(e => html += `<option value="${e.codigo}">${e.nombre}</option>`);
html += `<option value="${e.codigo}">${e.nombre}</option>`; $("#cboEstadoAsistencia").html(html);
}); $("#cboEstadoAsistencia").selectpicker('refresh');
$("#cboEstados").html(html);
$("#cboEstados").selectpicker('refresh');
$('.selectpicker').selectpicker({ $('.selectpicker').selectpicker({
style: 'btn-info', style: 'btn-info',
size: 4 size: 4
...@@ -273,6 +293,8 @@ function evtChange() { ...@@ -273,6 +293,8 @@ function evtChange() {
$().ready(function () { $().ready(function () {
listarPolicias("#cboPoliciasFiltro");
listarSedes("#cboSedesFiltro");
init(); init();
defaultConfigDataTable(); defaultConfigDataTable();
$('.selectpicker').selectpicker({ $('.selectpicker').selectpicker({
......
src/main/webapp/vistas/controlAsistenciaPolicias.jsp
...@@ -21,26 +21,21 @@ ...@@ -21,26 +21,21 @@
<form id="frmAsistenciaPolicias" onsubmit="return false;" autocomplete="off"> <form id="frmAsistenciaPolicias" onsubmit="return false;" autocomplete="off">
<div class="panel-body"> <div class="panel-body">
<div class="row"> <div class="row">
<div class="col-md-4 form-group"> <div class="col-md-6 form-group">
<label>Busqueda por</label> <label>Policia</label>
<select class="form-control" id="cboCriterio"> <select class="select-search form-control" id="cboPoliciasFiltro">
<option>[SELECCIONE]</option>
<option>SEDE</option>
<option>APELLIDOS</option>
<option>DNI</option>
</select> </select>
</div> </div>
<div class="col-md-8 form-group"> <div class="col-md-6 form-group">
<!-- <label>Busqueda</label> <label>Sede</label>
<input type="text" class="form-control"/>--> <select id="cboSedesFiltro" class="select-search form-control">
<div id="divCriterio">
</div> </select>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4 form-group"> <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>
...@@ -48,7 +43,7 @@ ...@@ -48,7 +43,7 @@
</div> </div>
</div> </div>
<div class="col-md-4 form-group"> <div class="col-md-6 form-group">
<label>Fecha Fin</label> <label>Fecha Fin</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>
...@@ -57,29 +52,22 @@ ...@@ -57,29 +52,22 @@
</div> </div>
<div class="col-md-4 form-group">
<label>Estado</label>
<select class="selectpicker form-control" name="cboSedes" id="cboEstados" multiple>
<!-- <option>PENDIENTE</option>
<option>FCA</option>
<option>FSA</option>
<option>TEMPRANO</option>
<option>TARDANZA</option>
<option>NO MARCÓ</option>-->
</select>
</div>
</div>
</div>
<div class="row"> <div class="row">
<div class="col-md-12 form-group">
<label>Estado de Asistencia</label>
<select class="selectpicker form-control" name="cboSedes" id="cboEstadoAsistencia" multiple>
</select>
</div>
</div> </div>
</div> </div>
<div class="panel-footer"> <div class="panel-footer">
<div class="text-center"> <div class="text-center">
<button class="btn btn-primary" id="btnBuscar"><i class="fa fa-search"></i> Buscar</button>&nbsp; <button class="btn btn-primary" id="btnVerAsistencias"><i class="fa fa-search"></i> Ver Asistencias</button>&nbsp;
<button class="btn btn-warning" id="btnLimpiar"><i class="fa fa-eraser"></i> Limpiar</button> <button class="btn btn-primary" id="btnVerTodos"><i class="fa fa-search"></i> Ver Todos</button>&nbsp;
</div> </div>
</div> </div>
...@@ -375,7 +363,9 @@ ...@@ -375,7 +363,9 @@
<script src="../js/lib/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script> <script src="../js/lib/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../plantilla/assets/js/plugins/pickers/daterangepicker.js"></script> <script type="text/javascript" src="../plantilla/assets/js/plugins/pickers/daterangepicker.js"></script>
<script type="text/javascript" src="../plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js"></script> <script type="text/javascript" src="../plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js"></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/lib/lodash.js" type="text/javascript"></script>
<script src="../js/lib/axios.min.js" type="text/javascript"></script>
<script src="../js/pages/control_asistencia_policias.js" type="text/javascript"></script> <script src="../js/pages/control_asistencia_policias.js" type="text/javascript"></script>
<!--js--> <!--js-->
</body> </body>
......
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