Commit 20704e387739392a8b6b3779fb220c9590dda0f2

Authored by Eric Fernandez
Exists in master

Merge branch 'master' into 'master'

codigo con 3 digitos, title seleccionar

See merge request !4
src/views/modal-vendedores.html
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 vendedores</h5> 4 <h5 class="modal-title my-1">Búsqueda de vendedores</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="selectedVendedor == -1" 17 foca-focus="selectedVendedor == -1"
18 ng-focus="selectedVendedor = -1" 18 ng-focus="selectedVendedor = -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 ng-click="busquedaPress(13)" 27 ng-click="busquedaPress(13)"
28 > 28 >
29 <i class="fa fa-search" aria-hidden="true"></i> 29 <i class="fa fa-search" aria-hidden="true"></i>
30 </button> 30 </button>
31 </div> 31 </div>
32 </div> 32 </div>
33 </div> 33 </div>
34 </div> 34 </div>
35 <div class="modal-body" id="modal-body"> 35 <div class="modal-body" id="modal-body">
36 36
37 <div ng-show="!primerBusqueda"> 37 <div ng-show="!primerBusqueda">
38 Debe realizar una primer búsqueda. 38 Debe realizar una primer búsqueda.
39 </div> 39 </div>
40 40
41 <table ng-show="primerBusqueda" class="table table-striped table-sm col-12"> 41 <table ng-show="primerBusqueda" class="table table-striped table-sm col-12">
42 <thead> 42 <thead>
43 <tr> 43 <tr>
44 <th>Código</th> 44 <th>Código</th>
45 <th>Nombre</th> 45 <th>Nombre</th>
46 <th></th> 46 <th></th>
47 </tr> 47 </tr>
48 </thead> 48 </thead>
49 <tbody> 49 <tbody>
50 <tr ng-show="currentPageVendedores.length == 0 && primerBusqueda"> 50 <tr ng-show="currentPageVendedores.length == 0 && primerBusqueda">
51 <td colspan="3"> 51 <td colspan="3">
52 No se encontraron resultados. 52 No se encontraron resultados.
53 </td> 53 </td>
54 </tr> 54 </tr>
55 <tr class="selected" 55 <tr class="selected"
56 ng-repeat="(key, vendedor) in currentPageVendedores" 56 ng-repeat="(key, vendedor) in currentPageVendedores"
57 ng-click="select(vendedor)" 57 ng-click="select(vendedor)"
58 > 58 >
59 <td ng-bind="vendedor.CodVen"></td> 59 <td ng-bind="vendedor.CodVen | rellenarDigitos: 3: 0"></td>
60 <td ng-bind="vendedor.NomVen"></td> 60 <td ng-bind="vendedor.NomVen"></td>
61 <td class="d-md-none text-primary"> 61 <td class="d-md-none text-primary">
62 <i class="fa fa-circle-thin" aria-hidden="true"></i> 62 <i class="fa fa-circle-thin" aria-hidden="true"></i>
63 </td> 63 </td>
64 <td class="d-none d-md-table-cell"> 64 <td class="d-none d-md-table-cell">
65 <button 65 <button
66 type="button" 66 type="button"
67 class="btn btn-xs p-1 float-right" 67 class="btn btn-xs p-1 float-right"
68 ng-class="{ 68 ng-class="{
69 'btn-secondary': selectedVendedor != key, 69 'btn-secondary': selectedVendedor != key,
70 'btn-primary': selectedVendedor == key 70 'btn-primary': selectedVendedor == key
71 }" 71 }"
72 foca-focus="selectedVendedor == {{key}}" 72 foca-focus="selectedVendedor == {{key}}"
73 ng-keydown="itemVendedor($event.keyCode)"> 73 ng-keydown="itemVendedor($event.keyCode)"
74 title="Seleccionar">
74 <i class="fa fa-circle-thin" aria-hidden="true"></i> 75 <i class="fa fa-circle-thin" aria-hidden="true"></i>
75 </button> 76 </button>
76 </td> 77 </td>
77 </tr> 78 </tr>
78 </tbody> 79 </tbody>
79 </table> 80 </table>
80 </div> 81 </div>
81 <div class="modal-footer py-1"> 82 <div class="modal-footer py-1">
82 <nav ng-show="currentPageVendedores.length > 0 && primerBusqueda" class="mr-auto"> 83 <nav ng-show="currentPageVendedores.length > 0 && primerBusqueda" class="mr-auto">
83 <ul class="pagination pagination-sm justify-content mb-0"> 84 <ul class="pagination pagination-sm justify-content mb-0">
84 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 85 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
85 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> 86 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
86 <span aria-hidden="true">&laquo;</span> 87 <span aria-hidden="true">&laquo;</span>
87 <span class="sr-only">Anterior</span> 88 <span class="sr-only">Anterior</span>
88 </a> 89 </a>
89 </li> 90 </li>
90 <li 91 <li
91 class="page-item" 92 class="page-item"
92 ng-repeat="pagina in paginas" 93 ng-repeat="pagina in paginas"
93 ng-class="{'active': pagina == currentPage}" 94 ng-class="{'active': pagina == currentPage}"
94 > 95 >
95 <a 96 <a
96 class="page-link" 97 class="page-link"
97 href="javascript:void();" 98 href="javascript:void();"
98 ng-click="selectPage(pagina)" 99 ng-click="selectPage(pagina)"
99 ng-bind="pagina" 100 ng-bind="pagina"
100 ></a> 101 ></a>
101 </li> 102 </li>
102 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> 103 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
103 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)"> 104 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)">
104 <span aria-hidden="true">&raquo;</span> 105 <span aria-hidden="true">&raquo;</span>
105 <span class="sr-only">Siguiente</span> 106 <span class="sr-only">Siguiente</span>
106 </a> 107 </a>
107 </li> 108 </li>
108 </ul> 109 </ul>
109 </nav> 110 </nav>
110 <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button> 111 <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button>
111 </div> 112 </div>
112 113