Jose Pinto / foca-modal-provincia

Download as
Browse Code »

Commit 920fd205c8f28861eaed8df9948fa0d632405bd0

Authored by Jose Pinto
1 parent e2cd37a57a
Exists in master

aplico filtro rellenarDigitos

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