mostrando modal de registro de asistencia

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

@@ -154,6 +154,83 @@ function getColumns() {
 	return columns;
 }
 
+const mostrarModalRegistro = (data) => {
+	ajaxModal.get("administrativos/controlAsistencia/registrarAsistencia.jsp").then((response) => {
+		swal({
+			title: '<strong>Registrar Asistencia</strong>',
+			html: response.data,
+			showCloseButton: true,
+			showCancelButton: true,
+			focusConfirm: false,
+			confirmButtonText: '<i class="fa fa-thumbs-up"></i> Registrar asistencia',
+			confirmButtonAriaLabel: 'Thumbs up, great!',
+			cancelButtonText: 'Cancelar',
+			cancelButtonAriaLabel: 'Thumbs down',
+			width: '30%',
+			onOpen: () => {
+				inicializarInputsModal(data);
+			}
+		})
+//		  .then((result) => {
+//			mostrarMensajeResultadoModal(result);
+//		});
+	});
+}
+
+
+const inicializarInputsModal = (data) => {
+	let nombresCompletos = `${data.apellidos} ${data.nombres}`;
+	$("#dpAsistencia").val(data.fecha_entrada);
+	$("#spanNombres").text(nombresCompletos);
+	$("#cboTipoRegistro").change(cambioTipoRegistro);
+}
+
+
+function cambioTipoRegistro() {
+	debugger
+	let criterio = $(this).val();
+	console.log(criterio);
+	if (criterio == 0) {
+		let html = ``;
+		$("#divFiltroModal").html(html);
+	}
+	if (criterio == 1 || criterio == 2) {
+		let html =
+		  `<div class=''>                        
+                        <div class="form-group col-md-6">                                            
+                           <label style="font-size: small">
+                               Marcación: 
+                           </label>
+                           <span class="text-danger"> (*)</span>
+                           <select id="cboTipoAsistencia" class="form-control">
+                                        <option value="0">[SELECCIONE]</option>
+                                        <option value="1">ENTRADA</option>
+                                        <option value="2">SALIDA</option>
+                            </select>                                            
+                       </div>
+                       <div class="form-group col-md-6">                                            
+                           <label style="font-size: small">
+                               Hora: 
+                           </label>
+                           <span class="text-danger"> (*)</span>
+                           <input type="time" id="txtHora" name="txtHora" value="" class="form-control" placeholder="Ingrese la hora" style="text-transform:uppercase;">                                            
+                       </div> 
+                    </div>`;
+		$("#divFiltroModal").html(html);
+	} else if (criterio == 3 || criterio == 4) {
+		let html =
+		  `<div class='col-md-12'>
+                       <div class="form-group">                                            
+                           <label style="font-size: small">
+                               Observación: 
+                           </label>
+                           <span class="text-danger"> (*)</span>
+                           <textarea type="text" id="txtObservacion" name="txtObservacion" value="" class="form-control" placeholder="Ingrese el motivo de la falta" rows="3" style="resize: none;"/>                                            
+                       </div> 
+                   </div>`;
+		$("#divFiltroModal").html(html);
+	}
+}
 
 function listarAsistencia(objParams = {}) {
 
@@ -171,16 +248,12 @@ function listarAsistencia(objParams = {}) {
 		  },
 		  classNameForDatatable,
 		  ).then((nodes) => {
-//			nodes.container.off();
-//			nodes.container.on("click", ".editar", function () {
-//				let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
-//				mostrarModalEdicion(data);
-//			});
-//
-//			nodes.container.on("click", ".eliminar", function () {
-//				let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
-//				mostrarModalEliminacion(data);
-//			});
+			nodes.container.off();
+			nodes.container.on("click", ".registrar", function () {
+				let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
+				mostrarModalRegistro(data);
+			});
+
 		});
 	});
 }

src/main/webapp/vistas/modals/administrativos/controlAsistencia/registrarAsistencia.jsp

+<%--<jsp:include page="/vistas/modals/helperHeader.jsp"/>--%>
+<div class="panel-body">
+    <form id="frm" onsubmit="return false;" autocomplete="off">
+
+        <div class="row">
+            <div class="form-group col-md-12">
+                <label>Fecha de asistencia</label>
+                <div class="input-group">
+                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
+                    <input class="form-control" type="text" id="dpAsistencia" data-provide="datepicker-inline" disabled>
+                </div>
+            </div>
+        </div>
+
+        <div class="row">
+            <div class="form-group col-md-12">
+                <label>Apellidos y Nombres</label>
+                <span class="label label-left border-left-primary label-striped form-control" id="spanNombres"></span>
+            </div>
+        </div>
+
+
+        <div class="row">
+            <div class="form-group col-md-12">
+                <label style="font-size: small">
+                    Tipo de registro:
+                </label>
+                <span class="text-danger"> (*)</span>
+                <select id="cboTipoRegistro" class="form-control">
+                    <option value="0">[SELECCIONE]</option>
+                    <optgroup label="Registro Autorizado">
+                        <option value="1">No marc</option>
+                        <option value="2">Huella desconocida</option>
+                        <option value="2">Otros</option>
+                    </optgroup>
+                    <optgroup label="Faltas">
+                        <option value="3">Falta con Aviso</option>
+                        <option value="4">Falta sin Aviso</option>
+                    </optgroup>
+                </select>
+            </div>
+        </div>
+
+        <div class="row" id="divFiltroModal">
+
+        </div>
+</div>
+</form>
\ No newline at end of file