filtrando asistencias administrativas

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

@@ -19,6 +19,11 @@ function getColumns() {
 			}
 		},
 		{
+			title: "SEDE",
+			data: "sede_base_descripcion",
+			className: "text-center"
+		},
+		{
 			title: `CARGO`,
 			data: `cargo`,
 			className: 'text-center'
@@ -30,31 +35,94 @@ function getColumns() {
 		},
 		{
 			title: `FECHA`,
-			data: `fecha`,
+			data: `fecha_entrada`,
 			className: 'text-center'
 		},
 		{
-			title: `HORA MARCACIÓN`,
-			data: `hora_marcacion`,
-			className: 'text-center'
+			title: `MARC. ENTRADA`,
+			data: null,
+			className: 'text-center',
+			render: (data) => {
+				let label = "";
+
+				if (data.estadoasistencia_codigo == 3 || data.estadoasistencia_codigo == 4 || data.estadoasistencia_codigo == 6 || data.estadoasistencia_codigo == 7 || data.estadoasistencia_codigo == 8 || data.estadoasistencia_codigo == 9) {
+					return `-`;
+				}
+
+				if (data.huella_entrada === 1) {
+					label = "text-migration font-weight-bold";
+				} else if (data.huella_entrada === 0) {
+					label = "text-default";
+				}
+
+				if (!data.marcacion_entrada) {
+					return null;
+				}
+
+				return `<span class="${label}">${data.marcacion_entrada}</span>`;
+			}
 		},
 		{
 			title: 'ESTADO',
-			data: `estado_asistencia`,
+			data: null,
 			className: "text-center",
 			render: (data) => {
 				let label = "";
-				let contenido = "";
-
-				if (data === 1) {
-					label = `label label-success`;
-					contenido = "ACTIVO";
-				} else if (data === 0) {
-					label = `label label-danger`;
-					contenido = "INACTIVO";
+				let estado = "";
+
+				switch (data.estadoasistencia_codigo) {
+					case 1:
+						label = "label label-success";
+						estado = "TEMPRANO";
+						break;
+					case 2:
+						label = "label label-warning";
+						estado = "TARDANZA";
+						break;
+					case 3:
+						label = "label label-danger";
+						estado = "FCA";
+						break;
+					case 4:
+						label = "label label-danger";
+						estado = "FSA";
+						break;
+					case 5:
+						label = "label label-default";
+						estado = "NO MARCÓ";
+						break;
+					case 6:
+						label = "label label-info";
+						estado = "VACACIONES";
+						break;
+					case 7:
+						label = "label label-info";
+						estado = "FERIADO";
+						break;
+					case 8:
+						label = "label label-info";
+						estado = "LCGH";
+						break;
+					case 9:
+						label = "label label-info";
+						estado = "LSGH";
+						break;
+					case 10:
+						label = "label bg-purple";
+						estado = "ENTRADA PENDIENTE";
+						break;
+					case 11:
+						label = "label bg-purple";
+						estado = "SALIDA PENDIENTE";
+						break;
+					case null:
+					case "":
+						label = "label bg-purple";
+						estado = "PENDIENTE";
+						break;
 				}
 
-				return `<span class="${label}">${contenido}</span>`;
+				return `<span class="${label}">${estado}</span>`;
 			}
 		},
 		{
@@ -62,17 +130,18 @@ 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;
+//				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;
 			}
 		}
 	];
@@ -120,15 +189,38 @@ const listarSedes = (selectorName) => {
 		$(`${selectorName}`).html(html);
 		$(selectorName).select2();
 	});
-}
+};
 
 const listarPersonal = (selectorName) => {
 	initSelect2(selectorName, baseURLRest + URI_TRABAJADORES, {title: "nombresapellidos", subtitle: "documentoidentidad"});
-}
+};
+
+const aplicarFiltro = () => {
+	debugger
+	let trabajador_id = $('#cboPersonalFiltro').select2('data')[0] ? $('#cboPersonalFiltro').select2('data')[0].id : "";
+	let sede_id = $("#cboSedesFiltro").val();
+	let fecha_inicio = $("#dpFechaInicio").val();
+	let fecha_fin = $("#dpFechaFin").val();
+
+	let rango_fechas = generarFechas(fecha_inicio, fecha_fin);
+
+	let params = cleanQueryParams({
+		fecha_asistencia: rango_fechas,
+		trabajador_id,
+		sede_base_id: sede_id
+	});
+	listarAsistencia({params});
+};
 
 $(() => {
-	listarAsistencia();
+	$("#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
+	});
 });