[EDIT listado_justificacion, mostrando filtros]

src/main/webapp/js/pages/listado_justificacion.js

@@ -78,7 +78,7 @@ const mostrarModalVerDetalleJustificacion = (data) => {
 //		fecha_fin: $("#dpFechaFinFiltro").val(),
 //		sede_id: $("#cboSedesFiltro").val()
 //	}
-debugger
+	debugger
 	localStorage.setItem('data', JSON.stringify(data))
 //	localStorage.setItem('filtros', JSON.stringify(filtros))
 	location.href = `${baseURLModals}justificaciones/evaluarJustificacion.jsp`
@@ -111,12 +111,63 @@ const listarJustificaciones = (objParams = {}) => {
 		});
 	});
 };
+
+
+const listarPersonal = (selectorName) => {
+	initSelect2(selectorName, baseURLRest + URI_TRABAJADORES, {title: "nombresapellidos", subtitle: "documentoidentidad"});
+};
+
+const listarEstadoJustificaciones = (nodeIdentifier) => {
+	ajaxWebService.get(URI_ESTADOJUSTIFICACION).then((response) => {
+		let estadoJusticaciones = response.data;
+		let html = ""
+		html += estadoJusticaciones.map(sede => `<option value="${sede.codigo}">${sede.descripcion}</option>`)
+		$(nodeIdentifier).html(html)
+		$(nodeIdentifier).selectpicker('refresh')
+	});
+}
+
 const formControls = {
 	init() {
-
+		this.initPersonal()
+		this.initPickers()
+		this.initSedes()
+		this.initEstados()
+	},
+	initPersonal() {
+		listarPersonal("#cboPersonalFiltro")
+	},
+	initPickers() {
+		initDatePicker("#dpFechaInicioFiltro", "#dpFechaFinFiltro")
+	},
+	initSedes() {
+		listarSedes("#cboSedesFiltro")
+	},
+	initEstados() {
+		listarEstadoJustificaciones("#cboEstadoJustificacionFiltro")
 	}
 }
 
+const aplicarFiltro = () => {
+	let personal = $("#cboPersonalFiltro").select2('data')[0];
+	let {trabajador_id} = personal
+	let fecha_inicio = $("#dpFechaInicioFiltro").val()
+	let fecha_fin = $("#dpFechaFinFiltro").val()
+	let sede_id = $("#cboSedesFiltro").val()
+	let sede_descripcion = $("#cboSedesFiltro option:selected").text()
+
+	let params = cleanQueryParams({
+		fecha_inicio,
+		fecha_fin,
+		trabajador_id
+	})
+
+
+}
+
+
 $(document).ready(function () {
-	listarJustificaciones()
+	formControls.init()
+	$("#btnMostrarTodo").click(listarJustificaciones)
+	$("#btnAplicarFiltro").click(aplicarFiltro)
 })
\ No newline at end of file

src/main/webapp/vistas/listadoJustificacion.jsp

@@ -21,8 +21,8 @@
 				<div class="panel-body">
 					<div class="row">
 						<div class="col-md-4 form-group">
-							<label>Periodo cierre</label>
-							<select class="select-search form-control" id="cboPeriodoCierreFiltro">
+							<label>Personal</label>
+							<select class="select-search form-control" id="cboPersonalFiltro" >
 							</select>
 						</div>
 						<div class="col-md-4 form-group">
@@ -41,16 +41,21 @@
 						</div>
 					</div>
 					<div class="row">
-						<div class="col-md-12 form-group">
+						<div class="col-md-6 form-group">
 							<label>Sede</label>
 							<select class="form-control" id="cboSedesFiltro">
 							</select>
 						</div>
+						<div class="col-md-6 form-group">
+							<label>Estado</label>
+							<select class="form-control selectpicker" id="cboEstadoJustificacionFiltro" multiple>
+							</select>
+						</div>
 					</div>
 				</div>
 				<div class="panel-footer">
 					<div class="text-center">
-						<button class="btn btn-primary" id="btnAplicarFiltro"><i class="icon-eye4"></i> Aplicar filtro</button>&nbsp;
+						<button class="btn btn-primary" id="btnAplicarFiltro"><i class="fa fa-search"></i> Aplicar filtro</button>&nbsp;
 						<button class="btn btn-primary" id="btnMostrarTodo"><i class="icon-eye4"></i> Mostrar Todo</button>&nbsp;
 					</div>
 				</div>