Eric Fernandez / foca-modal-cobrador

Download as
Browse Code »

Commit 9eb7325522f4bf16cf61b05c4615fc75926f40c7

Authored by Jose Pinto
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
Diff comments   View file @ 9eb7325
1 <div class="modal-header"> 1 <div class="modal-header py-1">
2 <h5 class="modal-title my-1">Búsqueda de cobradores</h5> 2 <div class="row w-100">
3 </div> 3 <div class="col-lg-6">
4 <div class="modal-body" id="modal-body"> 4 <h5 class="modal-title my-1">Búsqueda de cobradores</h5>
5 <div class="input-group"> 5 </div>
6 <input 6 <div class="input-group col-lg-6 pr-0 my-2">
7 ladda="searchLoading" 7 <input
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
21 ladda="searchLoading" 8 ladda="searchLoading"
22 class="btn btn-outline-secondary" 9 type="text"
23 type="button" 10 class="form-control form-control-sm"
24 ng-click="busquedaPress(13)" 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> 20 <div class="input-group-append">
27 </button> 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 </div> 30 </div>
29 </div> 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 <table ng-show="primerBusqueda" class="table table-striped table-sm col-12"> 39 <table ng-show="primerBusqueda" class="table table-striped table-sm col-12">
31 <thead> 40 <thead>
32 <tr> 41 <tr>
33 <th>Código</th> 42 <th>Código</th>
34 <th>Nombre</th> 43 <th>Nombre</th>
35 <th></th> 44 <th></th>
36 </tr> 45 </tr>
37 </thead> 46 </thead>
38 <tbody> 47 <tbody>
39 <tr ng-show="currentPageCobradores.length == 0 && primerBusqueda"> 48 <tr ng-show="currentPageCobradores.length == 0 && primerBusqueda">
40 <td colspan="3"> 49 <td colspan="3">
41 No se encontraron resultados. 50 No se encontraron resultados.
42 </td> 51 </td>
43 </tr> 52 </tr>
44 <tr class="selected" 53 <tr class="selected"
45 ng-repeat="(key, cobrador) in currentPageCobradores" 54 ng-repeat="(key, cobrador) in currentPageCobradores"
46 ng-click="select(cobrador)" 55 ng-click="select(cobrador)"
47 > 56 >
48 <td ng-bind="cobrador.id"></td> 57 <td ng-bind="cobrador.id"></td>
49 <td ng-bind="cobrador.nombre"></td> 58 <td ng-bind="cobrador.nombre"></td>
50 <td class="d-md-none text-primary"> 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 </td> 61 </td>
53 <td class="d-none d-md-table-cell"> 62 <td class="d-none d-md-table-cell">
54 <button 63 <button
55 type="button" 64 type="button"
56 class="btn btn-xs p-1 float-right" 65 class="btn btn-xs p-1 float-right"
57 ng-class="{ 66 ng-class="{
58 'btn-secondary': selectedCobrador != key, 67 'btn-secondary': selectedCobrador != key,
59 'btn-primary': selectedCobrador == key 68 'btn-primary': selectedCobrador == key
60 }" 69 }"
61 foca-focus="selectedCobrador == {{key}}" 70 foca-focus="selectedCobrador == {{key}}"
62 ng-keydown="itemCobrador($event.keyCode)"> 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 </button> 73 </button>
65 </td> 74 </td>
66 </tr> 75 </tr>
67 </tbody> 76 </tbody>
68 </table> 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 <ul class="pagination pagination-sm justify-content mb-0"> 81 <ul class="pagination pagination-sm justify-content mb-0">
71 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 82 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
72 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> 83 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
73 <span aria-hidden="true">&laquo;</span> 84 <span aria-hidden="true">&laquo;</span>
74 <span class="sr-only">Anterior</span> 85 <span class="sr-only">Anterior</span>
75 </a> 86 </a>
76 </li> 87 </li>
77 <li 88 <li
78 class="page-item" 89 class="page-item"
79 ng-repeat="pagina in paginas" 90 ng-repeat="pagina in paginas"
80 ng-class="{'active': pagina == currentPage}" 91 ng-class="{'active': pagina == currentPage}"
81 > 92 >
82 <a 93 <a
83 class="page-link" 94 class="page-link"
84 href="javascript:void();" 95 href="javascript:void();"
85 ng-click="selectPage(pagina)" 96 ng-click="selectPage(pagina)"
86 ng-bind="pagina" 97 ng-bind="pagina"