Eric Fernandez / foca-modal-cobrador

Download as
Browse Code »

Commit aabf7011bf9bed5ed02e185ff23494280034a3ad

Authored by Eric Fernandez
1 parent 92edea2c0a
Exists in master

.

Showing 1 changed file with 11 additions and 4 deletions   Show diff stats
src/views/modal-cobradores.html
Diff comments   View file @ aabf701
1 <div class="modal-header py-1"> 1 <div class="modal-header py-1">
2 <div class="row w-100"> 2 <div class="row w-100">
3 <div class="col-lg-6"> 3 <div class="col-lg-6">
4 <h5 class="modal-title my-1">Búsqueda de cobradores</h5> 4 <h5 class="modal-title my-1">Búsqueda de cobradores</h5>
5 </div> 5 </div>
6 <div class="input-group col-lg-6 pr-0 my-2"> 6 <div class="input-group col-lg-6 pr-0 my-2">
7 <input 7 <input
8 ladda="searchLoading" 8 ladda="searchLoading"
9 class="btn btn-outline-secondary" 9 type="text"
10 type="button" 10 class="form-control form-control-sm"
11 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
19 id="search"
12 > 20 >
13 <div class="input-group-append"> 21 <div class="input-group-append">
14 <button 22 <button
15 ladda="searchLoading" 23 ladda="searchLoading"
16 data-spinner-color="#FF0000"
17 class="btn btn-outline-secondary" 24 class="btn btn-outline-secondary"
18 type="button" 25 type="button"
19 ng-click="busquedaPress(13)" 26 ng-click="busquedaPress(13)"
20 > 27 >
21 <i class="fa fa-search" aria-hidden="true"></i> 28 <i class="fa fa-search" aria-hidden="true"></i>
22 </button> 29 </button>
23 </div> 30 </div>
24 </div> 31 </div>
25 </div> 32 </div>
26 </div> 33 </div>
27 <div class="modal-body" id="modal-body"> 34 <div class="modal-body" id="modal-body">
28 35
29 <div ng-show="!primerBusqueda"> 36 <div ng-show="!primerBusqueda">
30 Debe realizar una primer búsqueda. 37 Debe realizar una primer búsqueda.
31 </div> 38 </div>
32 39
33 <table ng-show="primerBusqueda" class="table table-striped table-sm col-12"> 40 <table ng-show="primerBusqueda" class="table table-striped table-sm col-12">
34 <thead> 41 <thead>
35 <tr> 42 <tr>
36 <th>Código</th> 43 <th>Código</th>
37 <th>Nombre</th> 44 <th>Nombre</th>
38 <th></th> 45 <th></th>
39 </tr> 46 </tr>
40 </thead> 47 </thead>
41 <tbody> 48 <tbody>
42 <tr ng-show="currentPageCobradores.length == 0 && primerBusqueda"> 49 <tr ng-show="currentPageCobradores.length == 0 && primerBusqueda">
43 <td colspan="3"> 50 <td colspan="3">
44 No se encontraron resultados. 51 No se encontraron resultados.
45 </td> 52 </td>
46 </tr> 53 </tr>
47 <tr class="selected" 54 <tr class="selected"
48 ng-repeat="(key, cobrador) in currentPageCobradores" 55 ng-repeat="(key, cobrador) in currentPageCobradores"
49 ng-click="select(cobrador)" 56 ng-click="select(cobrador)"
50 > 57 >
51 <td ng-bind="cobrador.id"></td> 58 <td ng-bind="cobrador.id"></td>
52 <td ng-bind="cobrador.nombre"></td> 59 <td ng-bind="cobrador.nombre"></td>
53 <td class="d-md-none text-primary"> 60 <td class="d-md-none text-primary">
54 <i class="fa fa-circle-thin" aria-hidden="true"></i> 61 <i class="fa fa-circle-thin" aria-hidden="true"></i>
55 </td> 62 </td>
56 <td class="d-none d-md-table-cell"> 63 <td class="d-none d-md-table-cell">
57 <button 64 <button
58 type="button" 65 type="button"
59 class="btn btn-xs p-1 float-right" 66 class="btn btn-xs p-1 float-right"
60 ng-class="{ 67 ng-class="{
61 'btn-secondary': selectedCobrador != key, 68 'btn-secondary': selectedCobrador != key,
62 'btn-primary': selectedCobrador == key 69 'btn-primary': selectedCobrador == key
63 }" 70 }"
64 foca-focus="selectedCobrador == {{key}}" 71 foca-focus="selectedCobrador == {{key}}"
65 ng-keydown="itemCobrador($event.keyCode)"> 72 ng-keydown="itemCobrador($event.keyCode)">
66 <i class="fa fa-circle-thin" aria-hidden="true"></i> 73 <i class="fa fa-circle-thin" aria-hidden="true"></i>
67 </button> 74 </button>
68 </td> 75 </td>
69 </tr> 76 </tr>
70 </tbody> 77 </tbody>
71 </table> 78 </table>
72 </div> 79 </div>
73 <div class="modal-footer py-1"> 80 <div class="modal-footer py-1">
74 <nav ng-show="currentPageCobradores.length > 0 && primerBusqueda" class="mr-auto"> 81 <nav ng-show="currentPageCobradores.length > 0 && primerBusqueda" class="mr-auto">
75 <ul class="pagination pagination-sm justify-content mb-0"> 82 <ul class="pagination pagination-sm justify-content mb-0">
76 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 83 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
77 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> 84 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
78 <span aria-hidden="true">&laquo;</span> 85 <span aria-hidden="true">&laquo;</span>
79 <span class="sr-only">Anterior</span> 86 <span class="sr-only">Anterior</span>
80 </a> 87 </a>
81 </li> 88 </li>
82 <li 89 <li
83 class="page-item" 90 class="page-item"
84 ng-repeat="pagina in paginas" 91 ng-repeat="pagina in paginas"
85 ng-class="{'active': pagina == currentPage}" 92 ng-class="{'active': pagina == currentPage}"
86 > 93 >
87 <a 94 <a
88 class="page-link" 95 class="page-link"
89 href="javascript:void();" 96 href="javascript:void();"
90 ng-click="selectPage(pagina)" 97 ng-click="selectPage(pagina)"
91 ng-bind="pagina" 98 ng-bind="pagina"
92 ></a> 99 ></a>
93 </li> 100 </li>
94 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> 101 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
95 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)"> 102 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)">
96 <span aria-hidden="true">&raquo;</span> 103 <span aria-hidden="true">&raquo;</span>
97 <span class="sr-only">Siguiente</span> 104 <span class="sr-only">Siguiente</span>
98 </a> 105 </a>
99 </li> 106 </li>
100 </ul> 107 </ul>
101 </nav> 108 </nav>
102 <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button> 109 <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button>
103 </div> 110 </div>