busqueda por personal en proyectado comparativo

src/main/webapp/js/pages/comparativo_proyeccion_policias.js

@@ -178,6 +178,19 @@ function seleccionarCriterio() {
 }
 
 function buscar() {
+    let datos = [];
+    let criterioPersonal = $("#cboCriterioPersonal").val();
+    
+    if(criterioPersonal === "dni" || criterioPersonal === "nombres"){
+        let busquedaPersonal = $("#txtBusquedaPersonal").val();
+        
+        datos = _.filter(data, p => p[criterioPersonal].toLowerCase().startsWith(busquedaPersonal.toLowerCase()));
+        debugger;
+    }else{
+        datos = data;
+    }
+    
+    
     $("#tblProyectadoComparativo").DataTable().destroy();
     $("#tblProyectadoComparativo").DataTable({
         "language": {
@@ -228,7 +241,7 @@ function buscar() {
         ],
         dom: '<"datatable-header"fl><"datatable-scroll-wrap"t><"datatable-footer"ip>',
         "processing": true,
-        data: data,
+        data: datos,
         columns: [
             {data: "numero", className: "text-center"},
             {data: "dni"},
@@ -305,16 +318,16 @@ function initDatePicker() {
 
 function pintarCriterioPersonal() {
     let criterio = $(this).val();
-    if (criterio === "DNI") {
+    if (criterio === "dni") {
         let html = `<div class="col-md-8 form-group">
                         <label>DNI</label>
-                        <input type="text" class="form-control" id="txtDNI"></input>
+                        <input type="text" class="form-control" id="txtBusquedaPersonal"></input>
                     </div>`;
         $("#divCriterioPersonal").html(html);
-    } else if (criterio === "APELLIDOS") {
+    } else if (criterio === "nombres") {
         let html = `<div class="col-md-8 form-group">
                         <label>Apellidos</label>
-                        <input type="text" class="form-control" id="txtApellidos"></input>
+                        <input type="text" class="form-control" id="txtBusquedaPersonal"></input>
                     </div>`;
         $("#divCriterioPersonal").html(html);
         initDatePicker();
@@ -329,5 +342,5 @@ $().ready(function () {
     defaultConfigDatePicker();
     $("#cboCriterio").change(seleccionarCriterio);
     $("#btnBuscar").click(buscar);
-    $("#cboPersonal").change(pintarCriterioPersonal);
+    $("#cboCriterioPersonal").change(pintarCriterioPersonal);
 });
\ No newline at end of file

src/main/webapp/vistas/comparativoProyeccionPolicias.jsp

@@ -36,11 +36,11 @@
                         <div class="row">
                             <div class="col-md-4">
                                 <label>Personal</label>
-                                <select class="form-control" id="cboPersonal">
+                                <select class="form-control" id="cboCriterioPersonal">
                                     <option>[SELECCIONE]</option>
-                                    <option>DNI</option>
-                                    <option>APELLIDOS</option>
-                                    <option>TODOS</option>
+                                    <option value="dni">DNI</option>
+                                    <option value="nombres">APELLIDOS</option>
+                                    <option value="*">TODOS</option>
                                 </select>
 
                             </div>