filtrando roles de policias

src/main/webapp/js/pages/crearRolPolicia.js

@@ -13,8 +13,9 @@ function initDatePicker(selectorName) {
     $(selectorName).datepicker('setDate', 'now');
 }
 
-function listarRolesPolicias() {
-    axios.get(URI_ROL_POLICIA).then((result) => {
+function listarRolesPolicias(params = []) {
+    debugger
+    axios.get(URI_ROL_POLICIA, {params}).then((result) => {
         let columns = [
             {
                 title: `N°`,
@@ -152,19 +153,20 @@ function listarSedes(selectorName) {
     axios.get(URI_SEDES).then((result) => {
         let sedes = result.data;
         sedes = _.orderBy(sedes, s => s.descripcion);
-        let html = "<option>[SELECCIONE]</option>";
+        let html = `<option value="">[SELECCIONE]</option>`;
         sedes.forEach(sede => html += `<option value="${sede.codigo}">${sede.descripcion}</option>`);
         $(`${selectorName}`).html(html);
     });
 }
 
-function listarPolicias() {
+function listarPolicias(selectorName) {
     axios.get(URI_POLICIAS).then((result) => {
         let policias = result.data;
         policias = _.orderBy(policias, p => p.nombres);
-        let html = "<option>[SELECCIONE]</option>";
+        let html = `<option value="">[SELECCIONE]</option>`;
         policias.forEach(p => html += `<option documento_identidad="${p.dni}" value="${p.id}">${p.nombres}</option>`);
-        $("#cboPolicias").html(html);
+        $(`${selectorName}`).html(html);
+        $('.select-search').select2();
     });
 }
 
@@ -359,30 +361,31 @@ function mostrarModalNuevoRol() {
     });
 }
 
-function mostrarRoles() {
-    let policia_nombres = $("#txtApellidos").val();
-    let policia_dni = $("#txtDNI").val();
-    let codigoSede = $("#cboSedesFiltro").val();
+
+function buscarRoles() {
+    let policia_id = $("#cboPoliciasFiltro").val();
+    let sede_id = $("#cboSedesFiltro").val();
     let fecha_inicio = $("#dpFechaInicio").val();
     let fecha_fin = $("#dpFechaFin").val();
 
-
     let params = cleanQueryParams({
-
+        policia_id,
+        sede_id
     });
 
+    listarRolesPolicias(params);
 }
 
-
 $().ready(function () {
     defaultConfigDataTable();
     initDatePicker("#dpFechaInicio");
     initDatePicker("#dpFechaFin");
     listarSedes("#cboSedesFiltro");
+    listarPolicias("#cboPoliciasFiltro");
     $('#servicio13').click(modificarServicio);
     $("#btnCancelar").click(cancelar);
     $("#btnGuardarCambios").click(guardarCambios);
     $("#btnNuevoRol").click(mostrarModalNuevoRol);
-    $("#btnVerRoles").click(mostrarRoles);
+    $("#btnVerRoles").click(buscarRoles);
     $("#btnVerTodos").click(listarRolesPolicias);
 });
\ No newline at end of file

src/main/webapp/vistas/crearRolPolicia.jsp

@@ -24,15 +24,12 @@
 
                 <div class="panel-body">
                     <div class="row">
-                        <div class="col-md-4 form-group">
-                            <label>Apellidos</label>
-                            <input type="text" id="txtApellidos" class="form-control"></input>
-                        </div>
-                        <div class="col-md-4 form-group">
-                            <label>DNI</label>
-                            <input type="text" id="txtDNI" class="form-control"></input>
+                        <div class="col-md-6 form-group">
+                            <label>Policia</label>
+                            <select class="select-search form-control" id="cboPoliciasFiltro">
+                            </select>
                         </div>
-                        <div class="col-md-4 form-group">
+                        <div class="col-md-6 form-group">
                             <label>Sede</label>
                             <select  id="cboSedesFiltro" class="select-search form-control">