Jose Pinto / foca-modal-busqueda-productos

Download as
Browse Code »

Commit 1a8c722b77480fc861b975aff26336912ba9450d

Authored by Eric Fernandez
1 parent 62fba03f56
Exists in master

teclado virtual

Showing 1 changed file with 1 additions and 0 deletions   Show diff stats
src/views/modal-busqueda-productos.html
Diff comments   View file @ 1a8c722
1 <div class="modal-header py-1"> 1 <div class="modal-header py-1">
2 <h5 class="modal-title">Busqueda de Productos</h5> 2 <h5 class="modal-title">Busqueda de Productos</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" 9 class="form-control"
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="selectedProducto == -1" 15 foca-focus="selectedProducto == -1"
16 ng-focus="selectedProducto = -1" 16 ng-focus="selectedProducto = -1"
17 teclado-virtual
17 > 18 >
18 <div class="input-group-append"> 19 <div class="input-group-append">
19 <button 20 <button
20 ladda="searchLoading" 21 ladda="searchLoading"
21 class="btn btn-outline-secondary" 22 class="btn btn-outline-secondary"
22 type="button" 23 type="button"
23 ng-click="busquedaPress(13)" 24 ng-click="busquedaPress(13)"
24 > 25 >
25 <i class="fa fa-search" aria-hidden="true"></i> 26 <i class="fa fa-search" aria-hidden="true"></i>
26 </button> 27 </button>
27 </div> 28 </div>
28 </div> 29 </div>
29 <table ng-show="primerBusqueda" class="table table-striped table-sm"> 30 <table ng-show="primerBusqueda" class="table table-striped table-sm">
30 <thead> 31 <thead>
31 <tr> 32 <tr>
32 <th>Sec.</th> 33 <th>Sec.</th>
33 <th>Cod.</th> 34 <th>Cod.</th>
34 <th>Descripción</th> 35 <th>Descripción</th>
35 <th>P. Base</th> 36 <th>P. Base</th>
36 <th></th> 37 <th></th>
37 </tr> 38 </tr>
38 </thead> 39 </thead>
39 <tbody> 40 <tbody>
40 <tr ng-show="currentPageProductos.length == 0 && primerBusqueda"> 41 <tr ng-show="currentPageProductos.length == 0 && primerBusqueda">
41 <td colspan="5"> 42 <td colspan="5">
42 No se encontraron resultados. 43 No se encontraron resultados.
43 </td> 44 </td>
44 </tr> 45 </tr>
45 <tr class="selectable" 46 <tr class="selectable"
46 ng-repeat="(key,producto) in currentPageProductos" 47 ng-repeat="(key,producto) in currentPageProductos"
47 ng-click="select(producto)"> 48 ng-click="select(producto)">
48 <td ng-bind="producto.sector"></td> 49 <td ng-bind="producto.sector"></td>
49 <td ng-bind="producto.codigo"></td> 50 <td ng-bind="producto.codigo"></td>
50 <td ng-bind="producto.descripcion"></td> 51 <td ng-bind="producto.descripcion"></td>
51 <td ng-bind="producto.precio | currency: simbolo : 4"></td> 52 <td ng-bind="producto.precio | currency: simbolo : 4"></td>
52 <td> 53 <td>
53 <button 54 <button
54 type="button" 55 type="button"
55 class="btn btn-xs p-1 float-right" 56 class="btn btn-xs p-1 float-right"
56 ng-class="{ 57 ng-class="{
57 'btn-secondary': selectedProducto != key, 58 'btn-secondary': selectedProducto != key,
58 'btn-primary': selectedProducto == key 59 'btn-primary': selectedProducto == key
59 }" 60 }"
60 foca-focus="selectedProducto == {{key}}" 61 foca-focus="selectedProducto == {{key}}"
61 ng-keydown="itemProducto($event.keyCode)" 62 ng-keydown="itemProducto($event.keyCode)"
62 > 63 >
63 <i class="fa fa-arrow-right" aria-hidden="true"></i> 64 <i class="fa fa-arrow-right" aria-hidden="true"></i>
64 </button> 65 </button>
65 </td> 66 </td>
66 </tr> 67 </tr>
67 </tbody> 68 </tbody>
68 </table> 69 </table>
69 <nav ng-show="currentPageProductos.length > 0 && primerBusqueda"> 70 <nav ng-show="currentPageProductos.length > 0 && primerBusqueda">
70 <ul class="pagination pagination-sm justify-content mb-0"> 71 <ul class="pagination pagination-sm justify-content mb-0">
71 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 72 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
72 <a class="page-link" href="#" ng-click="selectPage(currentPage - 1)"> 73 <a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">
73 <span aria-hidden="true">&laquo;</span> 74 <span aria-hidden="true">&laquo;</span>
74 <span class="sr-only">Anterior</span> 75 <span class="sr-only">Anterior</span>
75 </a> 76 </a>
76 </li> 77 </li>
77 <li 78 <li
78 class="page-item" 79 class="page-item"
79 ng-repeat="pagina in paginas" 80 ng-repeat="pagina in paginas"
80 ng-class="{'active': pagina == currentPage}" 81 ng-class="{'active': pagina == currentPage}"
81 > 82 >
82 <a 83 <a
83 class="page-link" 84 class="page-link"
84 href="#" 85 href="#"
85 ng-click="selectPage(pagina)" 86 ng-click="selectPage(pagina)"
86 ng-bind="pagina" 87 ng-bind="pagina"
87 ></a> 88 ></a>
88 </li> 89 </li>
89 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> 90 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
90 <a class="page-link" href="#" ng-click="selectPage(currentPage + 1)"> 91 <a class="page-link" href="#" ng-click="selectPage(currentPage + 1)">
91 <span aria-hidden="true">&raquo;</span> 92 <span aria-hidden="true">&raquo;</span>
92 <span class="sr-only">Siguiente</span> 93 <span class="sr-only">Siguiente</span>
93 </a> 94 </a>
94 </li> 95 </li>
95 </ul> 96 </ul>
96 </nav> 97 </nav>
97 </div> 98 </div>
98 <div class="modal-footer py-1"> 99 <div class="modal-footer py-1">
99 <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>
100 </div> 101 </div>
101 102