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() {
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() {
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 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 listarEstadoAsistencia() {
axios.get(URI_LISTAR_ESTADO_ASISTENCIA).then((result) => {
let estados = result.data;
axios.get(URI_ESTADO_ASISTENCIA).then((response) => {
let estados = response.data;
let html = "";
estados.forEach(e => {
html += `<option value="${e.codigo}">${e.nombre}</option>`;
});
$("#cboEstados").html(html);
$("#cboEstados").selectpicker('refresh');
estados.forEach(e => html += `<option value="${e.codigo}">${e.nombre}</option>`);
$("#cboEstadoAsistencia").html(html);
$("#cboEstadoAsistencia").selectpicker('refresh');
$('.selectpicker').selectpicker({
style: 'btn-info',
size: 4
......@@ -273,6 +293,8 @@ function evtChange() {
$().ready(function () {
listarPolicias("#cboPoliciasFiltro");
listarSedes("#cboSedesFiltro");
init();
defaultConfigDataTable();
$('.selectpicker').selectpicker({
......
src/main/webapp/vistas/controlAsistenciaPolicias.jsp
......@@ -21,26 +21,21 @@
<form id="frmAsistenciaPolicias" onsubmit="return false;" autocomplete="off">
<div class="panel-body">
<div class="row">
<div class="col-md-4 form-group">
<label>Busqueda por</label>
<select class="form-control" id="cboCriterio">
<option>[SELECCIONE]</option>
<option>SEDE</option>
<option>APELLIDOS</option>
<option>DNI</option>
<div class="col-md-6 form-group">
<label>Policia</label>
<select class="select-search form-control" id="cboPoliciasFiltro">
</select>
</div>
<div class="col-md-8 form-group">
<!-- <label>Busqueda</label>
<input type="text" class="form-control"/>-->
<div id="divCriterio">
<div class="col-md-6 form-group">
<label>Sede</label>
<select id="cboSedesFiltro" class="select-search form-control">
</div>
</select>
</div>
</div>
<div class="row">
<div class="col-md-4 form-group">
<div class="col-md-6 form-group">
<label>Fecha Inicio</label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-calendar"></i></span>
......@@ -48,7 +43,7 @@
</div>
</div>
<div class="col-md-4 form-group">
<div class="col-md-6 form-group">
<label>Fecha Fin</label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-calendar"></i></span>
......@@ -57,29 +52,22 @@
</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="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 class="panel-footer">
<div class="text-center">
<button class="btn btn-primary" id="btnBuscar"><i class="fa fa-search"></i> Buscar</button>&nbsp;
<button class="btn btn-warning" id="btnLimpiar"><i class="fa fa-eraser"></i> Limpiar</button>
<button class="btn btn-primary" id="btnVerAsistencias"><i class="fa fa-search"></i> Ver Asistencias</button>&nbsp;
<button class="btn btn-primary" id="btnVerTodos"><i class="fa fa-search"></i> Ver Todos</button>&nbsp;
</div>
</div>
......@@ -375,7 +363,9 @@
<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/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>
<!--js-->
</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