Eric Fernandez / foca-modal-proveedor

Download as
Browse Code »

Commit 01571b8f5af5b02971d108cc33a52b2abcc57cb4

Authored by Eric Fernandez
1 parent abcea5a1de
Exists in master

color

Showing 1 changed file with 4 additions and 24 deletions   Show diff stats
src/views/modal-proveedor.html
Diff comments   View file @ 01571b8
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" ng-hide="transportista">Búsqueda de Proveedor</h5> 4 <h5 class="modal-title my-1" ng-hide="transportista">Búsqueda de Proveedor</h5>
5 <h5 class="modal-title my-1" ng-show="transportista">Búsqueda de Transportista</h5> 5 <h5 class="modal-title my-1" ng-show="transportista">Búsqueda de Transportista</h5>
6 </div> 6 </div>
7 <div class="input-group col-lg-6 pr-0 my-2"> 7 <div class="input-group col-lg-6 pr-0 my-2">
8 <input 8 <input
9 ladda="searchLoading" 9 ladda="searchLoading"
10 type="text" 10 type="text"
11 class="form-control form-control-sm" 11 class="form-control form-control-sm"
12 id="search" 12 id="search"
13 placeholder="Busqueda" 13 placeholder="Busqueda"
14 ng-model="filters" 14 ng-model="filters"
15 ng-change="search()" 15 ng-change="search()"
16 ng-keydown="busquedaDown($event.keyCode)" 16 ng-keydown="busquedaDown($event.keyCode)"
17 ng-keypress="busquedaPress($event.keyCode)" 17 ng-keypress="busquedaPress($event.keyCode)"
18 foca-focus="selectedProveedores == -1" 18 foca-focus="selectedProveedores == -1"
19 ng-focus="selectedProveedores = -1" 19 ng-focus="selectedProveedores = -1"
20 teclado-virtual 20 teclado-virtual
21 > 21 >
22 <div class="input-group-append"> 22 <div class="input-group-append">
23 <button 23 <button
24 ladda="searchLoading" 24 ladda="searchLoading"
25 data-spinner-color="#FF0000" 25 data-spinner-color="#FF0000"
26 class="btn btn-outline-secondary" 26 class="btn btn-outline-secondary"
27 type="button" 27 type="button"
28 ng-click="busquedaPress(13)"> 28 ng-click="busquedaPress(13)">
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 <div class="input-group"> 36
37 <input 37 <div ng-show="!primerBusqueda">
38 ladda="searchLoading" 38 Debe realizar una primer búsqueda.
39 type="text"
40 class="form-control form-control-sm"
41 placeholder="Busqueda"
42 ng-model="filters"
43 ng-change="search()"
44 ng-keydown="busquedaDown($event.keyCode)"
45 ng-keypress="busquedaPress($event.keyCode)"
46 foca-focus="selectedProveedores == -1"
47 ng-focus="selectedProveedores = -1"
48 teclado-virtual
49 >
50 <div class="input-group-append">
51 <button
52 ladda="searchLoading"
53 data-spinner-color="#FF0000"
54 class="btn btn-outline-secondary"
55 type="button"
56 ng-click="busquedaPress(13)">
57 <i class="fa fa-search" aria-hidden="true"></i>
58 </button>
59 </div> 39 </div>
60 40
61 <table ng-show="primerBusqueda" class="table table-striped table-sm"> 41 <table ng-show="primerBusqueda" class="table table-striped table-sm">
62 <thead> 42 <thead>
63 <tr> 43 <tr>
64 <th>Código</th> 44 <th>Código</th>
65 <th>Nombre</th> 45 <th>Nombre</th>
66 <th>CUIT</th> 46 <th>CUIT</th>
67 <th></th> 47 <th></th>
68 </tr> 48 </tr>
69 </thead> 49 </thead>
70 <tbody> 50 <tbody>
71 <tr ng-show="currentPageProveedores.length == 0 && primerBusqueda"> 51 <tr ng-show="currentPageProveedores.length == 0 && primerBusqueda">
72 <td colspan="4"> 52 <td colspan="4">
73 No se encontraron resultados. 53 No se encontraron resultados.
74 </td> 54 </td>
75 </tr> 55 </tr>
76 <tr 56 <tr
77 class="selectable" 57 class="selectable"
78 ng-repeat="(key, proveedor) in currentPageProveedores" 58 ng-repeat="(key, proveedor) in currentPageProveedores"
79 ng-click="select(proveedor)"> 59 ng-click="select(proveedor)">
80 <td ng-bind="proveedor.COD"></td> 60 <td ng-bind="proveedor.COD"></td>
81 <td ng-bind="proveedor.NOM"></td> 61 <td ng-bind="proveedor.NOM"></td>
82 <td ng-bind="proveedor.CUIT"></td> 62 <td ng-bind="proveedor.CUIT"></td>
83 <td> 63 <td>
84 <button 64 <button
85 type="button" 65 type="button"
86 class="btn btn-xs p-1 float-right" 66 class="btn btn-xs p-1 float-right"
87 ng-class="{ 67 ng-class="{
88 'btn-secondary': selectedProveedores != key, 68 'btn-secondary': selectedProveedores != key,
89 'btn-primary': selectedProveedores == key 69 'btn-primary': selectedProveedores == key
90 }" 70 }"
91 ng-click="select(proveedor)" 71 ng-click="select(proveedor)"
92 foca-focus="selectedProveedores == {{key}}" 72 foca-focus="selectedProveedores == {{key}}"
93 ng-keydown="itemProveedor($event.keyCode)" 73 ng-keydown="itemProveedor($event.keyCode)"
94 > 74 >
95 <i class="fa fa-circle-thin" aria-hidden="true"></i> 75 <i class="fa fa-circle-thin" aria-hidden="true"></i>
96 </button> 76 </button>
97 </td> 77 </td>
98 </tr> 78 </tr>
99 </tbody> 79 </tbody>
100 </table> 80 </table>
101 81
102 </div> 82 </div>
103 <div class="modal-footer py-1"> 83 <div class="modal-footer py-1">
104 <nav ng-show="currentPageProveedores.length > 0 && primerBusqueda" class="mr-auto"> 84 <nav ng-show="currentPageProveedores.length > 0 && primerBusqueda" class="mr-auto">
105 <ul class="pagination pagination-sm mb-0"> 85 <ul class="pagination pagination-sm mb-0">
106 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 86 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
107 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> 87 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
108 <span aria-hidden="true">&laquo;</span> 88 <span aria-hidden="true">&laquo;</span>
109 <span class="sr-only">Anterior</span> 89 <span class="sr-only">Anterior</span>
110 </a> 90 </a>
111 </li> 91 </li>
112 <li 92 <li
113 class="page-item" 93 class="page-item"
114 ng-repeat="pagina in paginas" 94 ng-repeat="pagina in paginas"
115 ng-class="{'active': pagina == currentPage}" 95 ng-class="{'active': pagina == currentPage}"
116 > 96 >
117 <a 97 <a
118 class="page-link" 98 class="page-link"
119 href="javascript:void();" 99 href="javascript:void();"
120 ng-click="selectPage(pagina)" 100 ng-click="selectPage(pagina)"
121 ng-bind="pagina" 101 ng-bind="pagina"
122 ></a> 102 ></a>
123 </li> 103 </li>
124 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> 104 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
125 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)"> 105 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)">
126 <span aria-hidden="true">&raquo;</span> 106 <span aria-hidden="true">&raquo;</span>
127 <span class="sr-only">Siguiente</span> 107 <span class="sr-only">Siguiente</span>
128 </a> 108 </a>
129 </li> 109 </li>
130 </ul> 110 </ul>
131 </nav> 111 </nav>
132 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button> 112 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
133 </div> 113 </div>
114