listar sedes usando axios

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

 let asistencias = [], sedes = [];
+const URI_LISTAR_SEDES = "http://172.16.2.91:666/sedes";
+let htmlSedes;
 
 function init() {
-    sedes.push({"codigo_sede": 1, "nombre_sede": "LINCE"});
-    sedes.push({"codigo_sede": 2, "nombre_sede": "AREQUIPA"});
-    sedes.push({"codigo_sede": 3, "nombre_sede": "LINCE"});
-    sedes.push({"codigo_sede": 4, "nombre_sede": "MONTESORI"});
-
 }
 
 function listarSedes() {
-    let html = ``;
-    html += `<label>Sede</label>
+
+    if (Object.is(htmlSedes, undefined)) {
+        axios.get(URI_LISTAR_SEDES).then((result) => {
+            debugger
+            let sedes = result.data;
+            htmlSedes = `<label>Sede</label>
             <select class="selectpicker form-control" name="cboSedes" id="cboSedes" multiple>`;
-//    for(let i in sedes){
-//        html += `<option>${sedes[]}</option>`;
-//    }
+            sedes.forEach((s) => {
+                htmlSedes += `<option value="${s.codigo}">${s.descripcion}</option>`;
+            });
+            htmlSedes += `</select>`;
+            debugger
+            $('#divCriterio').html(htmlSedes);
+            $('.selectpicker').selectpicker({
+                style: 'btn-info',
+                size: 4
+            });
+
+        }).catch((error) => {
+            console.log(error);
+        });
+    } else {
+        $('#divCriterio').html(htmlSedes);
+        $('.selectpicker').selectpicker({
+            style: 'btn-info',
+            size: 4
+        });
+    }
 
-    sedes.forEach(function (item) {
-        html += `<option>${item.nombre_sede}</option>`;
 
-    });
 
-    html += `</select>`;
-    return html;
 }
 
 
 
 function buscar() {
     let busqueda = "";
+    let fechaInicio = $("#dpFechaInicio").val();
+    let fechaFin = $("#dpFechaFin").val();
 
     $("#tblAsistenciaPolicias").DataTable().destroy();
     $("#tblAsistenciaPolicias").DataTable({
@@ -69,7 +85,7 @@ function buscar() {
                 "className": 'text-center',
                 render: function (data) {
                     let label = '';
-                    let obs = ['', 'Asistió', 'No marcó', 'Falta con aviso', 'Falta sin aviso', 'Tardanza', 'Vacaciones', 'Feriado', 'LSGH', 'LCGH'];
+                    let obs = ['', 'Asistió', 'No marcó', 'Falta con aviso', 'Falta sin aviso', 'Tardanza', 'Vacaciones', 'Feriado', 'LSGH', 'LCGH'];
                     debugger
                     switch (data) {
                         case "1"://Asistió
@@ -134,12 +150,7 @@ function seleccionCriterio() {
         debugger;
 
         if (criterio === 'SEDE') {
-            let html = listarSedes();
-            $('#divCriterio').html(html);
-            $('.selectpicker').selectpicker({
-                style: 'btn-info',
-                size: 4
-            });
+            listarSedes();
             // debugger
         } else if (criterio == 'APELLIDOS') {
             let html = `<label id="lblCriterio">Apellidos</label>

src/main/webapp/vistas/comparativoProyeccionPolicias.jsp

@@ -107,6 +107,7 @@
         <script type="text/javascript" src="../plantilla/assets/js/plugins/pickers/daterangepicker.js"></script>
         <script type="text/javascript" src="../plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js"></script>
         <script src="../js/lib/lodash.js" type="text/javascript"></script>
+        <script src="../js/lib/axios.min.js" type="text/javascript"></script>
         <script src="../js/pages/comparativo_proyeccion_policias.js" type="text/javascript"></script>
         <!--js-->   
 

src/main/webapp/vistas/controlAsistenciaPolicias.jsp

@@ -24,6 +24,7 @@
                             <div class="col-md-4 form-group">
                                 <label>Busqueda por</label>
                                 <select class="form-control" id="cboCriterio">
+                                    <option>[SELECCIONE]</option>
                                     <option>SEDE</option>
                                     <option>APELLIDOS</option>
                                     <option>DNI</option>
@@ -33,14 +34,7 @@
                                 <!--                                <label>Busqueda</label>
                                                                 <input type="text" class="form-control"/>-->
                                 <div id="divCriterio">
-                                    <label>Sede</label>
 
-                                    <select class="selectpicker form-control" name="cboSedes" id="cboSedes" multiple>
-                                        <option>LINCE</option>
-                                        <option>AREQUIPA</option>
-                                        <option>VILLA EL SALVADOR</option>
-                                        <option>MONTESORI</option>
-                                    </select>
                                 </div>
                             </div>
                         </div>
@@ -381,6 +375,7 @@
         <script src="../js/lib/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
         <script type="text/javascript" src="../plantilla/assets/js/plugins/pickers/daterangepicker.js"></script>
         <script type="text/javascript" src="../plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js"></script>
+        <script src="../js/lib/axios.min.js" type="text/javascript"></script>
         <script src="../js/pages/control_asistencia_policias.js" type="text/javascript"></script>
         <!--js-->   
     </body>