Jose Pinto / foca-modal-busqueda-productos

Download as
Browse Code »

Commit 0235554b3129ac2eb4dd151bb4c1eefe6256d30f

Authored by Jose Pinto
1 parent a3b913502c
Exists in master

titles

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