avance de prototitpo de asistencia administrativa

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

+let data = [];
+
+function initilizeData() {
+    data = [
+        {dni: '47063443', nombres: 'CUYA OLIVARES ANTONY FRANCISCO', horario: '24:0 - 17:30', cargo: 'AJEDREZ'},
+        {dni: '44992755', nombres: 'TRUJILLO RODRIGUEZ MARIO ALONSO', horario: '7:20 - 17:30', cargo: 'LOGICO MATEMATICO'},
+        {dni: '00040611', nombres: 'ZAPATA LLOVERA CARLOS DANIEL', horario: '24:0 - 17:30', cargo: 'AJEDREZ'},
+        {dni: '72972020', nombres: 'CUAREZ VALLEJOS BRENDA CAROL', horario: '24:0 - 17:30', cargo: 'BIOLOGIA'},
+        {dni: '41979574', nombres: 'SANCHEZ BELL PATRICIA', horario: '7:25 - 17:30', cargo: '2DO GRADO'},
+        {dni: '44543829', nombres: 'GRADOS SARAVIA PAULO JESUS', horario: '24:0 - 17:30', cargo: 'FISICA'},
+        {dni: '70511922', nombres: 'LUQUE CONDORI ROMAN', horario: '7:35 - 17:30', cargo: 'PROGRAMADOR'},
+        {dni: '08168625', nombres: 'TORRES VALLEJOS MIGUEL CHRISTIAN', horario: '24:0 - 17:30', cargo: 'ARITMETICA'},
+        {dni: '46114296', nombres: 'MARTINEZ CHACON JORGE LUIS', horario: '24:0 - 17:30', cargo: 'GEOGRAFIA'},
+        {dni: '70858844', nombres: 'COCHACHIN FLORES ESTEFANNY JESMIN', horario: '7:20 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '43678566', nombres: 'ALBINO RAMOS KATERIN JOHANA', horario: '13:5 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '08171413', nombres: 'ROSALES RODRIGUEZ RODOLFO', horario: '24:0 - 17:30', cargo: 'GEOGRAFIA'},
+        {dni: '07053008', nombres: 'BELLIDO HERMOZA MIGUEL ANGEL', horario: '7:35 - 17:30', cargo: 'ELECTRICISTA'},
+        {dni: '40018103', nombres: 'CORNEJO CHAVEZ RONALD ADRIAN', horario: '7:35 - 17:30', cargo: 'APOYO'},
+        {dni: '08498670', nombres: 'VELASQUEZ CHUQUICAHUANA HUGO', horario: '24:0 - 17:30', cargo: 'EDUC. FISICA'},
+        {dni: '47823228', nombres: 'ROMERO MENDOZA ERIK BRAYAN', horario: '7:30 - 17:30', cargo: 'APOYO'},
+        {dni: '72398390', nombres: 'MENDOCILLA VARGAS NAYSSA ELIZABETH', horario: '7:20 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '13196868', nombres: 'ORTEGA OLIVARES ROBINSON RAFAEL', horario: '7:35 - 17:30', cargo: 'ALMACENERO'},
+        {dni: '44531081', nombres: 'CAMPOS CAMACHO ROSARIO DEL PILAR', horario: '7:20 - 17:30', cargo: 'TUTOR'},
+        {dni: '09498051', nombres: 'VALERO SALAS ZOILA SARA', horario: '7:20 - 17:30', cargo: 'TUTOR'},
+        {dni: '45687728', nombres: 'CABEZAS MEZA KATHERINE JUDITH', horario: '7:20 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '47566592', nombres: 'TABOADA ROSELLO HELEN', horario: '24:0 - 17:30', cargo: 'LITERATURA'},
+        {dni: '48344978', nombres: 'LUQUE GOMEZ JORGE LUIS', horario: '24:0 - 17:30', cargo: 'QUIMICA'},
+        {dni: '47261974', nombres: 'BARROSO QUISPE INGRID ESTEFANY', horario: '7:20 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '42615720', nombres: 'VALDERRAMA ANGULO LIZ', horario: '7:20 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '47523018', nombres: 'SANTILLAN ASTECKER JOHN', horario: '7:20 - 17:30', cargo: 'TUTOR'},
+        {dni: '09148427', nombres: 'HERNANDEZ RIVERA DE ANGULO ROSA ALBINA', horario: '7:20 - 17:30', cargo: 'APOYO'},
+        {dni: '73892508', nombres: 'MENDOZA WITTING LIZKA YVETTE', horario: '24:0 - 17:30', cargo: 'LENGUA'},
+        {dni: '76132441', nombres: 'SALVATIERRA JULCA NOELIA MERY ANA', horario: '8:0 - 17:30', cargo: 'INTERNA-PSICOLOGA'},
+        {dni: '42876585', nombres: 'REBAZA GONZALES CRISTHIAN RONNY', horario: '24:0 - 17:30', cargo: 'ASESOR'},
+        {dni: '43064081', nombres: 'ESTACIO DURAND KAREN HAYDEE', horario: '7:20 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '47771878', nombres: 'DAMIAN LLANOS GABRIELA ANA', horario: '7:20 - 17:30', cargo: 'TUTOR'},
+        {dni: '71737318', nombres: 'CERRON PAIPAY CLAUDIA NATALIA', horario: '7:20 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '47527367', nombres: 'CAYCHO CCOPA DANA MILAGROS', horario: '7:20 - 17:30', cargo: 'TUTOR'},
+        {dni: '08660974', nombres: 'HIDALGO TUPIA VIOLETA DJENANNA', horario: '7:35 - 17:30', cargo: 'APOYO'},
+        {dni: '44584572', nombres: 'RASCO PLASENCIA LUCY ANALY', horario: '7:25 - 17:30', cargo: 'PSICOLOGIA'},
+        {dni: '74915341', nombres: 'SIU FLORES SILVANA', horario: '7:35 - 17:30', cargo: 'AUXILIAR CONTABLE'},
+        {dni: '09453184', nombres: 'MEZA SANCHEZ GENARO VICTOR', horario: '7:0 - 17:30', cargo: 'POLICIA'},
+        {dni: '76616325', nombres: 'NICHO FALLA LUCIANA PAMELA', horario: '7:20 - 17:30', cargo: 'AUXILIAR'},
+        {dni: '75278943', nombres: 'VERA MONTOYA MARJORIE JHOANA', horario: '7:20 - 17:30', cargo: 'AUXILIAR'},
+        {dni: '74308155', nombres: 'GONZALES ESQUIVEL JOSELIN NURIA', horario: '7:20 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '07305918', nombres: 'CASTILLA SALAS VICTOR SALVADOR', horario: '7:25 - 17:30', cargo: 'LOGICO MATEMATICO'},
+        {dni: '09680101', nombres: 'VERA ANTIALON ARTURO JORGE', horario: '7:50 - 17:30', cargo: 'GEOGRAFIA'},
+        {dni: '47411997', nombres: 'PINARES VARGAS YURIKO DEL CARMEN', horario: '7:20 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '43093290', nombres: 'LAZO HUAYNA FIORELLA ANGELICA', horario: '13:5 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '71998370', nombres: 'CARRANZA CHAVARRIA MIDORI BEATRIZ', horario: '8:30 - 17:30', cargo: 'PRACTICANTE'},
+        {dni: '70664280', nombres: 'SUAREZ RAMOS GABRIELA', horario: '7:20 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '75615559', nombres: 'ACUÑA LAZO CINTHYA ESTEFANI', horario: '7:20 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '74136406', nombres: 'DE LA VEGA ALVA ALEJANDRA SOFIA', horario: '7:20 - 17:30', cargo: 'SECRETARIA'},
+        {dni: '47470587', nombres: 'MICHUY CARRANZA LUCERO ISABEL', horario: '7:20 - 17:30', cargo: 'AUXILIAR'},
+        {dni: '43422485', nombres: 'AREVALO AGUIRRE XIXAO FABRIZZIO', horario: '7:0 - 17:30', cargo: 'POLICIA'},
+        {dni: '71969865', nombres: 'FLORES AGUILAR LUIS ANDRES', horario: '24:0 - 17:30', cargo: 'EDUC. FISICA'},
+        {dni: '10608693', nombres: 'URIBE PORRAS EDSON JEAN', horario: '24:0 - 17:30', cargo: 'HISTORIA DEL PERÚ'},
+        {dni: '76322606', nombres: 'ESCUDERO CAJAVILCA ALFONSO', horario: '24:0 - 17:30', cargo: 'QUIMICA'},
+        {dni: '40346556', nombres: 'ESTELA TARDILLO JANINA MARBEL', horario: '7:0 - 17:30', cargo: 'MANTENIMIENTO'},
+        {dni: '41025071', nombres: 'CASERES PEREZ VIOLETA YANET', horario: '7:20 - 17:30', cargo: 'TUTOR'},
+        {dni: '75686397', nombres: 'FERNANDEZ FAJARDO BENJAMIN JOEL', horario: '7:0 - 17:30', cargo: 'MANTENIMIENTO'},
+        {dni: '73111811', nombres: 'CAYOTOPA LATORRE CRISTHIAN ARMANDO', horario: '24:0 - 17:30', cargo: 'ECONOMIA'},
+        {dni: '00010974', nombres: 'ANDRADE BENITEZ JESUS ALEJANDRO', horario: '13:5 - 17:30', cargo: 'TUTOR'},
+        {dni: '40231291', nombres: 'ORTIZ COTAQUISPE YONY', horario: '24:0 - 17:30', cargo: 'ARITMETICA'},
+        {dni: '41565734', nombres: 'TERRASSE KALA JOSE LUIS', horario: '24:0 - 17:30', cargo: 'ECONOMIA'},
+        {dni: '46261834', nombres: 'PAREDES GUTIERREZ SAMUEL JONATAN', horario: '7:45 - 17:30', cargo: 'DIAGRAMADOR'},
+        {dni: '40485993', nombres: 'RAMON PEREZ JUAN CARLOS', horario: '7:45 - 17:30', cargo: 'DIAGRAMADOR'},
+        {dni: '45514177', nombres: 'MONTES DE OCA SILVA ALINA ANNIE', horario: '24:0 - 17:30', cargo: 'DANZA'},
+        {dni: '74177273', nombres: 'CHIROQUE ESPINOZA PATRICIA SILVANA', horario: '7:20 - 17:30', cargo: 'TUTOR'},
+        {dni: '07493792', nombres: 'MONCADA MENDOZA ELBER MARIO', horario: '7:0 - 17:30', cargo: 'POLICIA'},
+        {dni: '45594656', nombres: 'TORRES RAMOS BRANLY RUSSELL', horario: '24:0 - 17:30', cargo: 'PSICOLOGIA'},
+        {dni: '76354453', nombres: 'OLIVA FLORES CARLOS JONATAN', horario: '24:0 - 17:30', cargo: 'EDUC. FISICA'},
+        {dni: '46100982', nombres: 'AMANQUI QUISPE BEATRIZ VICTORIA', horario: '7:20 - 17:30', cargo: 'AUXILIAR'},
+        {dni: '74061698', nombres: 'CHAMBI GALVEZ MARIA ELIZABETH', horario: '7:20 - 17:30', cargo: 'TUTOR'},
+        {dni: '45905115', nombres: 'CRUZ QUIÑONEZ JAIME JOAQUIN', horario: '24:0 - 17:30', cargo: 'ARITMETICA'},
+        {dni: '42400453', nombres: 'SALAZAR PEREZ MIGUEL ANGEL', horario: '7:20 - 17:30', cargo: 'TUTOR'},
+        {dni: '71337684', nombres: 'BARRERA BENITES BARBARA', horario: '7:20 - 14:30', cargo: 'AUXILIAR'},
+        {dni: '70389291', nombres: 'GOIZUETA CARDENAS GUSTAVO VICENTE', horario: '24:0 - 17:30', cargo: 'ALGEBRA'},
+        {dni: '74840590', nombres: 'URCIA AGUILAR JOSUE ALEXANDER', horario: '24:0 - 17:30', cargo: 'QUIMICA'},
+        {dni: '47215103', nombres: 'GARCIA SANCHEZ LINDER JOSCARMAN', horario: '24:0 - 17:30', cargo: 'ARITMETICA'},
+        {dni: '41630230', nombres: 'NIETO VENTURA KAREEN PAMELA', horario: '13:5 - 20:00', cargo: 'TUTOR'},
+        {dni: '73893581', nombres: 'ASTOCASA CABREJOS CLAUDIA CAROLINA', horario: '7:20 - 14:30', cargo: 'AUXILIAR'},
+        {dni: '71460625', nombres: 'GONZALES CASTRO GABRIELA NOEMI', horario: '7:35 - 17:30', cargo: 'ASISTENTE'},
+        {dni: '25729094', nombres: 'INFANTE LOPEZ MIGUEL CHRISTIAN', horario: '24:0 - 17:30', cargo: 'ARITMETICA'},
+        {dni: '47278375', nombres: 'LUYO RODRIGUEZ GIANCARLO PAUL', horario: '24:0 - 17:30', cargo: 'GEOMETRIA'},
+        {dni: '42922020', nombres: 'APOLAYA SARMIENTO ALAN ALBERTO', horario: '7:25 - 14:30', cargo: 'PERSONAL SOCIAL'},
+        {dni: '08342977', nombres: 'GAMBOA GONZALES CARLOS ALBERTO', horario: '7:25 - 14:30', cargo: 'LOGICO MATEMATICO'},
+        {dni: '44260935', nombres: 'ALVAREZ CASTILLO GERALDINE ISABEL', horario: '7:35 - 17:30', cargo: 'ASISTENTE'},
+        {dni: '10132375', nombres: 'LARREA GOMEZ CAMILA NORMA', horario: '24:0 - 17:30', cargo: 'LENGUA'},
+        {dni: '42388095', nombres: 'LUQUE AMORIN JUAN CARLOS', horario: '7:20 - 17:00', cargo: 'TUTOR'},
+        {dni: '76809910', nombres: 'REYES SAENZ AMMY KIMBERLY', horario: '7:20 - 17:00', cargo: 'AUXILIAR'},
+        {dni: '45930544', nombres: 'ARRIETA JANAMPA IRMA', horario: '7:20 - 17:00', cargo: 'TUTOR'},
+        {dni: '25538100', nombres: 'COLONIO ORELLANA ALBERTO RICARDO', horario: '24:0 - 17:30', cargo: 'ARITMETICA'},
+        {dni: '45388371', nombres: 'COLLANTES ZEGARRA ALFONSO', horario: '24:0 - 17:30', cargo: 'FISICA'},
+        {dni: '47367984', nombres: 'PEÑA RAMOS LESLY ANGELA', horario: '7:25 - 17:30', cargo: 'PERSONAL SOCIAL'},
+        {dni: '48239478', nombres: 'QUISPE APCHO YASBEL MILAGROS', horario: '7:20 - 17:00', cargo: 'TUTOR'},
+        {dni: '48137983', nombres: 'CARDENAS RIOS BRIGITTE KATHERINE', horario: '7:20 - 17:00', cargo: 'TUTOR'},
+        {dni: '26674118', nombres: 'NARRO SALDAÑA OVIDIO ATTILIO', horario: '24:0 - 17:30', cargo: 'BIOLOGIA'},
+        {dni: '70521129', nombres: 'VALENZUELA HERNANDEZ ELIZABETH ROSARIO', horario: '7:25 - 14:30', cargo: 'AUXILIAR'},
+        {dni: '47428946', nombres: 'DAVILA YESQUEN AMALIA STEFANIA', horario: '7:25 - 14:30', cargo: 'INGLES'},
+        {dni: '76176575', nombres: 'VARGAS CUYA KATHERINE PAOLA', horario: '7:25 - 14:30', cargo: '1ER GRADO'},
+        {dni: '47051354', nombres: 'LOPEZ RAMIREZ EVELYN VANESSA', horario: '13:5 - 17:00', cargo: 'ASISTENTE-PSICOLOGIA'},
+        {dni: '43070834', nombres: 'CALONGOS TORRES GIANCARLO ALAN', horario: '24:0 - 17:30', cargo: 'HISTORIA UNIVERSAL'},
+        {dni: '72910258', nombres: 'PALACIOS SILVERA RONALD JOSE', horario: '7:45 - 17:30', cargo: 'CORRECTOR DE PRACTICAS'}
+    ];
+
+
+    let asistencia = [
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: null, estado: null},
+        {fecha: '12/08/2018', hora_marcacion: '7:31', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 8},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: '7:50', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 3},
+        {fecha: '12/08/2018', hora_marcacion: '7:58', estado: 5},
+        {fecha: '12/08/2018', hora_marcacion: '7:0', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '11:2', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 4},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 4},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: '6:49', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '7:28', estado: 2},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 3},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 3},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 6},
+        {fecha: '12/08/2018', hora_marcacion: '0:0', estado: 9},
+        {fecha: '12/08/2018', hora_marcacion: '6:48', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:27', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:26', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:19', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:19', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: null, estado: null},
+        {fecha: '12/08/2018', hora_marcacion: '7:32', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:6', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:45', estado: 5},
+        {fecha: '12/08/2018', hora_marcacion: '7:18', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '6:44', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '6:15', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:3', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '6:58', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '6:54', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:16', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '6:37', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:26', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:19', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:25', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:43', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:42', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:2', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '8:4', estado: 5},
+        {fecha: '12/08/2018', hora_marcacion: '7:41', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:17', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:24', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:47', estado: 5},
+        {fecha: '12/08/2018', hora_marcacion: '7:55', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:38', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:51', estado: 5},
+        {fecha: '12/08/2018', hora_marcacion: '7:32', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:21', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:8', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:26', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '6:24', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '5:46', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '6:30', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:22', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:37', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:53', estado: 5},
+        {fecha: '12/08/2018', hora_marcacion: '7:42', estado: 5},
+        {fecha: '12/08/2018', hora_marcacion: '8:0', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:41', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '6:35', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:28', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:40', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:25', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:20', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:28', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:18', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:13', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:42', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:22', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:31', estado: 5},
+        {fecha: '12/08/2018', hora_marcacion: '6:40', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:59', estado: 1},
+        {fecha: '12/08/2018', hora_marcacion: '7:18', estado: 1},
+    ];
+
+    data.forEach((value, index, array, ) => {
+        console.log(asistencia);
+        console.log(data)
+
+
+        value_data = array[index];
+        value_asistencia = asistencia[index];
+
+        Object.assign(value_data, value_asistencia);
+        data[index] = value_data;
+    });
+    
+    
+    data = _.orderBy(data, [ x => x.nombres, x => x.fecha], ['asc', 'asc']);
+    
+    debugger;
+}
+
+
+function cargarDatatable() {
+    let datos = data;
+    let numero = 1;
+    datos.forEach(p => p["numeroFila"] = numero++);
+    $("#tblAsistencias").DataTable().destroy();
+    $("#tblAsistencias").DataTable({
+        "language": {
+            "lengthMenu": "Mostrar: _MENU_",
+            "zeroRecords": "    No se encontraron resultados",
+            "info": "    Mostrando del _START_ al _END_ de un total de _TOTAL_ registros",
+            "infoEmpty": "    Mostrando 0 de 0 registros",
+            "search": "Filtrar:",
+            "loadingRecords": "Cargando...",
+            "processing": '<span style="width:100%;"><img src="http://www.snacklocal.com/images/ajaxload.gif"></span>',
+            "paginate": {
+                "first": "First",
+                "last": "Last",
+                "next": "Siguiente",
+                "previous": "Anterior"
+            }
+        },
+        "bSort": false,
+        "bFilter": false,
+        "aaSorting": [],
+        "ordering": false,
+        "bLengthChange": false,
+        "bInfo": true,
+        "paging": true,
+        iDisplayLength: 25,
+        bStateSave: false,
+        autoWidth: false,
+        responsive: true,
+        stateSave: true,
+        columnDefs: [
+            {orderable: false, width: '5%', targets: 0, className: "text-center"},
+            {orderable: false, width: '25%', targets: 1},
+            {orderable: false, width: '15%', targets: 2},
+            {orderable: false, width: '10%', targets: 3, className: "text-center"},
+            {orderable: false, width: '10%', targets: 4, className: "text-center"},
+            {orderable: false, width: '10%', targets: 5, className: "text-center"},
+            {orderable: false, width: '8%', targets: 6, className: "text-center"},
+        ],
+        dom: '<"datatable-header"fl><"datatable-scroll-wrap"t><"datatable-footer"ip>',
+        "processing": true,
+        data: datos,
+        columns: [
+            {data: "numeroFila", className: "text-center"},
+            {data: "nombres"},
+            {data: "cargo"},
+            {data: "horario"},
+            {data: "fecha"},
+            {data: "hora_marcacion"},
+            {
+                data: "estado",
+                className: "text-center",
+                render: (data) => {
+
+                    if (data === null) {
+                        return `<span class="label bg-purple" style="font-size: 12px">PENDIENTE</span>`;
+                    }
+
+                    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>`;
+                }
+            },
+            {
+                data: "hora_marcacion",
+                render: (data) => {
+                    if (data === null) {
+                        let html = `<span data-toggle="modal" data-target="#modal_entrada_pendiente" data-placement="left" title="Editar" style="cursor: pointer"> <i class='registrar icon-plus-circle2 text-success-700'></i>&nbsp;&nbsp; </span>
+                                    <span data-toggle="tooltip" data-placement="left" title="Editar" style="cursor: pointer"> <i class='editar icon-pencil text-slate-800'></i>&nbsp;&nbsp; </span>
+                                    <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>
+                                    <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>`;
+                        return html;
+                    }
+                    return null;
+                }
+            },
+        ],
+        fnInitComplete: function (settings, data) {
+            $('th').removeClass('sorting_asc');
+//            console.log(data);
+        }
+    });
+}
+
+$().ready(function () {
+    initilizeData();
+    cargarDatatable();
+    $('.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"
+    });
+
+    $("#dpFechaInicio").datepicker({
+        minDate: new Date(2000, 1 - 1, 1), maxDate: new Date(2018, 6, 31),
+        dateFormat: 'dd/mm/yy',
+//        defaultDate: new Date(),
+        changeMonth: true,
+        changeYear: true,
+        yearRange: '-18:0',
+        onSelect: function () {
+//        $(this).valid();
+        }
+    });
+    $("#dpFechaInicio").datepicker('setDate', 'now');
+
+    $("#dpFechaFin").datepicker({
+        minDate: new Date(2000, 1 - 1, 1), maxDate: new Date(2018, 6, 31),
+        dateFormat: 'dd/mm/yy',
+        defaultDate: new Date(),
+        changeMonth: true,
+        changeYear: true,
+        yearRange: '-18:+0',
+        onSelect: function () {
+//        $(this).valid();
+        }
+    });
+    $("#dpFechaFin").datepicker('setDate', 'now');
+
+});
+

src/main/webapp/vistas/controlAsistenciaAdministrativa.jsp

+<%@include file="templates/validar.jsp" %>
+<%@page contentType="text/html" pageEncoding="UTF-8"%>
+<!DOCTYPE html>
+<html>
+    <head>
+        <%@include file="templates/header.jsp" %>
+        <!--template-core-->
+        <!--css de la pagina-->
+
+        <!--css-->
+    </head>
+    <body>
+        <%@include file="templates/header-body.jsp" %>
+        <!--  content -->
+        <div class="col-md-6 col-md-offset-3">
+            <div class="panel panel-primary">
+                <div class="panel-heading">
+                    <h5 class="panel-title">Control de Asistencia de Administrativos</h5>
+                </div>
+
+                <form id="frmAsistencia" onsubmit="return false;" autocomplete="off">
+                    <div class="panel-body">
+                        <div class="row">
+                            <div class="col-md-3 form-group">
+                                <label>Busqueda por</label>
+                                <select class="form-control" id="cboCriterio">
+                                    <option>SEDE</option>
+                                    <option>APELLIDOS</option>
+                                    <option>DNI</option>
+                                </select>
+                            </div>
+                            <div class="col-md-9 form-group">
+                                <!--                                <label>Busqueda</label>
+                                                                <input type="text" class="form-control"/>-->
+                                <div id="divCriterio"><label>Sede</label>
+                                    <select class="form-control" id="cboSedes">
+                                        <option>LINCE</option>
+                                        <option>AREQUIPA</option>
+                                        <option>LINCE</option>
+                                        <option>MONTESORI</option>
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div class="col-md-6 form-group">
+                                <label>Fecha Inicio</label>
+                                <div class="input-group">
+                                    <span class="input-group-addon"><i class="icon-calendar"></i></span>
+                                    <input type="text" class="form-control" id="dpFechaInicio" name="dpFechaInicio" placeholder="Fecha inicio &hellip;">
+                                </div>
+
+                            </div>
+                            <div class="col-md-6 form-group">
+                                <label>Fecha Fin</label>
+                                <div class="input-group">
+                                    <span class="input-group-addon"><i class="icon-calendar"></i></span>
+                                    <input type="text" class="form-control" id="dpFechaFin" name="dpFechaFin" placeholder="Fecha fin &hellip;">
+                                </div>
+
+                            </div>
+                        </div>
+
+
+                        <div class="row">
+                            <div class="col-md-10 form-group">
+                                <label>Estado</label>
+                                <select class="selectpicker form-control" name="cboSedes" id="cboSedes" multiple>
+                                    <option>PENDIENTE</option>
+                                    <option>FCA</option>
+                                    <option>FSA</option>
+                                    <option>TEMPRANO</option>
+                                    <option>TARDANZA</option>
+                                    <option>NO MARCÓ</option>
+                                </select>
+                            </div>
+                        </div>
+
+                    </div>
+                    <div class="panel-footer">
+                        <div class="text-center">
+                            <button class="btn btn-primary" id="btnBuscar"><i class="fa fa-search"></i> Buscar</button>&nbsp;
+                            <button class="btn btn-warning" id="btnLimpiar"><i class="fa fa-eraser"></i> Limpiar</button>
+                        </div>
+                    </div>
+
+                </form>
+
+            </div>
+        </div>
+
+
+        <div class="col-md-8 col-md-offset-2">
+            <div class="panel panel-primary card-3" style="margin-top: 30px"> 
+                <div class="panel-heading" style="padding: 8px 15px">
+                    <h6 class="panel-title" style="font-size: 15px; font-family: inherit"><i class="icon icon-search4"></i>&nbsp; LISTADO DE ASISTENCIAS</h6>
+                </div>
+                <div>
+                    <table class="table dataTable table-striped table-hover table-sm table-bordered" id="tblAsistencias">                                                 
+                        <thead>
+                            <tr>
+                                <th>Nº</th>
+                                <th>APELLIDOS Y NOMBRES</th>
+                                <th>CARGO</th>
+                                <th>HORARIO</th>
+                                <th>FECHA</th>
+                                <th>HORA MARCACIÓN</th>
+                                <th>ESTADO</th>
+                                <th>ACCIONES</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+
+
+
+
+        <div id="modal_entrada_pendiente" class="modal fade">
+            <div class="modal-dialog modal-sm">
+                <div class="modal-content">
+                    <div class="modal-header bg-primary">
+                        <h5 class="modal-title">Registrar Asistencia</h5>
+                    </div>
+
+                    <div class="modal-body">
+                        <div>
+                            <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="12/08/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">ACUÑA LAZO CYNTHYA ESTEFANI</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>
+
+                        </div>
+
+                    </div>
+
+                    <div class="modal-footer text-center">
+                        <button class="btn btn-success" id="btnGuardarCambios" data-dismiss="modal"><i class="fa fa-search"></i> Guardar Cambios</button>&nbsp;
+                        <button type="button" class="btn btn-warning" id="btnCancelar" data-dismiss="modal"><i class="fa fa-eraser"></i> Cancelar</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- / content -->
+
+        <%@include file="templates/footer-body.jsp"%>
+        <!--js de la pagina-->
+        <script src="../plantilla/assets/js/plugins/tables/datatables/datatables.min.js" type="text/javascript"></script>
+        <script src="../plantilla/assets/js/plugins/ui/moment/moment.min.js" type="text/javascript"></script>
+        <script src="../plantilla/assets/js/plugins/pickers/daterangepicker.js" type="text/javascript" ></script>
+        <script src="../plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js" type="text/javascript"></script>
+        <script src="../js/lib/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
+        <script src="../js/lib/lodash.js" type="text/javascript"></script>
+        <script src="../js/pages/control_asistencia_administrativa.js" type="text/javascript"></script>
+        <!--js-->   
+
+    </body>
+</html>
\ No newline at end of file