[EDIT registro periodo de cierre, modificando el estado de cierre de una sede especifica]

src/main/webapp/js/general.js

@@ -55,6 +55,7 @@ const URI_ESTADOJUSTIFICACION = "estadoJustificaciones"
 const URI_TIPOPERSONAL = "tipoPersonales"
 const URI_MESESCIERRE = "mesesCierre"
 const URI_PERIODOCIERRE = "periodoCierreAsistencia"
+const URI_PERIODOCIERRE_SEDES = "periodoSedes"
 const URI_JUSTIFICACION_ASISTENCIAS = "asistenciaJustificacion"
 //</editor-fold>
 
@@ -614,7 +615,7 @@ const listarSedes = (nodeIdentifier, todos = true) => {
 	});
 };
 
-const getDataRow = (datatable, e) => datatable.DataTable().row($(e.currentTarget).parents("tr").data())
+const getDataRow = (datatable, e) => datatable.DataTable().row($(e.currentTarget).parents("tr")).data()
 
 /*ELIMINAR CUANDO PASE A PROD*/
 //$("body").addClass("sidebar-xs")

src/main/webapp/js/pages/registro_periodo_cierre.js

@@ -190,6 +190,7 @@ function listarPeriodosCierre(objParams = {}){
 }
 
 const mostrarModalVerDetalle = (data) => {
+
 	ajaxModal.get("periodoscierre/detalleperiodo.jspf").then((response) => {
 		swalWithBootstrapButtons({
 			title: '<strong>Detalle</strong>',
@@ -200,6 +201,12 @@ const mostrarModalVerDetalle = (data) => {
 			width: '30%',
 			customClass: 'swal2-overflow',
 			onOpen: () => {
+
+				let params = {
+					periodocierreasistencia_id: data.id
+				}
+
+				ajaxWebService.get(URI_PERIODOCIERRE_SEDES, {params}).then((response2) => {
 					let columns = [
 						{
 							title: 'N°',
@@ -208,20 +215,41 @@ const mostrarModalVerDetalle = (data) => {
 						},
 						{
 							title: 'Sede',
-						data: 'sede_descripcion',
-						className: 'text-center'
+							data: 'sede_descripcion'
 						},
 						{
 							title: 'ESTADO',
 							data: 'estado',
-						className: 'text-center'
+							className: 'text-center',
+							render: (data) => {
+								let label = "", contenido = ""
+
+								if (data === 1) {
+									label = "label label-success"
+									contenido = "ABIERTO"
+								} else if (data === 0) {
+									label = "label label-danger"
+									contenido = "CERRADO"
+								}
+
+								return `<span class="${label}">${contenido}</span>`
+							}
 						},
 						{
 							title: 'ACCIONES',
 							data: null,
 							className: 'text-center',
 							render: (data) => {
-							return ``
+								let abrirPeriodo = "", cerrarPeriodo
+								let acciones
+								if (data.estado === 1) {
+									cerrarPeriodo = `<span style="cursor: pointer"><i class="cierre-periodo-sede icon-lock2 text-danger-700"></i>&nbsp;&nbsp;</span>`;
+								} else if (data.estado === 0) {
+									abrirPeriodo = `<span style="cursor: pointer"><i class="cierre-periodo-sede icon-unlocked2 text-success-700"></i>&nbsp;&nbsp;</span>`;
+								}
+
+								acciones = abrirPeriodo + cerrarPeriodo
+								return acciones
 							}
 						}
 					]
@@ -229,21 +257,22 @@ const mostrarModalVerDetalle = (data) => {
 					let wrapsNameDatatable = `dtPeriodoSedes`;
 					let classNameForDatatable = `display table table-bordered`;
 
+					let dataOrdenada = _.orderBy(response2.data, s => s.sede_descripcion)
+
 					makeDatatable(
 						wrapsNameDatatable,
 						{
-						data: response.data,
+							data: dataOrdenada,
 							columns,
+							pageLength: 10
 						},
 						classNameForDatatable,
 						).then((nodes) => {
 						nodes.container
 							.off()
-//						.on("click", ".editar", (e) => mostrarModalEditarPeriodoCierre(getDataRow(nodes.datatable, e)))
-//						.on("click", ".cierre-periodo", (e) => mostrarModalCierrePeriodo(getDataRow(nodes.datatable, e)))
-//						.on("click", ".ver-detalle", (e) => mostrarModalVerDetalle(getDataRow(nodes.datatable, e)))
-
+							.on("click", ".cierre-periodo-sede", (e) => mostrarModalCierrePeriodoSede(getDataRow(nodes.datatable, e), data))
 					});
+				})
 
 			}
 		}).then((result) => {
@@ -254,6 +283,55 @@ const mostrarModalVerDetalle = (data) => {
 	});
 }
 
+const mostrarModalCierrePeriodoSede = (data, jsonPrimerDatatable) => {
+	debugger
+	let {id, estado} = data;
+	let titulo = "";
+	let textoConfirmacion = ""
+	let tituloOperacion = "";
+
+
+	if (estado) {
+		titulo = `Cerrar el periodo «${data.mescierre_descripcion}»?`;
+		textoConfirmacion = 'Sí!';
+		tituloOperacion = '¡Periodo cerrado exitosamente!';
+		estado = 0;
+	} else {
+		titulo = `Abrir el periodo «${data.mescierre_descripcion}»?`;
+		textoConfirmacion = 'Sí!';
+		tituloOperacion = '¡Periodo abierto exitosamente!';
+		estado = 1;
+	}
+
+	swal({
+		title: titulo,
+		text: "",
+		type: 'question',
+		showCancelButton: true,
+		confirmButtonColor: '#3085d6',
+		cancelButtonColor: '#d33',
+		confirmButtonText: textoConfirmacion
+	}).then((result) => {
+		if (result.value) {
+			ajaxWebService.patch(`${URI_PERIODOCIERRE_SEDES}/${id}`, {estado}).then((response) => {
+				if (response.status) {
+					swal({
+						type: 'success',
+						title: tituloOperacion,
+						showConfirmButton: false,
+						timer: 1500
+					});
+//					listarPeriodosCierre()
+				}
+				debugger
+				mostrarModalVerDetalle(jsonPrimerDatatable)
+			});
+		} else {
+			mostrarModalVerDetalle(jsonPrimerDatatable)
+		}
+	});
+}
+
 const mostrarModalEditarPeriodoCierre = (data) => {
 	ajaxModal.get("cierreasistenciamensual/mantenimientoPeriodoCierre/registroperiodocierre.jspf").then((response) => {
 		swalWithBootstrapButtons({
@@ -368,14 +446,14 @@ const aplicarFiltro = () => {
 
 const formControls = {
 	init() {
-		debugger
+
 		this.initTipoCierres()
 		this.initPeriodos()
 		this.initEstados()
 		this.initPickers()
 	},
 	initTipoCierres() {
-		debugger
+
 		listarTipoPersonal("#cboTipoPersonalFiltro", 1)
 	},
 	initPeriodos() {