agregando criterios de busqueda en mantenimiento de rol

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

-function init() {
-//    listarTipoRoles();
-//    listarFrecuenciaRol();
-//    listarSedes();
-//    listarPolicias();
-    listarRolesPolicias();
-}
-
 function listarRolesPolicias() {
+    console.log("listar roles")
     axios.get(URI_ROL_POLICIA).then((result) => {
         let columns = [
             {
@@ -360,32 +353,35 @@ function mostrarModalNuevoRol() {
     });
 }
 
+
+function mostrarCriterioPersonal() {
+    let criterio = $(this).val();
+    if (criterio === "DNI") {
+        let html = `<div class="col-md-8 form-group">
+                        <label>DNI</label>
+                        <input type="text" class="form-control" id="txtBusquedaPersonal"></input>
+                    </div>`;
+        $("#divCriterioPersonal").html(html);
+    } else if (criterio === "APELLIDOS") {
+        let html = `<div class="col-md-8 form-group">
+                        <label>Apellidos</label>
+                        <input type="text" class="form-control" id="txtBusquedaPersonal"></input>
+                    </div>`;
+        $("#divCriterioPersonal").html(html);
+        initDatePicker();
+    } else {
+        $("#divCriterioPersonal").html('');
+    }
+}
+
+
+
 $().ready(function () {
-    init();
     defaultConfigDataTable();
     $('#servicio13').click(modificarServicio);
     $("#btnCancelar").click(cancelar);
     $("#btnGuardarCambios").click(guardarCambios);
     $("#btnNuevoRol").click(mostrarModalNuevoRol);
-
-//    axios.get("modals/policias/mantenimientoRol/detalleRol.jspf").then((response) => {
-//        debugger
-//        swal({
-//            title: '<strong>Detalle de rol</strong>',
-////            type: 'info',
-//            html: response.data,
-//            showCloseButton: true,
-//            showCancelButton: true,
-//            focusConfirm: false,
-//            confirmButtonText: '<i class="fa fa-thumbs-up"></i> Great!',
-//            confirmButtonAriaLabel: 'Thumbs up, great!',
-//            cancelButtonText: 'Cancelar',
-//            cancelButtonAriaLabel: 'Thumbs down',
-//            width: '30%'
-//        })
-//
-//    });
-
-
-
+    $("#btnVerTodos").click(listarRolesPolicias);
+    $("#cboCriterioPersonal").change(mostrarCriterioPersonal);
 });
\ No newline at end of file

src/main/webapp/vistas/crearRolPolicia.jsp

@@ -27,9 +27,9 @@
                         <div class="col-md-6 form-group">
                             <label>Busqueda Por</label>
                             <select  id="cboCriterio" class="form-control">
-                                <option value="">[SELECCIONE]</option>
-                                <option value="">DNI</option>
                                 <option value="">APELLIDOS</option>
+                                <option value="">DNI</option>
+                                <option value="">SEDE</option>
                             </select>
                         </div>
                         <div class="col-md-6 form-group">
@@ -57,8 +57,8 @@
                 </div>
                 <div class="panel-footer">
                     <div class="text-center">
-                        <button class="btn btn-primary" id="btnVistaPrevia"><i class="icon-eye4"></i> Vista previa</button>&nbsp;
-                        <!--<button class="btn btn-warning" id="btnLimpiar"><i class="fa fa-eraser"></i> Limpiar</button>-->
+                        <button class="btn btn-primary" id="btnVerRoles"><i class="icon-eye4"></i> Ver roles</button>&nbsp;
+                        <button class="btn btn-primary" id="btnVerTodos"><i class="icon-eye4"></i> Ver Todos</button>&nbsp;
                     </div>
                 </div>
             </div>