trabajando modal de registro de asistencia en control de asistencia

src/main/webapp/js/pages/control_asistencia_policias.js

@@ -2,10 +2,8 @@ let asistencias = [], sedes = [];
 let htmlSedes;
 
 function listarAsistencias(objParams = {}) {
-    debugger
     axios.get(URI_POLICIAS_ASISTENCIA, objParams).then((response) => {
         response.data = formatResponse(response);
-        debugger
         let columns = [
             {
                 title: `N°`,
@@ -204,7 +202,7 @@ function listarAsistencias(objParams = {}) {
                 let data = $(datatable).DataTable().row($(this).parents("tr")).data();
                 console.log(data);
 
-                axios.get("modals/policias/controlAsistencia/registrarAsistencia.jspf").then((response) => {
+                axios.get("modals/policias/controlAsistencia/registrarAsistencia.jsp").then((response) => {
                     debugger
                     swal({
                         title: '<strong>Registrar Asistencia</strong>',
@@ -218,13 +216,20 @@ function listarAsistencias(objParams = {}) {
                         cancelButtonAriaLabel: 'Thumbs down',
                         width: '30%',
                         onOpen: () => {
-//                            $("#spanNombres").html(data.policia_nombres);
-//                            $("#spanSede").html(data.sede_descripcion);
-//                            $("#spanHorario").html(`${data.tiporol_descripcion} ${data.frecuencia_descripcion}`);
-//                            $("#spanRangoFechas").html(`${data.fecha_inicio} - ${data.fecha_fin}`);
-//                            let htmlList = ``;
-//                            data.detalles_rol.forEach(x => htmlList += `<li class="list-group-item" id="${x.id}">${x.fecha_entrada}</li>`);
-//                            $("#listaDias").html(htmlList);
+                            $("#spanNombres").html(data.policia_nombres);
+                            $("#dpAsistencia").datepicker({
+                                minDate: new Date(2000, 1 - 1, 1), maxDate: new Date(),
+                                dateFormat: 'dd/mm/yy',
+                                setDate: 'now',
+                                changeMonth: true,
+                                changeYear: true,
+                                yearRange: '-18:+0',
+                                onSelect: function () {
+//        $(this).valid();
+                                }
+                            });
+                            $("#dpAsistencia").datepicker('setDate', data.fecha_entrada);
+                            $("#cboTipoRegistro").change(cambioTipoRegistro);
                         }
                     });
                 });
@@ -277,94 +282,6 @@ function listarEstadoAsistencia() {
     });
 }
 
-
-
-function buscar() {
-    let criterio = $("#cboCriterio").val();
-    let busqueda = $("#busqueda");
-    let fechaInicio = $("#dpFechaInicio").val();
-    let fechaFin = $("#dpFechaFin").val();
-    let estadoAsistencia = $("#cboEstados");
-
-    $("#tblAsistenciaPolicias").DataTable().destroy();
-    $("#tblAsistenciaPolicias").DataTable({
-        iDisplayLength: 5,
-        bStateSave: false,
-        autoWidth: false,
-        responsive: true,
-        stateSave: true,
-        columnDefs: [{
-                orderable: false,
-                width: '100px',
-                targets: [8]
-            }],
-        dom: '<"datatable-header"fl><"datatable-scroll-wrap"t><"datatable-footer"ip>',
-        "processing": true,
-        "serverSide": false,
-        "data": asistencias,
-        "columns": [{"data": "fila"},
-            {"data": "nombres"},
-            {"data": "dni"},
-            // {"data": "sede"},
-            {"data": "area"},
-            {"data": "cargo"},
-            {
-                "data": "fecha_asistencia",
-                "className": 'text-center'
-            },
-            {
-                "data": "hora_ingreso",
-                "className": 'text-center'
-            },
-            {
-                "data": "hora_salida",
-                "className": 'text-center'
-            },
-            {
-                "data": "observacion",
-                "className": 'text-center',
-                render: function (data) {
-                    let label = '';
-                    let obs = ['', 'Asistió', 'No marcó', 'Falta con aviso', 'Falta sin aviso', 'Tardanza', 'Vacaciones', 'Feriado', 'LSGH', 'LCGH'];
-                    debugger
-                    switch (data) {
-                        case "1"://Asistió
-                            label = "label label-success";
-                            break;
-                        case "2"://No marco
-                            label = 'label label-info';
-                            break;
-                        case "3"://'Falta con aviso'
-                        case "4"://'Falta sin aviso'
-                            label = 'label label-danger';
-                            break;
-                        case "5"://'Tardanza'
-                            label = 'label label-warning';
-                            break;
-                        case "6"://'Vacaciones'
-                        case "7"://'Feriado'
-                        case "8"://'LSGH'
-                        case "9"://'LCGH'
-                            label = 'label label-primary';
-                            break;
-                        default:
-                            label = 'label label-default';
-                    }
-
-                    debugger
-                    console.log(label);
-
-                    return `<span class="${label}" style="font-size: 12px">${obs[data]}</span>`;
-                }
-            }
-        ],
-        fnInitComplete: function (settings, data) {
-            console.log(data);
-        }
-    });
-
-}
-
 function seleccionCriterio() {
     $("#cboCriterio").change(function () {
         let criterio = $(this).val();
@@ -396,7 +313,8 @@ function seleccionCriterio() {
 
 
 
-function evtChange() {
+function cambioTipoRegistro() {
+    debugger
     let criterio = $(this).val();
     console.log(criterio);
     if (criterio == 0) {
@@ -466,6 +384,7 @@ function buscarAsistencias() {
 }
 
 $().ready(function () {
+    defaultConfigDatePicker();
     listarEstadoAsistencia();
     listarPolicias("#cboPoliciasFiltro");
     listarSedes("#cboSedesFiltro");
@@ -508,11 +427,8 @@ $().ready(function () {
     });
     $("#dpFechaFin").datepicker('setDate', 'now');
 
-    $("#cboTipoAsistencia").change(evtChange);
 
 
-    defaultConfigDatePicker();
-
     seleccionCriterio();
     $("#btnVerTodos").click(listarAsistencias);
     $("#btnVerAsistencias").click(buscarAsistencias);

src/main/webapp/vistas/controlAsistenciaPolicias.jsp

@@ -362,6 +362,7 @@
         <script src="../plantilla/assets/js/core/libraries/jquery_ui/interactions.min.js"></script> 
         <script src="../plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js"></script>
         <script src="../js/lib/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
+        <!--<script src="../plantilla/assets/js/plugins/pickers/datepicker.js" type="text/javascript"></script>-->
         <script src="../plantilla/assets/js/plugins/pickers/daterangepicker.js"></script>
         <script src="../plantilla/assets/js/plugins/forms/selects/select2.min.js"></script>
         <script src="../plantilla/assets/js/plugins/extensions/contextmenu.js"></script>

src/main/webapp/vistas/modals/helperHeader.jsp

+<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
+<link href="${pageContext.request.contextPath}/plantilla/assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
+<link href="${pageContext.request.contextPath}/plantilla/assets/css/icons/fontawesome/styles.min.css" rel="stylesheet" type="text/css">
+<link href="${pageContext.request.contextPath}/plantilla/assets/css/bootstrap.css" rel="stylesheet" type="text/css">
+<link href="${pageContext.request.contextPath}/plantilla/assets/css/core.css" rel="stylesheet" type="text/css">
+<link href="${pageContext.request.contextPath}/plantilla/assets/css/components.css" rel="stylesheet" type="text/css">
+<link href="${pageContext.request.contextPath}/plantilla/assets/css/colors.css" rel="stylesheet" type="text/css">
+<link href="${pageContext.request.contextPath}/css/general.css" rel="stylesheet" type="text/css"/>
+<!--<link href="${pageContext.request.contextPath}/num/num.css" rel="stylesheet" type="text/css"/>-->
+<!-- /global stylesheets -->
+<script src="${pageContext.request.contextPath}/js/lib/cookies.js" type="text/javascript"></script>

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

-<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
-<link href="../plantilla/assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
-<link href="../plantilla/assets/css/icons/fontawesome/styles.min.css" rel="stylesheet" type="text/css">
-<link href="../plantilla/assets/css/bootstrap.css" rel="stylesheet" type="text/css">
-<link href="../plantilla/assets/css/core.css" rel="stylesheet" type="text/css">
-<link href="../plantilla/assets/css/components.css" rel="stylesheet" type="text/css">
-<link href="../plantilla/assets/css/colors.css" rel="stylesheet" type="text/css">
-<link href="../css/general.css" rel="stylesheet" type="text/css"/>
+<%--<jsp:include page="/vistas/modals/helperHeader.jsp"/>--%>
 <div class="row">
     <div class="form-group col-md-12">
         <label>Fecha de asistencia</label>

src/main/webapp/vistas/modals/policias/controlAsistencia/registrarAsistencia.jspf

-<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="datepicker form-control" type="text" id="txtFechaAsistencia" value="26/06/2018" disabled>
-        </div>
-    </div>
-</div>
-
-<div class="row">
-    <div class="form-group col-md-12">
-        <label>Policia</label>
-        <span class="label label-left border-left-primary label-striped form-control">DEZA CORREA OSCAR MIGUEL</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="cboTipoAsistencia" class="form-control">
-            <option value="0">[SELECCIONE]</option>
-            <option value="1">Registro Autorizado</option>
-            <option value="3">Falta con Aviso</option>
-            <option value="4">Falta sin Aviso</option>
-        </select>
-    </div>
-</div>
-
-<div class="row" id="divFiltro">
-
-</div>
\ No newline at end of file