Commit 76b43cb972b64136015eec0920596214237f15e7
1 parent
8f16997411
Exists in
master
and in
1 other branch
Arreglo de espaciado entre labels e inputs
Showing
1 changed file
with
28 additions
and
20 deletions
Show diff stats
src/views/foca-busqueda-cliente-modal.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-4 col-7"> | 3 | <div class="col-lg-4 col-7"> |
4 | <h5 class="modal-title my-1" ng-hide="ingreso">Búsqueda de Cliente</h5> | 4 | <h5 class="modal-title my-1" ng-hide="ingreso">Búsqueda de Cliente</h5> |
5 | <h5 class="modal-title my-1" ng-show="ingreso">Crear Cliente</h5> | 5 | <h5 class="modal-title my-1" ng-show="ingreso">Crear Cliente</h5> |
6 | </div> | 6 | </div> |
7 | <div ng-show="ingreso" class="col-lg-6 col-5 front-index"> | 7 | <div ng-show="ingreso" class="col-lg-6 col-5 front-index"> |
8 | <div class="custom-control custom-checkbox mt-2"> | 8 | <div class="custom-control custom-checkbox mt-2"> |
9 | <input | 9 | <input |
10 | type="checkbox" | 10 | type="checkbox" |
11 | class="custom-control-input" | 11 | class="custom-control-input" |
12 | id="checkProspecto" | 12 | id="checkProspecto" |
13 | ng-model="cliente.ES_PROS"> | 13 | ng-model="cliente.ES_PROS"> |
14 | <label class="custom-control-label" for="checkProspecto">¿Es prospecto?</label> | 14 | <label class="custom-control-label" for="checkProspecto">¿Es prospecto?</label> |
15 | </div> | 15 | </div> |
16 | </div> | 16 | </div> |
17 | <div class="input-group col-lg-6 offset-lg-2 pr-0 my-2"> | 17 | <div class="input-group col-lg-6 offset-lg-2 pr-0 my-2"> |
18 | <button | 18 | <button |
19 | class="btn btn-outline-debo mr-2" | 19 | class="btn btn-outline-debo mr-2" |
20 | ng-click="ingreso = true" | 20 | ng-click="ingreso = true" |
21 | ng-show="!ingreso && vendedor.NUM" | 21 | ng-show="!ingreso" |
22 | title="Nuevo"> | 22 | title="Nuevo"> |
23 | <i class="fa fa-plus" aria-hidden="true"></i> | 23 | <i class="fa fa-plus" aria-hidden="true"></i> |
24 | </button> | 24 | </button> |
25 | <input | 25 | <input |
26 | ladda="searchLoading" | 26 | ladda="searchLoading" |
27 | type="text" | 27 | type="text" |
28 | class="form-control form-control-sm" | 28 | class="form-control form-control-sm" |
29 | id="search" | 29 | id="search" |
30 | placeholder="Busqueda" | 30 | placeholder="Busqueda" |
31 | ng-model="filters" | 31 | ng-model="filters" |
32 | ng-change="search()" | 32 | ng-change="search()" |
33 | ng-keydown="busquedaDown($event.keyCode)" | 33 | ng-keydown="busquedaDown($event.keyCode)" |
34 | ng-keypress="busquedaPress($event.keyCode)" | 34 | ng-keypress="busquedaPress($event.keyCode)" |
35 | foca-focus="selectedClientes == -1" | 35 | foca-focus="selectedClientes == -1" |
36 | ng-focus="selectedClientes = -1" | 36 | ng-focus="selectedClientes = -1" |
37 | teclado-virtual | 37 | teclado-virtual |
38 | ng-hide="ingreso" | 38 | ng-hide="ingreso" |
39 | > | 39 | > |
40 | <button | 40 | <button |
41 | ng-show="filters.length >= 1" | 41 | ng-show="filters.length >= 1" |
42 | type="button" | 42 | type="button" |
43 | class="clear-input" | 43 | class="clear-input" |
44 | ng-click="filters = ''" | 44 | ng-click="filters = ''" |
45 | > | 45 | > |
46 | <i class="fa fa-times"></i> | 46 | <i class="fa fa-times"></i> |
47 | </button> | 47 | </button> |
48 | <div class="input-group-append" ng-hide="ingreso"> | 48 | <div class="input-group-append" ng-hide="ingreso"> |
49 | <button | 49 | <button |
50 | ladda="searchLoading" | 50 | ladda="searchLoading" |
51 | data-spinner-color="#FF0000" | 51 | data-spinner-color="#FF0000" |
52 | class="btn btn-outline-secondary" | 52 | class="btn btn-outline-secondary" |
53 | type="button" | 53 | type="button" |
54 | ng-click="busquedaPress(13)"> | 54 | ng-click="busquedaPress(13)"> |
55 | <i class="fa fa-search" aria-hidden="true"></i> | 55 | <i class="fa fa-search" aria-hidden="true"></i> |
56 | </button> | 56 | </button> |
57 | </div> | 57 | </div> |
58 | </div> | 58 | </div> |
59 | </div> | 59 | </div> |
60 | </div> | 60 | </div> |
61 | <div class="modal-body" id="modal-body"> | 61 | <div class="modal-body" id="modal-body"> |
62 | 62 | ||
63 | <div ng-show="!primerBusqueda && !ingreso"> | 63 | <div ng-show="!primerBusqueda && !ingreso"> |
64 | Debe realizar una primer búsqueda. | 64 | Debe realizar una primer búsqueda. |
65 | </div> | 65 | </div> |
66 | 66 | ||
67 | <table ng-show="primerBusqueda && !ingreso" class="table table-striped table-sm"> | 67 | <table ng-show="primerBusqueda && !ingreso" class="table table-striped table-sm"> |
68 | <thead> | 68 | <thead> |
69 | <tr> | 69 | <tr> |
70 | <th>Código</th> | 70 | <th>Código</th> |
71 | <th>Nombre</th> | 71 | <th>Nombre</th> |
72 | <th>CUIT</th> | 72 | <th>CUIT</th> |
73 | <th></th> | 73 | <th colspan="2"></th> |
74 | </tr> | 74 | </tr> |
75 | </thead> | 75 | </thead> |
76 | <tbody> | 76 | <tbody> |
77 | <tr ng-show="currentPageClientes.length == 0 && primerBusqueda"> | 77 | <tr ng-show="currentPageClientes.length == 0 && primerBusqueda"> |
78 | <td colspan="4"> | 78 | <td colspan="4"> |
79 | No se encontraron resultados. | 79 | No se encontraron resultados. |
80 | </td> | 80 | </td> |
81 | </tr> | 81 | </tr> |
82 | <tr | 82 | <tr |
83 | class="selectable" | 83 | class="selectable" |
84 | ng-repeat="(key, cliente) in currentPageClientes" | 84 | ng-repeat="(key, cliente) in currentPageClientes" |
85 | ng-click="select(cliente)"> | 85 | ng-click="select(cliente)"> |
86 | <td ng-bind="('00000'+cliente.cod).slice(-5)"></td> | 86 | <td ng-bind="('00000'+cliente.cod).slice(-5)"></td> |
87 | <td ng-bind="cliente.nom"></td> | 87 | <td ng-bind="cliente.nom"></td> |
88 | <td ng-bind="cliente.cuit"></td> | 88 | <td ng-bind="cliente.cuit"></td> |
89 | <td> | 89 | <td> |
90 | <button | 90 | <button |
91 | type="button" | 91 | type="button" |
92 | class="btn btn-xs p-1" | ||
93 | ng-click="" | ||
94 | ><i class="fa fa-eye"></i> | ||
95 | </button> | ||
96 | </td> | ||
97 | <td> | ||
98 | <button | ||
99 | type="button" | ||
92 | class="btn btn-xs p-1 float-right" | 100 | class="btn btn-xs p-1 float-right" |
93 | ng-class="{ | 101 | ng-class="{ |
94 | 'btn-secondary': selectedClientes != key, | 102 | 'btn-secondary': selectedClientes != key, |
95 | 'btn-primary': selectedClientes == key | 103 | 'btn-primary': selectedClientes == key |
96 | }" | 104 | }" |
97 | ng-click="select(cliente)" | 105 | ng-click="select(cliente)" |
98 | foca-focus="selectedClientes == {{key}}" | 106 | foca-focus="selectedClientes == {{key}}" |
99 | ng-keydown="itemCliente($event.keyCode)" | 107 | ng-keydown="itemCliente($event.keyCode)" |
100 | > | 108 | > |
101 | <i class="fa fa-circle-thin" aria-hidden="true"></i> | 109 | <i class="fa fa-circle-thin" aria-hidden="true"></i> |
102 | </button> | 110 | </button> |
103 | </td> | 111 | </td> |
104 | </tr> | 112 | </tr> |
105 | </tbody> | 113 | </tbody> |
106 | </table> | 114 | </table> |
107 | 115 | ||
108 | <form name="formCliente"> | 116 | <form name="formCliente"> |
109 | <uib-tabset class="tabs-right" ng-show="ingreso"> | 117 | <uib-tabset class="tabs-right" ng-show="ingreso"> |
110 | <uib-tab heading="Datos cliente"> | 118 | <uib-tab heading="Datos cliente"> |
111 | <div class="row"> | 119 | <div class="row"> |
112 | <div class="col-3"> | 120 | <div class="col-3 mt-2"> |
113 | <label>Código</label> | 121 | <label>Código</label> |
114 | <input | 122 | <input |
115 | type="text" | 123 | type="text" |
116 | class="form-control form-control-sm" | 124 | class="form-control form-control-sm" |
117 | ng-model="cliente.codigo" | 125 | ng-model="cliente.codigo" |
118 | readonly | 126 | readonly |
119 | /> | 127 | /> |
120 | </div> | 128 | </div> |
121 | <div class="col-9"> | 129 | <div class="col-9 mt-2"> |
122 | <label>Nombre</label> | 130 | <label>Nombre</label> |
123 | <input | 131 | <input |
124 | type="text" | 132 | type="text" |
125 | class="form-control form-control-sm" | 133 | class="form-control form-control-sm" |
126 | ng-model="cliente.NOM" | 134 | ng-model="cliente.NOM" |
127 | teclado-virtual | 135 | teclado-virtual |
128 | placeholder="Ingrese nombre" | 136 | placeholder="Ingrese nombre" |
129 | ng-required="true" | 137 | ng-required="true" |
130 | foca-focus="focused == 1 || ingreso" | 138 | foca-focus="focused == 1 || ingreso" |
131 | ng-focus="focus(1)" | 139 | ng-focus="focus(1)" |
132 | ng-keypress="next($event.keyCode)" | 140 | ng-keypress="next($event.keyCode)" |
133 | /> | 141 | /> |
134 | </div> | 142 | </div> |
135 | </div> | 143 | </div> |
136 | <div class="row"> | 144 | <div class="row"> |
137 | <div class="col-md-9 col-12"> | 145 | <div class="col-md-9 col-12 mt-2"> |
138 | <label>Domicilio</label> | 146 | <label>Domicilio</label> |
139 | <input | 147 | <input |
140 | type="text" | 148 | type="text" |
141 | class="form-control form-control-sm" | 149 | class="form-control form-control-sm" |
142 | ng-model="cliente.DOM" | 150 | ng-model="cliente.DOM" |
143 | teclado-virtual | 151 | teclado-virtual |
144 | placeholder="Ingrese domicilio" | 152 | placeholder="Ingrese domicilio" |
145 | ng-required="true" | 153 | ng-required="true" |
146 | ng-focus="focus(2)" | 154 | ng-focus="focus(2)" |
147 | foca-focus="focused == 2" | 155 | foca-focus="focused == 2" |
148 | ng-keypress="next($event.keyCode)" | 156 | ng-keypress="next($event.keyCode)" |
149 | /> | 157 | /> |
150 | </div> | 158 | </div> |
151 | <div class="col-md-3 col-12"> | 159 | <div class="col-md-3 col-12 mt-2"> |
152 | <label>Código postal</label> | 160 | <label>Código postal</label> |
153 | <input | 161 | <input |
154 | type="text" | 162 | type="text" |
155 | class="form-control form-control-sm" | 163 | class="form-control form-control-sm" |
156 | ng-model="cliente.CPO" | 164 | ng-model="cliente.CPO" |
157 | placeholder="Ingrese CP" | 165 | placeholder="Ingrese CP" |
158 | ng-required="true" | 166 | ng-required="true" |
159 | ng-focus="focus(3)" | 167 | ng-focus="focus(3)" |
160 | foca-focus="focused == 3" | 168 | foca-focus="focused == 3" |
161 | ng-keypress="next($event.keyCode)" | 169 | ng-keypress="next($event.keyCode)" |
162 | teclado-virtual | 170 | teclado-virtual |
163 | /> | 171 | /> |
164 | </div> | 172 | </div> |
165 | </div> | 173 | </div> |
166 | <div class="row"> | 174 | <div class="row"> |
167 | <div class="col-md-6 col-12"> | 175 | <div class="col-md-6 col-12 mt-2"> |
168 | <label>Provincia</label> | 176 | <label>Provincia</label> |
169 | <div class="input-group"> | 177 | <div class="input-group"> |
170 | <input | 178 | <input |
171 | type="text" | 179 | type="text" |
172 | class="form-control form-control-sm" | 180 | class="form-control form-control-sm" |
173 | ng-model="cliente.provincia.NOMBRE" | 181 | ng-model="cliente.provincia.NOMBRE" |
174 | ng-keypress="seleccionarProvincia($event.keyCode)" | 182 | ng-keypress="seleccionarProvincia($event.keyCode)" |
175 | placeholder="Seleccione provincia" | 183 | placeholder="Seleccione provincia" |
176 | ng-required="true" | 184 | ng-required="true" |
177 | ng-focus="focus(4)" | 185 | ng-focus="focus(4)" |
178 | foca-focus="focused == 4" | 186 | foca-focus="focused == 4" |
179 | teclado-virtual | 187 | teclado-virtual |
180 | /> | 188 | /> |
181 | <button | 189 | <button |
182 | ng-show="cliente.provincia.NOMBRE.length >= 1" | 190 | ng-show="cliente.provincia.NOMBRE.length >= 1" |
183 | type="button" | 191 | type="button" |
184 | class="clear-input" | 192 | class="clear-input" |
185 | ng-click="cliente.provincia.NOMBRE = ''" | 193 | ng-click="cliente.provincia.NOMBRE = ''" |
186 | > | 194 | > |
187 | <i class="fa fa-times"></i> | 195 | <i class="fa fa-times"></i> |
188 | </button> | 196 | </button> |
189 | <div class="input-group-append"> | 197 | <div class="input-group-append"> |
190 | <button | 198 | <button |
191 | ladda="searchLoading" | 199 | ladda="searchLoading" |
192 | class="btn btn-outline-secondary" | 200 | class="btn btn-outline-secondary" |
193 | type="button" | 201 | type="button" |
194 | ng-click="seleccionarProvincia(13)" | 202 | ng-click="seleccionarProvincia(13)" |
195 | > | 203 | > |
196 | <i class="fa fa-search" aria-hidden="true"></i> | 204 | <i class="fa fa-search" aria-hidden="true"></i> |
197 | </button> | 205 | </button> |
198 | </div> | 206 | </div> |
199 | </div> | 207 | </div> |
200 | </div> | 208 | </div> |
201 | <div class="col-md-6 col-12"> | 209 | <div class="col-md-6 col-12 mt-2"> |
202 | <label>Localidad</label> | 210 | <label>Localidad</label> |
203 | <div class="input-group"> | 211 | <div class="input-group"> |
204 | <input | 212 | <input |
205 | type="text" | 213 | type="text" |
206 | class="form-control form-control-sm" | 214 | class="form-control form-control-sm" |
207 | ng-model="cliente.localidad.NOMBRE" | 215 | ng-model="cliente.localidad.NOMBRE" |
208 | ng-keypress="seleccionarLocalidad($event.keyCode)" | 216 | ng-keypress="seleccionarLocalidad($event.keyCode)" |
209 | placeholder="Seleccione localidad" | 217 | placeholder="Seleccione localidad" |
210 | ng-required="true" | 218 | ng-required="true" |
211 | foca-focus="focused == 5" | 219 | foca-focus="focused == 5" |
212 | ng-focus="focus(5)" | 220 | ng-focus="focus(5)" |
213 | teclado-virtual | 221 | teclado-virtual |
214 | /> | 222 | /> |
215 | <button | 223 | <button |
216 | ng-show="cliente.localidad.NOMBRE.length >= 1" | 224 | ng-show="cliente.localidad.NOMBRE.length >= 1" |
217 | type="button" | 225 | type="button" |
218 | class="clear-input" | 226 | class="clear-input" |
219 | ng-click="cliente.localidad.NOMBRE = ''" | 227 | ng-click="cliente.localidad.NOMBRE = ''" |
220 | > | 228 | > |
221 | <i class="fa fa-times"></i> | 229 | <i class="fa fa-times"></i> |
222 | </button> | 230 | </button> |
223 | <div class="input-group-append"> | 231 | <div class="input-group-append"> |
224 | <button | 232 | <button |
225 | ladda="searchLoading" | 233 | ladda="searchLoading" |
226 | class="btn btn-outline-secondary" | 234 | class="btn btn-outline-secondary" |
227 | type="button" | 235 | type="button" |
228 | ng-click="seleccionarLocalidad(13)" | 236 | ng-click="seleccionarLocalidad(13)" |
229 | > | 237 | > |
230 | <i class="fa fa-search" aria-hidden="true"></i> | 238 | <i class="fa fa-search" aria-hidden="true"></i> |
231 | </button> | 239 | </button> |
232 | </div> | 240 | </div> |
233 | </div> | 241 | </div> |
234 | </div> | 242 | </div> |
235 | </div> | 243 | </div> |
236 | <div class="row"> | 244 | <div class="row"> |
237 | <div class="col-md-6 col-12"> | 245 | <div class="col-md-6 col-12 mt-2"> |
238 | <label>Zona</label> | 246 | <label>Zona</label> |
239 | <div class="input-group"> | 247 | <div class="input-group"> |
240 | <input | 248 | <input |
241 | type="text" | 249 | type="text" |
242 | class="form-control form-control-sm" | 250 | class="form-control form-control-sm" |
243 | ng-model="cliente.zona.NOM" | 251 | ng-model="cliente.zona.NOM" |
244 | ng-keypress="seleccionarZona($event.keyCode)" | 252 | ng-keypress="seleccionarZona($event.keyCode)" |
245 | placeholder="Seleccione zona" | 253 | placeholder="Seleccione zona" |
246 | ng-required="true" | 254 | ng-required="true" |
247 | ng-focus="focus(6)" | 255 | ng-focus="focus(6)" |
248 | foca-focus="focused == 6" | 256 | foca-focus="focused == 6" |
249 | teclado-virtual | 257 | teclado-virtual |
250 | /> | 258 | /> |
251 | <button | 259 | <button |
252 | ng-show="cliente.zona.NOM.length >= 1" | 260 | ng-show="cliente.zona.NOM.length >= 1" |
253 | type="button" | 261 | type="button" |
254 | class="clear-input" | 262 | class="clear-input" |
255 | ng-click="cliente.zona.NOM = ''" | 263 | ng-click="cliente.zona.NOM = ''" |
256 | > | 264 | > |
257 | <i class="fa fa-times"></i> | 265 | <i class="fa fa-times"></i> |
258 | </button> | 266 | </button> |
259 | <div class="input-group-append"> | 267 | <div class="input-group-append"> |
260 | <button | 268 | <button |
261 | ladda="searchLoading" | 269 | ladda="searchLoading" |
262 | class="btn btn-outline-secondary" | 270 | class="btn btn-outline-secondary" |
263 | type="button" | 271 | type="button" |
264 | ng-click="seleccionarZona(13)" | 272 | ng-click="seleccionarZona(13)" |
265 | > | 273 | > |
266 | <i class="fa fa-search" aria-hidden="true"></i> | 274 | <i class="fa fa-search" aria-hidden="true"></i> |
267 | </button> | 275 | </button> |
268 | </div> | 276 | </div> |
269 | </div> | 277 | </div> |
270 | </div> | 278 | </div> |
271 | <div class="col-md-6 col-12"> | 279 | <div class="col-md-6 col-12 mt-2"> |
272 | <label> Actividad </label> | 280 | <label> Actividad </label> |
273 | <div class="input-group"> | 281 | <div class="input-group"> |
274 | <input | 282 | <input |
275 | type="text" | 283 | type="text" |
276 | class="form-control form-control-sm" | 284 | class="form-control form-control-sm" |
277 | ng-model="cliente.actividad.NOM" | 285 | ng-model="cliente.actividad.NOM" |
278 | ng-keypress="seleccionarActividad($event.keyCode)" | 286 | ng-keypress="seleccionarActividad($event.keyCode)" |
279 | placeholder="Seleccione actividad" | 287 | placeholder="Seleccione actividad" |
280 | ng-required="true" | 288 | ng-required="true" |
281 | ng-focus="focus(7)" | 289 | ng-focus="focus(7)" |
282 | foca-focus="focused == 7" | 290 | foca-focus="focused == 7" |
283 | teclado-virtual | 291 | teclado-virtual |
284 | /> | 292 | /> |
285 | <button | 293 | <button |
286 | ng-show="cliente.actividad.NOM.length >= 1" | 294 | ng-show="cliente.actividad.NOM.length >= 1" |
287 | type="button" | 295 | type="button" |
288 | class="clear-input" | 296 | class="clear-input" |
289 | ng-click="cliente.actividad.NOM = ''" | 297 | ng-click="cliente.actividad.NOM = ''" |
290 | > | 298 | > |
291 | <i class="fa fa-times"></i> | 299 | <i class="fa fa-times"></i> |
292 | </button> | 300 | </button> |
293 | <div class="input-group-append"> | 301 | <div class="input-group-append"> |
294 | <button | 302 | <button |
295 | ladda="searchLoading" | 303 | ladda="searchLoading" |
296 | class="btn btn-outline-secondary" | 304 | class="btn btn-outline-secondary" |
297 | type="button" | 305 | type="button" |
298 | ng-click="seleccionarActividad(13)" | 306 | ng-click="seleccionarActividad(13)" |
299 | > | 307 | > |
300 | <i class="fa fa-search" aria-hidden="true"></i> | 308 | <i class="fa fa-search" aria-hidden="true"></i> |
301 | </button> | 309 | </button> |
302 | </div> | 310 | </div> |
303 | </div> | 311 | </div> |
304 | </div> | 312 | </div> |
305 | </div> | 313 | </div> |
306 | <div class="row"> | 314 | <div class="row"> |
307 | <div class="col-md-6 col-12"> | 315 | <div class="col-md-6 col-12 mt-2"> |
308 | <label>Cobrador</label> | 316 | <label>Cobrador</label> |
309 | <div class="input-group"> | 317 | <div class="input-group"> |
310 | <input | 318 | <input |
311 | type="text" | 319 | type="text" |
312 | class="form-control form-control-sm" | 320 | class="form-control form-control-sm" |
313 | ng-model="cliente.cobrador.NOM" | 321 | ng-model="cliente.cobrador.NOM" |
314 | ng-keypress="seleccionarCobrador($event.keyCode)" | 322 | ng-keypress="seleccionarCobrador($event.keyCode)" |
315 | placeholder="Seleccione cobrador" | 323 | placeholder="Seleccione cobrador" |
316 | ng-focus="focus(8)" | 324 | ng-focus="focus(8)" |
317 | foca-focus="focused == 8" | 325 | foca-focus="focused == 8" |
318 | teclado-virtual | 326 | teclado-virtual |
319 | /> | 327 | /> |
320 | <button | 328 | <button |
321 | ng-show="cliente.cobrador.NOM.length >= 1" | 329 | ng-show="cliente.cobrador.NOM.length >= 1" |
322 | type="button" | 330 | type="button" |
323 | class="clear-input" | 331 | class="clear-input" |
324 | ng-click="cliente.cobrador.NOM = ''" | 332 | ng-click="cliente.cobrador.NOM = ''" |
325 | > | 333 | > |
326 | <i class="fa fa-times"></i> | 334 | <i class="fa fa-times"></i> |
327 | </button> | 335 | </button> |
328 | <div class="input-group-append"> | 336 | <div class="input-group-append"> |
329 | <button | 337 | <button |
330 | ladda="searchLoading" | 338 | ladda="searchLoading" |
331 | class="btn btn-outline-secondary" | 339 | class="btn btn-outline-secondary" |
332 | type="button" | 340 | type="button" |
333 | ng-click="seleccionarCobrador(13)" | 341 | ng-click="seleccionarCobrador(13)" |
334 | > | 342 | > |
335 | <i class="fa fa-search" aria-hidden="true"></i> | 343 | <i class="fa fa-search" aria-hidden="true"></i> |
336 | </button> | 344 | </button> |
337 | </div> | 345 | </div> |
338 | </div> | 346 | </div> |
339 | </div> | 347 | </div> |
340 | <div class="col-md-6 col-12"> | 348 | <div class="col-md-6 col-12 mt-2"> |
341 | <label>Vendedor</label> | 349 | <label>Vendedor</label> |
342 | <div class="input-group"> | 350 | <div class="input-group"> |
343 | <input | 351 | <input |
344 | type="text" | 352 | type="text" |
345 | class="form-control form-control-sm" | 353 | class="form-control form-control-sm" |
346 | ng-model="vendedor.NOM" | 354 | ng-model="vendedor.NOM" |
347 | disabled="true" | 355 | disabled="true" |
348 | /> | 356 | /> |
349 | </div> | 357 | </div> |
350 | </div> | 358 | </div> |
351 | <div class="col-md-6 col-12"> | 359 | <div class="col-md-6 col-12 mt-2"> |
352 | <label>Email</label> | 360 | <label>Email</label> |
353 | <div class="input-group"> | 361 | <div class="input-group"> |
354 | <input | 362 | <input |
355 | type="text" | 363 | type="text" |
356 | class="form-control form-control-sm" | 364 | class="form-control form-control-sm" |
357 | placeholder="Ingrese Email" | 365 | placeholder="Ingrese Email" |
358 | ng-model="cliente.MAIL" | 366 | ng-model="cliente.MAIL" |
359 | ng-required="true" | 367 | ng-required="true" |
360 | ng-keypress="next($event.keyCode)" | 368 | ng-keypress="next($event.keyCode)" |
361 | ng-focus="focus(10)" | 369 | ng-focus="focus(10)" |
362 | foca-focus="focused == 10" | 370 | foca-focus="focused == 10" |
363 | teclado-virtual> | 371 | teclado-virtual> |
364 | </div> | 372 | </div> |
365 | </div> | 373 | </div> |
366 | <div class="col-md-6 col-12"> | 374 | <div class="col-md-6 col-12 mt-2"> |
367 | <label>Telefono</label> | 375 | <label>Telefono</label> |
368 | <div class="input-group"> | 376 | <div class="input-group"> |
369 | <input | 377 | <input |
370 | foca-tipo-input | 378 | foca-tipo-input |
371 | limite-numeros-max="20" | 379 | limite-numeros-max="20" |
372 | class="form-control form-control-sm" | 380 | class="form-control form-control-sm" |
373 | placeholder="Ingrese Telefono" | 381 | placeholder="Ingrese Telefono" |
374 | ng-model="cliente.TEL" | 382 | ng-model="cliente.TEL" |
375 | ng-required="true" | 383 | ng-required="true" |
376 | ng-keypress="next($event.keyCode)" | 384 | ng-keypress="next($event.keyCode)" |
377 | ng-focus="focus(11)" | 385 | ng-focus="focus(11)" |
378 | foca-focus="focused == 11" | 386 | foca-focus="focused == 11" |
379 | teclado-virtual> | 387 | teclado-virtual> |
380 | </div> | 388 | </div> |
381 | </div> | 389 | </div> |
382 | </div> | 390 | </div> |
383 | <div class="row"> | 391 | <div class="row"> |
384 | <div class="col-6 d-flex"> | 392 | <div class="col-6 d-flex mt-3"> |
385 | <div class="custom-control custom-checkbox mt-auto"> | 393 | <div class="custom-control custom-checkbox mt-auto"> |
386 | <input | 394 | <input |
387 | type="checkbox" | 395 | type="checkbox" |
388 | class="custom-control-input" | 396 | class="custom-control-input" |
389 | id="checkDistribuidor" | 397 | id="checkDistribuidor" |
390 | ng-model="cliente.ES_MAY" | 398 | ng-model="cliente.ES_MAY" |
391 | checked | 399 | checked |
392 | disabled="disabled"> | 400 | disabled="disabled"> |
393 | <label class="custom-control-label" for="checkDistribuidor">¿Este cliente es distribuidor?</label> | 401 | <label class="custom-control-label" for="checkDistribuidor">¿Este cliente es distribuidor?</label> |
394 | </div> | 402 | </div> |
395 | </div> | 403 | </div> |
396 | </div> | 404 | </div> |
397 | </uib-tab> | 405 | </uib-tab> |
398 | <uib-tab heading="Datos impositivos"> | 406 | <uib-tab heading="Datos impositivos"> |
399 | <div class="row"> | 407 | <div class="row"> |
400 | <div class="col-md-7 col-12"> | 408 | <div class="col-md-7 col-12 mt-2"> |
401 | <label>Responsabilidad ante el IVA</label> | 409 | <label>Responsabilidad ante el IVA</label> |
402 | <div class="input-group"> | 410 | <div class="input-group"> |
403 | <input | 411 | <input |
404 | type="text" | 412 | type="text" |
405 | class="form-control form-control-sm" | 413 | class="form-control form-control-sm" |
406 | placeholder="Seleccione responsabilidad ante el IVA" | 414 | placeholder="Seleccione responsabilidad ante el IVA" |
407 | ng-model="cliente.iva.NOMBRE" | 415 | ng-model="cliente.iva.NOMBRE" |
408 | ng-keypress="seleccionarIva($event.keyCode)" | 416 | ng-keypress="seleccionarIva($event.keyCode)" |
409 | ng-required="true" | 417 | ng-required="true" |
410 | ng-focus="focus(12)" | 418 | ng-focus="focus(12)" |
411 | foca-focus="focused == 12" | 419 | foca-focus="focused == 12" |
412 | teclado-virtual | 420 | teclado-virtual |
413 | /> | 421 | /> |
414 | <button | 422 | <button |
415 | ng-show="cliente.iva.NOMBRE.length >= 1" | 423 | ng-show="cliente.iva.NOMBRE.length >= 1" |
416 | type="button" | 424 | type="button" |
417 | class="clear-input" | 425 | class="clear-input" |
418 | ng-click="cliente.iva.NOMBRE = ''" | 426 | ng-click="cliente.iva.NOMBRE = ''" |
419 | > | 427 | > |
420 | <i class="fa fa-times"></i> | 428 | <i class="fa fa-times"></i> |
421 | </button> | 429 | </button> |
422 | <div class="input-group-append"> | 430 | <div class="input-group-append"> |
423 | <button | 431 | <button |
424 | ladda="searchLoading" | 432 | ladda="searchLoading" |
425 | class="btn btn-outline-secondary" | 433 | class="btn btn-outline-secondary" |
426 | type="button" | 434 | type="button" |
427 | ng-click="seleccionarIva(13)" | 435 | ng-click="seleccionarIva(13)" |
428 | > | 436 | > |
429 | <i class="fa fa-search" aria-hidden="true"></i> | 437 | <i class="fa fa-search" aria-hidden="true"></i> |
430 | </button> | 438 | </button> |
431 | </div> | 439 | </div> |
432 | </div> | 440 | </div> |
433 | </div> | 441 | </div> |
434 | <div class="col-md-5 col-12"> | 442 | <div class="col-md-5 col-12 mt-2"> |
435 | <label>Factura que emite</label> | 443 | <label>Factura que emite</label> |
436 | <div class="input-group"> | 444 | <div class="input-group"> |
437 | <input | 445 | <input |
438 | type="text" | 446 | type="text" |
439 | class="form-control form-control-sm" | 447 | class="form-control form-control-sm" |
440 | placeholder="Seleccione factura que emite" | 448 | placeholder="Seleccione factura que emite" |
441 | ng-model="cliente.tipoFactura.NOMBRE" | 449 | ng-model="cliente.tipoFactura.NOMBRE" |
442 | ng-required="true" | 450 | ng-required="true" |
443 | ng-keypress="seleccionarTipoFactura(13)" | 451 | ng-keypress="seleccionarTipoFactura(13)" |
444 | ng-focus="focus(13)" | 452 | ng-focus="focus(13)" |
445 | foca-focus="focused == 13" | 453 | foca-focus="focused == 13" |
446 | teclado-virtual> | 454 | teclado-virtual> |
447 | <button | 455 | <button |
448 | ng-show="cliente.tipoFactura.NOMBRE.length >= 1" | 456 | ng-show="cliente.tipoFactura.NOMBRE.length >= 1" |
449 | type="button" | 457 | type="button" |
450 | class="clear-input" | 458 | class="clear-input" |
451 | ng-click="cliente.tipoFactura.NOMBRE = ''" | 459 | ng-click="cliente.tipoFactura.NOMBRE = ''" |
452 | > | 460 | > |
453 | <i class="fa fa-times"></i> | 461 | <i class="fa fa-times"></i> |
454 | </button> | 462 | </button> |
455 | <div class="input-group-append"> | 463 | <div class="input-group-append"> |
456 | <button | 464 | <button |
457 | ladda="searchLoading" | 465 | ladda="searchLoading" |
458 | class="btn btn-outline-secondary" | 466 | class="btn btn-outline-secondary" |
459 | type="button" | 467 | type="button" |
460 | ng-click="seleccionarTipoFactura(13)" | 468 | ng-click="seleccionarTipoFactura(13)" |
461 | > | 469 | > |
462 | <i class="fa fa-search" aria-hidden="true"></i> | 470 | <i class="fa fa-search" aria-hidden="true"></i> |
463 | </button> | 471 | </button> |
464 | </div> | 472 | </div> |
465 | </div> | 473 | </div> |
466 | </div> | 474 | </div> |
467 | </div> | 475 | </div> |
468 | 476 | ||
469 | <div class="row"> | 477 | <div class="row"> |
470 | <div class= "col-md-4 col-12"> | 478 | <div class= "col-md-4 col-12 mt-2"> |
471 | <label>CUIT</label> | 479 | <label>CUIT</label> |
472 | <div class="d-flex"> | 480 | <div class="d-flex"> |
473 | <input | 481 | <input |
474 | type="text" | 482 | type="text" |
475 | class="form-control form-control-sm col-2" | 483 | class="form-control form-control-sm col-2" |
476 | limite-numeros-max="2" | 484 | limite-numeros-max="2" |
477 | ng-model="cliente.cuit1" | 485 | ng-model="cliente.cuit1" |
478 | ng-required="true" | 486 | ng-required="true" |
479 | ng-keypress="pasarCampoCuit(1)" | 487 | ng-keypress="pasarCampoCuit(1)" |
480 | ng-focus="focus(14)" | 488 | ng-focus="focus(14)" |
481 | foca-focus="focused == 14" | 489 | foca-focus="focused == 14" |
482 | teclado-virtual | 490 | teclado-virtual |
483 | > | 491 | > |
484 | <span class="m-1"> - </span> | 492 | <span class="m-1"> - </span> |
485 | <input | 493 | <input |
486 | type="text" | 494 | type="text" |
487 | class="form-control form-control-sm col-5" | 495 | class="form-control form-control-sm col-5" |
488 | maxlength="8" | 496 | maxlength="8" |
489 | limite-numeros-max="8" | 497 | limite-numeros-max="8" |
490 | ng-keypress="pasarCampoCuit(2)" | 498 | ng-keypress="pasarCampoCuit(2)" |
491 | ng-model="cliente.cuit2" | 499 | ng-model="cliente.cuit2" |
492 | ng-required="true" | 500 | ng-required="true" |
493 | ng-focus="focus(15)" | 501 | ng-focus="focus(15)" |
494 | foca-focus="cuitActivo == 2 || focused == 15" | 502 | foca-focus="cuitActivo == 2 || focused == 15" |
495 | teclado-virtual | 503 | teclado-virtual |
496 | > | 504 | > |
497 | <span class="m-1"> - </span> | 505 | <span class="m-1"> - </span> |
498 | <input | 506 | <input |
499 | type="text" | 507 | type="text" |
500 | class="form-control form-control-sm col-2" | 508 | class="form-control form-control-sm col-2" |
501 | maxlength="1" | 509 | maxlength="1" |
502 | limite-numeros-max="1" | 510 | limite-numeros-max="1" |
503 | ng-keypress="pasarCampoCuit(3)" | 511 | ng-keypress="pasarCampoCuit(3)" |
504 | ng-model="cliente.cuit3" | 512 | ng-model="cliente.cuit3" |
505 | ng-required="true" | 513 | ng-required="true" |
506 | ng-focus="focus(16)" | 514 | ng-focus="focus(16)" |
507 | foca-focus="cuitActivo == 3 || focused == 16" | 515 | foca-focus="cuitActivo == 3 || focused == 16" |
508 | teclado-virtual | 516 | teclado-virtual |
509 | > | 517 | > |
510 | </div> | 518 | </div> |
511 | </div> | 519 | </div> |
512 | <div class="col-md-4 col-12"> | 520 | <div class="col-md-4 col-12 mt-2"> |
513 | <label>Clase de comprobante</label> | 521 | <label>Clase de comprobante</label> |
514 | <div class="input-group"> | 522 | <div class="input-group"> |
515 | <input | 523 | <input |
516 | type="text" | 524 | type="text" |
517 | class="form-control form-control-sm" | 525 | class="form-control form-control-sm" |
518 | placeholder="Seleccione clase de comprobante" | 526 | placeholder="Seleccione clase de comprobante" |
519 | ng-keypress="seleccionarTipoComprobante($event.keyCode)" | 527 | ng-keypress="seleccionarTipoComprobante($event.keyCode)" |
520 | ng-model="cliente.tipoComprobante.NOMBRE" | 528 | ng-model="cliente.tipoComprobante.NOMBRE" |
521 | ng-required="true" | 529 | ng-required="true" |
522 | ng-focus="focus(17)" | 530 | ng-focus="focus(17)" |
523 | foca-focus="focused == 17" | 531 | foca-focus="focused == 17" |
524 | teclado-virtual> | 532 | teclado-virtual> |
525 | <button | 533 | <button |
526 | ng-show="cliente.tipoComprobante.NOMBRE.length >= 1" | 534 | ng-show="cliente.tipoComprobante.NOMBRE.length >= 1" |
527 | type="button" | 535 | type="button" |
528 | class="clear-input" | 536 | class="clear-input" |
529 | ng-click="cliente.tipoComprobante.NOMBRE = ''" | 537 | ng-click="cliente.tipoComprobante.NOMBRE = ''" |
530 | > | 538 | > |
531 | <i class="fa fa-times"></i> | 539 | <i class="fa fa-times"></i> |
532 | </button> | 540 | </button> |
533 | <div class="input-group-append"> | 541 | <div class="input-group-append"> |
534 | <button | 542 | <button |
535 | ladda="searchLoading" | 543 | ladda="searchLoading" |
536 | class="btn btn-outline-secondary" | 544 | class="btn btn-outline-secondary" |
537 | type="button" | 545 | type="button" |
538 | ng-click="seleccionarTipoComprobante(13)" | 546 | ng-click="seleccionarTipoComprobante(13)" |
539 | > | 547 | > |
540 | <i class="fa fa-search" aria-hidden="true"></i> | 548 | <i class="fa fa-search" aria-hidden="true"></i> |
541 | </button> | 549 | </button> |
542 | </div> | 550 | </div> |
543 | </div> | 551 | </div> |
544 | </div> | 552 | </div> |
545 | <div class="col-md-4 col-12"> | 553 | <div class="col-md-4 col-12 mt-2"> |
546 | <label>Forma de pago</label> | 554 | <label>Forma de pago</label> |
547 | <div class="input-group"> | 555 | <div class="input-group"> |
548 | <input | 556 | <input |
549 | type="text" | 557 | type="text" |
550 | class="form-control form-control-sm" | 558 | class="form-control form-control-sm" |
551 | placeholder="Seleccione forma de pago" | 559 | placeholder="Seleccione forma de pago" |
552 | ng-model="cliente.formaPago.NOMBRE" | 560 | ng-model="cliente.formaPago.NOMBRE" |
553 | ng-required="true" | 561 | ng-required="true" |
554 | ng-keypress="seleccionarFormaPago($event.keyCode)" | 562 | ng-keypress="seleccionarFormaPago($event.keyCode)" |
555 | ng-focus="focus(18)" | 563 | ng-focus="focus(18)" |
556 | foca-focus="focused == 18" | 564 | foca-focus="focused == 18" |
557 | teclado-virtual> | 565 | teclado-virtual> |
558 | <button | 566 | <button |
559 | ng-show="cliente.formaPago.NOMBRE.length >= 1" | 567 | ng-show="cliente.formaPago.NOMBRE.length >= 1" |
560 | type="button" | 568 | type="button" |
561 | class="clear-input" | 569 | class="clear-input" |
562 | ng-click="cliente.formaPago.NOMBRE = ''" | 570 | ng-click="cliente.formaPago.NOMBRE = ''" |
563 | > | 571 | > |
564 | <i class="fa fa-times"></i> | 572 | <i class="fa fa-times"></i> |
565 | </button> | 573 | </button> |
566 | <div class="input-group-append"> | 574 | <div class="input-group-append"> |
567 | <button | 575 | <button |
568 | ladda="searchLoading" | 576 | ladda="searchLoading" |
569 | class="btn btn-outline-secondary" | 577 | class="btn btn-outline-secondary" |
570 | type="button" | 578 | type="button" |
571 | ng-click="seleccionarFormaPago(13)" | 579 | ng-click="seleccionarFormaPago(13)" |
572 | > | 580 | > |
573 | <i class="fa fa-search" aria-hidden="true"></i> | 581 | <i class="fa fa-search" aria-hidden="true"></i> |
574 | </button> | 582 | </button> |
575 | </div> | 583 | </div> |
576 | </div> | 584 | </div> |
577 | </div> | 585 | </div> |
578 | </div> | 586 | </div> |
579 | </uib-tab> | 587 | </uib-tab> |
580 | </uib-tabset> | 588 | </uib-tabset> |
581 | </form> | 589 | </form> |
582 | </div> | 590 | </div> |
583 | <div class="modal-footer py-1"> | 591 | <div class="modal-footer py-1"> |
584 | <nav ng-show="currentPageClientes.length > 0 && primerBusqueda && !ingreso" class="mr-auto"> | 592 | <nav ng-show="currentPageClientes.length > 0 && primerBusqueda && !ingreso" class="mr-auto"> |
585 | <ul class="pagination pagination-sm mb-0"> | 593 | <ul class="pagination pagination-sm mb-0"> |
586 | <li class="page-item" ng-class="{'disabled': currentPage == 1}"> | 594 | <li class="page-item" ng-class="{'disabled': currentPage == 1}"> |
587 | <a class="page-link" href="javascript:void()" ng-click="selectPage(currentPage - 1)"> | 595 | <a class="page-link" href="javascript:void()" ng-click="selectPage(currentPage - 1)"> |
588 | <span aria-hidden="true">«</span> | 596 | <span aria-hidden="true">«</span> |
589 | <span class="sr-only">Anterior</span> | 597 | <span class="sr-only">Anterior</span> |
590 | </a> | 598 | </a> |
591 | </li> | 599 | </li> |
592 | <li | 600 | <li |
593 | class="page-item" | 601 | class="page-item" |
594 | ng-repeat="pagina in paginas" | 602 | ng-repeat="pagina in paginas" |
595 | ng-class="{'active': pagina == currentPage}" | 603 | ng-class="{'active': pagina == currentPage}" |
596 | > | 604 | > |
597 | <a | 605 | <a |
598 | class="page-link" | 606 | class="page-link" |
599 | href="javascript:void()" | 607 | href="javascript:void()" |
600 | ng-click="selectPage(pagina)" | 608 | ng-click="selectPage(pagina)" |
601 | ng-bind="pagina" | 609 | ng-bind="pagina" |
602 | ></a> | 610 | ></a> |
603 | </li> | 611 | </li> |
604 | <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> | 612 | <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> |
605 | <a class="page-link" href="javascript:void()" ng-click="selectPage(currentPage + 1)"> | 613 | <a class="page-link" href="javascript:void()" ng-click="selectPage(currentPage + 1)"> |
606 | <span aria-hidden="true">»</span> | 614 | <span aria-hidden="true">»</span> |
607 | <span class="sr-only">Siguiente</span> | 615 | <span class="sr-only">Siguiente</span> |
608 | </a> | 616 | </a> |
609 | </li> | 617 | </li> |
610 | </ul> | 618 | </ul> |
611 | </nav> | 619 | </nav> |
612 | <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button> | 620 | <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button> |
613 | <button | 621 | <button |
614 | class="btn btn-sm btn-primary" | 622 | class="btn btn-sm btn-primary" |
615 | type="button" | 623 | type="button" |
616 | ng-show="ingreso" | 624 | ng-show="ingreso" |
617 | ng-click="guardar()" | 625 | ng-click="guardar()" |
618 | >Guardar</button> | 626 | >Guardar</button> |
619 | </div> | 627 | </div> |
620 | 628 |