Jose Pinto / foca-modal-moneda

Download as
Browse Code »

Commit dde68ee857e64642533b4eac8f0f7f0375a61298

Authored by Jose Pinto
1 parent 1349808236
Exists in master

titles

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