listando estado de asistencia en control de asistencia administrativa

src/main/webapp/js/pages/control_asistencia_administrativa.js

@@ -130,18 +130,23 @@ function getColumns() {
 			data: null,
 			className: 'text-center',
 			render: (data) => {
-//				let editar = "";
-//				let eliminar = "";
-//				if (data.estado === 1) {
-//					editar = `<span data-placement="left" title="Editar" style="cursor: pointer"> <i class="editar icon-pencil text-slate-800"></i>&nbsp;&nbsp; </span>`;
-//					eliminar = `<span data-placement="left" title="Eliminar" style="cursor: pointer"> <i class="eliminar fa  fa-power-off text-danger-700"></i>&nbsp;&nbsp; </span>`;
-//				} else {
-//					eliminar = `<span data-placement="left" title="Eliminar" style="cursor: pointer"> <i class="eliminar fa  fa-power-off text-success-700"></i>&nbsp;&nbsp; </span>`;
-//				}
-//
-//				let acciones = editar + eliminar;
-//				return acciones;
-				return null;
+				let acciones = "";
+
+				switch (data.estadoasistencia_codigo) {
+					case 10:
+					case 11:
+					case null:
+					case "":
+						let registrar = `<span data-toggle="tooltip" data-placement="left" title="Editar" style="cursor: pointer"> <i class='registrar icon-plus-circle2 text-success-700'></i>&nbsp;&nbsp; </span>`;
+						let editar = `<span data-toggle="tooltip" data-placement="left" title="Editar" style="cursor: pointer"> <i class='editar icon-pencil text-slate-800'></i>&nbsp;&nbsp; </span>`;
+						let aprobar = `<span data-toggle="tooltip" data-placement="left" title="Aprobar" style="cursor: pointer"> <i class='aprobar icon-checkmark-circle text-success-700'></i>&nbsp;&nbsp; </span>`;
+						let anular = `<span data-toggle="tooltip" data-placement="left" title="Anular" style="cursor: pointer"> <i class='anular icon-cancel-circle2 text-danger-700'></i>&nbsp;&nbsp; </span>`;
+
+						acciones = registrar;
+						break;
+				}
+
+				return acciones;
 			}
 		}
 	];
@@ -201,26 +206,49 @@ const aplicarFiltro = () => {
 	let sede_id = $("#cboSedesFiltro").val();
 	let fecha_inicio = $("#dpFechaInicio").val();
 	let fecha_fin = $("#dpFechaFin").val();
-
+	let estadoasistencia_codigo = $("#cboEstadoAsistencia").val();
 	let rango_fechas = generarFechas(fecha_inicio, fecha_fin);
 
 	let params = cleanQueryParams({
-		fecha_asistencia: rango_fechas,
+		fecha_entrada: rango_fechas,
 		trabajador_id,
-		sede_base_id: sede_id
+		sede_base_id: sede_id,
+		estadoasistencia_codigo
 	});
+
+	if (estadoasistencia_codigo == 12) {
+		params.estadoasistencia_codigo = "";
+	}
 	listarAsistencia({params});
 };
 
+
+const listarEstadoAsistencia = () => {
+	ajaxWebService.get(URI_ESTADO_ASISTENCIA).then((response) => {
+		let estados = response.data;
+		let html = "";
+		estados
+		  .filter(e => e.codigo != 10 && e.codigo != 11)
+		  .forEach(e => html += `<option value="${e.codigo}">${e.nombre}</option>`);
+		$("#cboEstadoAsistencia").html(html);
+		$("#cboEstadoAsistencia").selectpicker('refresh');
+		$('.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"
+		});
+	});
+}
+
 $(() => {
 	$("#btnMostrarTodo").click(listarAsistencia);
 	$("#btnAplicarFiltro").click(aplicarFiltro);
 	initDatePicker("#dpFechaInicio", "#dpFechaFin");
 	listarSedes("#cboSedesFiltro");
 	listarPersonal("#cboPersonalFiltro");
-	ajaxWebService.get("estadoAsistencia").then(response => {
-		let estadoAsistencia = response.data;
-		estadoAsistencia = estadoAsistencia.filter(e => e.codigo != 10 && e.codigo != 11);
-		debugger
-	});
+	listarEstadoAsistencia();
 });

src/main/webapp/vistas/controlAsistenciaAdministrativa.jsp

@@ -49,6 +49,14 @@
                             </div>
                         </div>
                     </div>
+
+					<div class="row">
+						<div class="col-md-12 form-group">
+							<label>Estado de Asistencia</label>
+							<select class="selectpicker form-control" id="cboEstadoAsistencia" multiple>
+							</select>
+						</div>
+					</div>
                 </div>
                 <div class="panel-footer">
                     <div class="text-center">
@@ -79,7 +87,7 @@
 		<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/sweetalert2.min.js" type="text/javascript"></script>
-		
+
         <script src="../js/pages/control_asistencia_administrativa.js" type="text/javascript"></script>
         <!--js-->