Commit 9eb7325522f4bf16cf61b05c4615fc75926f40c7
1 parent
2fad0258ad
Exists in
master
buscador en header, paginado en footer, cambio icons
Showing
1 changed file
with
39 additions
and
30 deletions
Show diff stats
src/views/modal-cobradores.html
| 1 | -<div class="modal-header"> | |
| 2 | - <h5 class="modal-title my-1">Búsqueda de cobradores</h5> | |
| 3 | -</div> | |
| 4 | -<div class="modal-body" id="modal-body"> | |
| 5 | - <div class="input-group"> | |
| 6 | - <input | |
| 7 | - ladda="searchLoading" | |
| 8 | - type="text" | |
| 9 | - class="form-control form-control-sm" | |
| 10 | - placeholder="Busqueda" | |
| 11 | - ng-model="filters" | |
| 12 | - ng-change="search()" | |
| 13 | - ng-keydown="busquedaDown($event.keyCode)" | |
| 14 | - ng-keypress="busquedaPress($event.keyCode)" | |
| 15 | - foca-focus="selectedCobrador == -1" | |
| 16 | - ng-focus="selectedCobrador = -1" | |
| 17 | - teclado-virtual | |
| 18 | - > | |
| 19 | - <div class="input-group-append"> | |
| 20 | - <button | |
| 1 | +<div class="modal-header py-1"> | |
| 2 | + <div class="row w-100"> | |
| 3 | + <div class="col-lg-6"> | |
| 4 | + <h5 class="modal-title my-1">Búsqueda de cobradores</h5> | |
| 5 | + </div> | |
| 6 | + <div class="input-group col-lg-6 pr-0 my-2"> | |
| 7 | + <input | |
| 21 | 8 | ladda="searchLoading" |
| 22 | - class="btn btn-outline-secondary" | |
| 23 | - type="button" | |
| 24 | - ng-click="busquedaPress(13)" | |
| 9 | + type="text" | |
| 10 | + class="form-control form-control-sm" | |
| 11 | + placeholder="Busqueda" | |
| 12 | + ng-model="filters" | |
| 13 | + ng-change="search()" | |
| 14 | + ng-keydown="busquedaDown($event.keyCode)" | |
| 15 | + ng-keypress="busquedaPress($event.keyCode)" | |
| 16 | + foca-focus="selectedCobrador == -1" | |
| 17 | + ng-focus="selectedCobrador = -1" | |
| 18 | + teclado-virtual | |
| 25 | 19 | > |
| 26 | - <i class="fa fa-search" aria-hidden="true"></i> | |
| 27 | - </button> | |
| 20 | + <div class="input-group-append"> | |
| 21 | + <button | |
| 22 | + ladda="searchLoading" | |
| 23 | + class="btn btn-outline-secondary" | |
| 24 | + type="button" | |
| 25 | + ng-click="busquedaPress(13)" | |
| 26 | + > | |
| 27 | + <i class="fa fa-search" aria-hidden="true"></i> | |
| 28 | + </button> | |
| 29 | + </div> | |
| 28 | 30 | </div> |
| 29 | 31 | </div> |
| 32 | +</div> | |
| 33 | +<div class="modal-body" id="modal-body"> | |
| 34 | + | |
| 35 | + <div ng-show="!primerBusqueda"> | |
| 36 | + Debe realizar una primer búsqueda. | |
| 37 | + </div> | |
| 38 | + | |
| 30 | 39 | <table ng-show="primerBusqueda" class="table table-striped table-sm col-12"> |
| 31 | 40 | <thead> |
| 32 | 41 | <tr> |
| ... | ... | @@ -48,7 +57,7 @@ |
| 48 | 57 | <td ng-bind="cobrador.id"></td> |
| 49 | 58 | <td ng-bind="cobrador.nombre"></td> |
| 50 | 59 | <td class="d-md-none text-primary"> |
| 51 | - <i class="fa fa-arrow-right" aria-hidden="true"></i> | |
| 60 | + <i class="fa fa-circle-thin" aria-hidden="true"></i> | |
| 52 | 61 | </td> |
| 53 | 62 | <td class="d-none d-md-table-cell"> |
| 54 | 63 | <button |
| ... | ... | @@ -60,13 +69,15 @@ |
| 60 | 69 | }" |
| 61 | 70 | foca-focus="selectedCobrador == {{key}}" |
| 62 | 71 | ng-keydown="itemCobrador($event.keyCode)"> |
| 63 | - <i class="fa fa-arrow-right" aria-hidden="true"></i> | |
| 72 | + <i class="fa fa-circle-thin" aria-hidden="true"></i> | |
| 64 | 73 | </button> |
| 65 | 74 | </td> |
| 66 | 75 | </tr> |
| 67 | 76 | </tbody> |
| 68 | 77 | </table> |
| 69 | - <nav ng-show="currentPageCobradores.length > 0 && primerBusqueda"> | |
| 78 | +</div> | |
| 79 | +<div class="modal-footer"> | |
| 80 | + <nav ng-show="currentPageCobradores.length > 0 && primerBusqueda" class="mr-auto"> | |
| 70 | 81 | <ul class="pagination pagination-sm justify-content mb-0"> |
| 71 | 82 | <li class="page-item" ng-class="{'disabled': currentPage == 1}"> |
| 72 | 83 | <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> |
| ... | ... | @@ -94,7 +105,5 @@ |
| 94 | 105 | </li> |
| 95 | 106 | </ul> |
| 96 | 107 | </nav> |
| 97 | -</div> | |
| 98 | -<div class="modal-footer"> | |
| 99 | 108 | <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button> |
| 100 | 109 | </div> |