Jose Pinto / foca-busqueda-cliente

Download as
Browse Code »

Commit 238bf9af109e1ebf6132f72740e2dc3b1704ae3c

Authored by Nicolás Guarnieri
2 parents 5109dc0af6 dee809ebba
Exists in master

Merge branch 'master' into 'master' 

Master

See merge request !13
Showing 3 changed files   Show diff stats
src/js/controller.js
Diff comments   View file @ 238bf9a
1 angular.module('focaBusquedaCliente') 1 angular.module('focaBusquedaCliente')
2 .controller('focaBusquedaClienteModalController', [ 2 .controller('focaBusquedaClienteModalController', [
3 '$uibModalInstance', 'focaBusquedaClienteService', '$scope', '$filter', 3 '$uibModalInstance', 'focaBusquedaClienteService', '$scope', '$filter',
4 '$uibModal', 'focaModalService', '$timeout', 'vendedor', 4 '$uibModal', 'focaModalService', '$timeout', 'vendedor',
5 function($uibModalInstance, focaBusquedaClienteService, $scope, $filter, 5 function($uibModalInstance, focaBusquedaClienteService, $scope, $filter,
6 $uibModal, focaModalService, $timeout, vendedor) { 6 $uibModal, focaModalService, $timeout, vendedor) {
7 7
8 $scope.vendedor = vendedor; 8 $scope.vendedor = vendedor ? vendedor : {};
9 $scope.filters = ''; 9 $scope.filters = '';
10 $scope.primerBusqueda = false; 10 $scope.primerBusqueda = false;
11 // pagination 11 // pagination
12 $scope.numPerPage = 10; 12 $scope.numPerPage = 10;
13 $scope.currentPage = 1; 13 $scope.currentPage = 1;
14 $scope.filteredClientes = []; 14 $scope.filteredClientes = [];
15 $scope.currentPageClientes = []; 15 $scope.currentPageClientes = [];
16 $scope.selectedClientes = -1; 16 $scope.selectedClientes = -1;
17 $scope.ingreso = false; 17 $scope.ingreso = false;
18 $scope.regexCuit = new RegExp(/\b(20|23|24|27|30|33|34)(\D)?[0-9]{8}(\D)?[0-9]/g); 18 $scope.regexCuit = new RegExp(/\b(20|23|24|27|30|33|34)(\D)?[0-9]{8}(\D)?[0-9]/g);
19 $scope.focused = 1; 19 $scope.focused = 1;
20 20
21 $scope.cliente = { 21 $scope.cliente = {
22 COD: 0, 22 COD: 0,
23 ES_MAY: true, 23 ES_MAY: true,
24 provincia: { 24 provincia: {
25 NOMBRE: '' 25 NOMBRE: ''
26 }, 26 },
27 localidad: { 27 localidad: {
28 NOMBRE: '' 28 NOMBRE: ''
29 }, 29 },
30 iva: { 30 iva: {
31 NOMBRE: '' 31 NOMBRE: ''
32 }, 32 },
33 actividad: { 33 actividad: {
34 NOM: '' 34 NOM: ''
35 }, 35 },
36 zona: { 36 zona: {
37 NOM: '' 37 NOM: ''
38 }, 38 },
39 tipoFactura: { 39 tipoFactura: {
40 NOMBRE: '' 40 NOMBRE: ''
41 }, 41 },
42 tipoComprobante: { 42 tipoComprobante: {
43 NOMBRE: '' 43 NOMBRE: ''
44 }, 44 },
45 formaPago: { 45 formaPago: {
46 NOMBRE: '' 46 NOMBRE: ''
47 },
48 cobrador: {
49 NomVen: ''
47 } 50 }
48 }; 51 };
49 52
50 $scope.busquedaPress = function(key) { 53 $scope.busquedaPress = function(key) {
51 if (key === 13) { 54 if (key === 13) {
55 var funcion = ($scope.vendedor.CodVen) ?
56 'obtenerClientesPorNombreOCuitByVendedor' : 'obtenerClientesPorNombreOCuit';
57
52 $scope.searchLoading = true; 58 $scope.searchLoading = true;
53 focaBusquedaClienteService 59 focaBusquedaClienteService
54 .obtenerClientesPorNombreOCuit($scope.filters, vendedor.CodVen) 60 [funcion]($scope.filters, $scope.vendedor.CodVen)
55 .then( 61 .then(
56 function(res) { 62 function(res) {
57 $scope.primerBusqueda = true; 63 $scope.primerBusqueda = true;
58 $scope.clientes = res.data; 64 $scope.clientes = res.data;
59 $scope.search(true); 65 $scope.search(true);
60 primera(); 66 primera();
61 $scope.searchLoading = false; 67 $scope.searchLoading = false;
62 }); 68 });
63 } 69 }
64 }; 70 };
65 71
66 $scope.search = function (pressed) { 72 $scope.search = function (pressed) {
67 if($scope.primerBusqueda) { 73 if($scope.primerBusqueda) {
68 $scope.filteredClientes = $filter('filter')( 74 $scope.filteredClientes = $filter('filter')(
69 $scope.clientes, {$: $scope.filters} 75 $scope.clientes, {$: $scope.filters}
70 ); 76 );
71 77
72 if(pressed && $scope.filteredClientes.length === 0){ 78 if(pressed && $scope.filteredClientes.length === 0){
73 $timeout(function() { 79 $timeout(function() {
74 angular.element('#search')[0].focus(); 80 angular.element('#search')[0].focus();
75 $scope.filters = ''; 81 $scope.filters = '';
76 }); 82 });
77 } 83 }
78 84
79 $scope.lastPage = Math.ceil( 85 $scope.lastPage = Math.ceil(
80 $scope.filteredClientes.length / $scope.numPerPage 86 $scope.filteredClientes.length / $scope.numPerPage
81 ); 87 );
82 88
83 $scope.resetPage(); 89 $scope.resetPage();
84 } 90 }
85 }; 91 };
86 92
87 $scope.resetPage = function () { 93 $scope.resetPage = function () {
88 $scope.currentPage = 1; 94 $scope.currentPage = 1;
89 $scope.selectPage(1); 95 $scope.selectPage(1);
90 }; 96 };
91 97
92 $scope.selectPage = function (page) { 98 $scope.selectPage = function (page) {
93 var start = (page - 1) * $scope.numPerPage; 99 var start = (page - 1) * $scope.numPerPage;
94 var end = start + $scope.numPerPage; 100 var end = start + $scope.numPerPage;
95 $scope.paginas = []; 101 $scope.paginas = [];
96 $scope.paginas = calcularPages(page); 102 $scope.paginas = calcularPages(page);
97 $scope.currentPageClientes = $scope.filteredClientes.slice(start, end); 103 $scope.currentPageClientes = $scope.filteredClientes.slice(start, end);
98 $scope.currentPage = page; 104 $scope.currentPage = page;
99 }; 105 };
100 106
101 $scope.select = function(cliente, esNuevo = false) { 107 $scope.select = function(cliente, esNuevo = false) {
102 cliente.esNuevo = esNuevo; 108 cliente.esNuevo = esNuevo;
103 $uibModalInstance.close(cliente); 109 $uibModalInstance.close(cliente);
104 }; 110 };
105 111
106 $scope.cancel = function() { 112 $scope.cancel = function() {
107 if($scope.ingreso) { 113 if($scope.ingreso) {
108 $scope.ingreso = false; 114 $scope.ingreso = false;
109 }else { 115 }else {
110 $uibModalInstance.dismiss('cancel'); 116 $uibModalInstance.dismiss('cancel');
111 } 117 }
112 }; 118 };
113 119
114 $scope.busquedaDown = function(key) { 120 $scope.busquedaDown = function(key) {
115 if (key === 40) { 121 if (key === 40) {
116 primera(key); 122 primera(key);
117 } 123 }
118 }; 124 };
119 125
120 $scope.itemCliente = function(key) { 126 $scope.itemCliente = function(key) {
121 if (key === 38) { 127 if (key === 38) {
122 anterior(key); 128 anterior(key);
123 } 129 }
124 130
125 if (key === 40) { 131 if (key === 40) {
126 siguiente(key); 132 siguiente(key);
127 } 133 }
128 134
129 if (key === 37) { 135 if (key === 37) {
130 retrocederPagina(); 136 retrocederPagina();
131 } 137 }
132 138
133 if (key === 39) { 139 if (key === 39) {
134 avanzarPagina(); 140 avanzarPagina();
135 } 141 }
136 }; 142 };
137 143
138 $scope.focus = function(val) { 144 $scope.focus = function(val) {
139 $scope.focused = val; 145 $scope.focused = val;
140 }; 146 };
141 147
142 $scope.next = function(key) { 148 $scope.next = function(key) {
143 if (key === 13) $scope.focused++; 149 if (key === 13) $scope.focused++;
144 }; 150 };
145 151
146 $scope.seleccionarProvincia = function(key) { 152 $scope.seleccionarProvincia = function(key) {
147 if(key === 13) { 153 if(key === 13) {
148 var modalInstance = $uibModal.open( 154 var modalInstance = $uibModal.open(
149 { 155 {
150 ariaLabelledBy: 'Búsqueda de provincias', 156 ariaLabelledBy: 'Búsqueda de provincias',
151 templateUrl: 'modal-provincias.html', 157 templateUrl: 'modal-provincias.html',
152 controller: 'focaModalProvinciaController', 158 controller: 'focaModalProvinciaController',
153 size: 'md', 159 size: 'md',
154 resolve: { 160 resolve: {
155 filters: function() { 161 filters: function() {
156 return $scope.cliente.provincia.NOMBRE; 162 return $scope.cliente.provincia.NOMBRE;
157 } 163 }
158 } 164 }
159 } 165 }
160 ); 166 );
161 modalInstance.result.then(function(provincia) { 167 modalInstance.result.then(function(provincia) {
162 $scope.cliente.provincia = provincia; 168 $scope.cliente.provincia = provincia;
163 $timeout(function() { 169 $timeout(function() {
164 $scope.focused = 5; 170 $scope.focused = 5;
165 }); 171 });
166 }, function() { 172 }, function() {
167 //TODO: función llamada cuando cancela el modal 173 //TODO: función llamada cuando cancela el modal
168 }); 174 });
169 } 175 }
170 }; 176 };
171 $scope.seleccionarLocalidad = function(key) { 177 $scope.seleccionarLocalidad = function(key) {
172 if($scope.cliente.provincia.ID === undefined) { 178 if($scope.cliente.provincia.ID === undefined) {
173 focaModalService.alert('Seleccione una provincia'); 179 focaModalService.alert('Seleccione una provincia');
174 return; 180 return;
175 } 181 }
176 if(key === 13) { 182 if(key === 13) {
177 var modalInstance = $uibModal.open( 183 var modalInstance = $uibModal.open(
178 { 184 {
179 ariaLabelledBy: 'Búsqueda de localidades', 185 ariaLabelledBy: 'Búsqueda de localidades',
180 templateUrl: 'modal-localidades.html', 186 templateUrl: 'modal-localidades.html',
181 controller: 'focaModalLocalidadController', 187 controller: 'focaModalLocalidadController',
182 size: 'md', 188 size: 'md',
183 resolve: { 189 resolve: {
184 filters: { 190 filters: {
185 idProvincia: $scope.cliente.provincia.ID, 191 idProvincia: $scope.cliente.provincia.ID,
186 busqueda: $scope.cliente.localidad.nombre 192 busqueda: $scope.cliente.localidad.nombre
187 } 193 }
188 } 194 }
189 } 195 }
190 ); 196 );
191 modalInstance.result.then(function(localidad) { 197 modalInstance.result.then(function(localidad) {
192 $scope.cliente.localidad = localidad; 198 $scope.cliente.localidad = localidad;
193 $timeout(function() { 199 $timeout(function() {
194 $scope.focused = 6; 200 $scope.focused = 6;
195 }); 201 });
196 }, function() { 202 }, function() {
197 //TODO: función llamada cuando cancela el modal 203 //TODO: función llamada cuando cancela el modal
198 }); 204 });
199 } 205 }
200 }; 206 };
201 $scope.seleccionarIva = function(key) { 207 $scope.seleccionarIva = function(key) {
202 if(key === 13) { 208 if(key === 13) {
203 var query = '/iva'; 209 var query = '/iva';
204 var columnas = { 210 var columnas = {
205 nombre: ['Código', 'Nombre'], 211 nombre: ['Código', 'Nombre'],
206 propiedad: ['ID', 'NOM',] 212 propiedad: ['ID', 'NOMBRE',]
207 }; 213 };
208 var titulo = 'Búsqueda de responsabilidad ante el IVA'; 214 var titulo = 'Búsqueda de responsabilidad ante el IVA';
209 focaModalService.modal(columnas, query, titulo, 'md').then( 215 focaModalService.modal(columnas, query, titulo, 'md').then(
210 function(iva) { 216 function(iva) {
211 $scope.cliente.iva = iva; 217 $scope.cliente.iva = iva;
212 $timeout(function() { 218 $timeout(function() {
213 $scope.focused = 9; 219 $scope.focused = 10;
214 }); 220 });
215 }, function() { 221 }, function() {
216 // funcion ejecutada cuando se cancela el modal 222 // funcion ejecutada cuando se cancela el modal
217 }); 223 });
218 } 224 }
219 }; 225 };
220 $scope.seleccionarActividad = function(key) { 226 $scope.seleccionarActividad = function(key) {
221 if(key === 13) { 227 if(key === 13) {
222 var query = '/actividad'; 228 var query = '/actividad';
223 var columnas = { 229 var columnas = {
224 nombre: ['Código', 'Nombre'], 230 nombre: ['Código', 'Nombre'],
225 propiedad: ['ID', 'NOM',] 231 propiedad: ['ID', 'NOM',]
226 }; 232 };
227 var titulo = 'Búsqueda de actividades'; 233 var titulo = 'Búsqueda de actividades';
228 focaModalService.modal(columnas, query, titulo, 'md').then( 234 focaModalService.modal(columnas, query, titulo, 'md').then(
229 function(actividad) { 235 function(actividad) {
230 $scope.cliente.actividad = actividad; 236 $scope.cliente.actividad = actividad;
237 $timeout(function() {
238 $scope.focused = 8;
239 });
231 }, function() { 240 }, function() {
232 // funcion ejecutada cuando se cancela el modal 241 // funcion ejecutada cuando se cancela el modal
233 }); 242 });
234 } 243 }
235 }; 244 };
236 $scope.seleccionarZona = function(key) { 245 $scope.seleccionarZona = function(key) {
237 if(key === 13) { 246 if(key === 13) {
238 var query = '/zona'; 247 var query = '/zona';
239 var columnas = { 248 var columnas = {
240 nombre: ['Código', 'Nombre'], 249 nombre: ['Código', 'Nombre'],
241 propiedad: ['ID', 'NOM',] 250 propiedad: ['ID', 'NOM',]
242 }; 251 };
243 var titulo = 'Búsqueda de zonas'; 252 var titulo = 'Búsqueda de zonas';
244 focaModalService.modal(columnas, query, titulo, 'md').then( 253 focaModalService.modal(columnas, query, titulo, 'md').then(
245 function(zona) { 254 function(zona) {
246 $scope.cliente.zona = zona; 255 $scope.cliente.zona = zona;
247 $timeout(function() { 256 $timeout(function() {
248 $scope.focused = 7; 257 $scope.focused = 7;
249 }); 258 });
250 }, function() { 259 }, function() {
251 // funcion ejecutada cuando se cancela el modal 260 // funcion ejecutada cuando se cancela el modal
252 }); 261 });
253 } 262 }
254 }; 263 };
255 $scope.seleccionarTipoFactura = function(key) { 264 $scope.seleccionarTipoFactura = function(key) {
256 if(key === 13) { 265 if(key === 13) {
257 var query = '/tipo-factura'; 266 var query = '/tipo-factura';
258 var columnas = { 267 var columnas = {
259 nombre: ['Código', 'Nombre'], 268 nombre: ['Código', 'Nombre'],
260 propiedad: ['ID', 'NOMBRE',] 269 propiedad: ['ID', 'NOMBRE',]
261 }; 270 };
262 var titulo = 'Búsqueda de tipos de factura'; 271 var titulo = 'Búsqueda de tipos de factura';
263 focaModalService.modal(columnas, query, titulo, 'md').then( 272 focaModalService.modal(columnas, query, titulo, 'md').then(
264 function(tipoFactura) { 273 function(tipoFactura) {
265 $scope.cliente.tipoFactura = tipoFactura; 274 $scope.cliente.tipoFactura = tipoFactura;
266 $timeout(function() { 275 $timeout(function() {
267 $scope.focused = 10; 276 $scope.focused = 11;
268 }); 277 });
269 }, function() { 278 }, function() {
270 // funcion ejecutada cuando se cancela el modal 279 // funcion ejecutada cuando se cancela el modal
271 }); 280 });
272 } 281 }
273 }; 282 };
274 $scope.seleccionarTipoComprobante = function(key) { 283 $scope.seleccionarTipoComprobante = function(key) {
275 if(key === 13) { 284 if(key === 13) {
276 var query = '/tipo-comprobante'; 285 var query = '/tipo-comprobante';
277 var columnas = { 286 var columnas = {
278 nombre: ['Código', 'Nombre'], 287 nombre: ['Código', 'Nombre'],
279 propiedad: ['ID', 'NOMBRE',] 288 propiedad: ['ID', 'NOMBRE',]
280 }; 289 };
281 var titulo = 'Búsqueda de tipos de comprobante'; 290 var titulo = 'Búsqueda de tipos de comprobante';
282 focaModalService.modal(columnas, query, titulo, 'md').then( 291 focaModalService.modal(columnas, query, titulo, 'md').then(
283 function(tipoComprobante) { 292 function(tipoComprobante) {
284 $scope.cliente.tipoComprobante = tipoComprobante; 293 $scope.cliente.tipoComprobante = tipoComprobante;
285 $timeout(function() { 294 $timeout(function() {
286 $scope.focused = 12; 295 $scope.focused = 13;
287 }); 296 });
288 }, function() { 297 }, function() {
289 // funcion ejecutada cuando se cancela el modal 298 // funcion ejecutada cuando se cancela el modal
290 }); 299 });
291 } 300 }
292 }; 301 };
293 $scope.seleccionarFormaPago = function(key) { 302 $scope.seleccionarFormaPago = function(key) {
294 if(key === 13) { 303 if(key === 13) {
295 var query = '/forma-pago'; 304 var query = '/forma-pago';
296 var columnas = { 305 var columnas = {
297 nombre: ['Código', 'Nombre'], 306 nombre: ['Código', 'Nombre'],
298 propiedad: ['ID', 'NOMBRE',] 307 propiedad: ['ID', 'NOMBRE',]
299 }; 308 };
300 var titulo = 'Búsqueda de formas de pago'; 309 var titulo = 'Búsqueda de formas de pago';
301 focaModalService.modal(columnas, query, titulo, 'md').then( 310 focaModalService.modal(columnas, query, titulo, 'md').then(
302 function(formaPago) { 311 function(formaPago) {
303 $scope.cliente.formaPago = formaPago; 312 $scope.cliente.formaPago = formaPago;
304 }, function() { 313 }, function() {
305 // funcion ejecutada cuando se cancela el modal 314 // funcion ejecutada cuando se cancela el modal
306 }); 315 });
307 } 316 }
308 }; 317 };
318 $scope.seleccionarCobrador = function(key) {
319 if(key === 13) {
320 var query = '/cobrador';
321 var columnas = {
322 nombre: ['Código', 'Nombre'],
323 propiedad: ['CodVen', 'NomVen',]
324 };
325 var titulo = 'Búsqueda de cobradores';
326 focaModalService.modal(columnas, query, titulo, 'md').then(
327 function(cobrador) {
328 $scope.cliente.cobrador = cobrador;
329 }, function() {
330 // funcion ejecutada cuando se cancela el modal
331 });
332 }
333 };
309 334
310 $scope.guardar = function() { 335 $scope.guardar = function() {
311 336
312 $scope.cliente.PCX = $scope.cliente.provincia.ID; 337 $scope.cliente.PCX = $scope.cliente.provincia.ID;
313 $scope.cliente.LOX = $scope.cliente.localidad.ID; 338 $scope.cliente.LOX = $scope.cliente.localidad.ID;
314 $scope.cliente.IVA = $scope.cliente.iva.ID; 339 $scope.cliente.IVA = $scope.cliente.iva.ID;
315 $scope.cliente.ACT = $scope.cliente.actividad.ID; 340 $scope.cliente.ACT = $scope.cliente.actividad.ID;
316 $scope.cliente.ZON = $scope.cliente.zona.ID; 341 $scope.cliente.ZON = $scope.cliente.zona.ID;
317 $scope.cliente.TIP = $scope.cliente.tipoFactura.ID; 342 $scope.cliente.TIP = $scope.cliente.tipoFactura.ID;
318 $scope.cliente.TCO = $scope.cliente.tipoComprobante.ID; 343 $scope.cliente.TCO = $scope.cliente.tipoComprobante.ID;
319 $scope.cliente.FPA = $scope.cliente.formaPago.ID; 344 $scope.cliente.FPA = $scope.cliente.formaPago.ID;
320 $scope.cliente.VEN = $scope.vendedor.CodVen; 345 $scope.cliente.VEN = $scope.vendedor.CodVen;
346 $scope.cliente.idCobrador = $scope.cliente.cobrador.CodVen;
321 347
322 delete $scope.cliente.provincia; 348 delete $scope.cliente.provincia;
323 delete $scope.cliente.localidad; 349 delete $scope.cliente.localidad;
324 delete $scope.cliente.iva; 350 delete $scope.cliente.iva;
325 delete $scope.cliente.actividad; 351 delete $scope.cliente.actividad;
326 delete $scope.cliente.zona; 352 delete $scope.cliente.zona;
327 delete $scope.cliente.tipoFactura; 353 delete $scope.cliente.tipoFactura;
328 delete $scope.cliente.tipoComprobante; 354 delete $scope.cliente.tipoComprobante;
329 delete $scope.cliente.formaPago; 355 delete $scope.cliente.formaPago;
356 delete $scope.cliente.cobrador;
330 357
331 focaBusquedaClienteService 358 focaBusquedaClienteService
332 .guardarCliente($scope.cliente) 359 .guardarCliente($scope.cliente)
333 .then(function(res) { 360 .then(function(res) {
334 var cliente = { 361 var cliente = {
335 cod: res.data.COD, 362 cod: res.data.COD,
336 cuit: res.data.CUIT, 363 cuit: res.data.CUIT,
337 esNuevo: res.data.esNuevo, 364 esNuevo: res.data.esNuevo,
338 nom: res.data.NOM 365 nom: res.data.NOM
339 }; 366 };
340 $scope.select(cliente, true); 367 $scope.select(cliente, true);
341 }); 368 });
342 }; 369 };
343 370
344 function calcularPages(paginaActual) { 371 function calcularPages(paginaActual) {
345 var paginas = []; 372 var paginas = [];
346 paginas.push(paginaActual); 373 paginas.push(paginaActual);
347 374
348 if (paginaActual - 1 > 1) { 375 if (paginaActual - 1 > 1) {
349 376
350 paginas.unshift(paginaActual - 1); 377 paginas.unshift(paginaActual - 1);
351 if (paginaActual - 2 > 1) { 378 if (paginaActual - 2 > 1) {
352 paginas.unshift(paginaActual - 2); 379 paginas.unshift(paginaActual - 2);
353 } 380 }
354 } 381 }
355 382
356 if (paginaActual + 1 < $scope.lastPage) { 383 if (paginaActual + 1 < $scope.lastPage) {
357 paginas.push(paginaActual + 1); 384 paginas.push(paginaActual + 1);
358 if (paginaActual + 2 < $scope.lastPage) { 385 if (paginaActual + 2 < $scope.lastPage) {
359 paginas.push(paginaActual + 2); 386 paginas.push(paginaActual + 2);
360 } 387 }
361 } 388 }
362 389
363 if (paginaActual !== 1) { 390 if (paginaActual !== 1) {
364 paginas.unshift(1); 391 paginas.unshift(1);
365 } 392 }
366 393
367 if (paginaActual !== $scope.lastPage) { 394 if (paginaActual !== $scope.lastPage) {
368 paginas.push($scope.lastPage); 395 paginas.push($scope.lastPage);
369 } 396 }
370 397
371 return paginas; 398 return paginas;
372 } 399 }
373 400
374 function primera() { 401 function primera() {
375 $scope.selectedClientes = 0; 402 $scope.selectedClientes = 0;
376 } 403 }
377 404
378 function anterior() { 405 function anterior() {
379 if ($scope.selectedClientes === 0 && $scope.currentPage > 1) { 406 if ($scope.selectedClientes === 0 && $scope.currentPage > 1) {
380 retrocederPagina(); 407 retrocederPagina();
381 } else { 408 } else {
382 $scope.selectedClientes--; 409 $scope.selectedClientes--;
383 } 410 }
384 } 411 }
385 412
386 function siguiente() { 413 function siguiente() {
387 if ($scope.selectedClientes < $scope.currentPageClientes.length - 1 ) { 414 if ($scope.selectedClientes < $scope.currentPageClientes.length - 1 ) {
388 $scope.selectedClientes++; 415 $scope.selectedClientes++;
389 } else { 416 } else {
390 avanzarPagina(); 417 avanzarPagina();
391 } 418 }
392 } 419 }
393 420
394 function retrocederPagina() { 421 function retrocederPagina() {
395 if ($scope.currentPage > 1) { 422 if ($scope.currentPage > 1) {
396 $scope.selectPage($scope.currentPage - 1); 423 $scope.selectPage($scope.currentPage - 1);
397 $scope.selectedClientes = $scope.numPerPage - 1; 424 $scope.selectedClientes = $scope.numPerPage - 1;
398 } 425 }
399 } 426 }
400 427
401 function avanzarPagina() { 428 function avanzarPagina() {
402 if ($scope.currentPage < $scope.lastPage) { 429 if ($scope.currentPage < $scope.lastPage) {
403 $scope.selectPage($scope.currentPage + 1); 430 $scope.selectPage($scope.currentPage + 1);
404 $scope.selectedClientes = 0; 431 $scope.selectedClientes = 0;
405 } 432 }
406 } 433 }
407 } 434 }
408 ]); 435 ]);
409 436
1 angular.module('focaBusquedaCliente') 1 angular.module('focaBusquedaCliente')
2 .service('focaBusquedaClienteService', ['$http', 'API_ENDPOINT', function($http, API_ENDPOINT) { 2 .service('focaBusquedaClienteService', ['$http', 'API_ENDPOINT', function($http, API_ENDPOINT) {
3 return { 3 return {
4 obtenerClientesPorNombreOCuit: function(nombreOCuit, idVendedor) { 4 obtenerClientesPorNombreOCuitByVendedor: function(nombreOCuit, idVendedor) {
5 return $http.post(API_ENDPOINT.URL + '/cliente', 5 return $http.post(API_ENDPOINT.URL + '/cliente/listar',
6 {nombreOCuit: nombreOCuit, idVendedor: idVendedor}); 6 {nombreOCuit: nombreOCuit, idVendedor: idVendedor});
7 }, 7 },
8 obtenerClientesPorNombreOCuit: function(nombreOCuit) {
9 return $http.post(API_ENDPOINT.URL + '/cliente/listar',
10 {nombreOCuit: nombreOCuit});
11 },
8 guardarCliente: function(cliente) { 12 guardarCliente: function(cliente) {
9 return $http.post(API_ENDPOINT.URL + '/cliente', {cliente: cliente}); 13 return $http.post(API_ENDPOINT.URL + '/cliente', {cliente: cliente});
10 } 14 }
11 }; 15 };
12 }]); 16 }]);
13 17
src/views/foca-busqueda-cliente-modal.html
Diff comments   View file @ 238bf9a
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-primary mr-2" 19 class="btn btn-outline-primary mr-2"
20 ng-click="ingreso = true" 20 ng-click="ingreso = true"
21 ng-show="!ingreso" 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 <div class="input-group-append" ng-hide="ingreso"> 40 <div class="input-group-append" ng-hide="ingreso">
41 <button 41 <button
42 ladda="searchLoading" 42 ladda="searchLoading"
43 data-spinner-color="#FF0000" 43 data-spinner-color="#FF0000"
44 class="btn btn-outline-secondary" 44 class="btn btn-outline-secondary"
45 type="button" 45 type="button"
46 ng-click="busquedaPress(13)"> 46 ng-click="busquedaPress(13)">
47 <i class="fa fa-search" aria-hidden="true"></i> 47 <i class="fa fa-search" aria-hidden="true"></i>
48 </button> 48 </button>
49 </div> 49 </div>
50 </div> 50 </div>
51 </div> 51 </div>
52 </div> 52 </div>
53 <div class="modal-body" id="modal-body"> 53 <div class="modal-body" id="modal-body">
54 54
55 <div ng-show="!primerBusqueda && !ingreso"> 55 <div ng-show="!primerBusqueda && !ingreso">
56 Debe realizar una primer búsqueda. 56 Debe realizar una primer búsqueda.
57 </div> 57 </div>
58 58
59 <table ng-show="primerBusqueda && !ingreso" class="table table-striped table-sm"> 59 <table ng-show="primerBusqueda && !ingreso" class="table table-striped table-sm">
60 <thead> 60 <thead>
61 <tr> 61 <tr>
62 <th>Código</th> 62 <th>Código</th>
63 <th>Nombre</th> 63 <th>Nombre</th>
64 <th>CUIT</th> 64 <th>CUIT</th>
65 <th></th> 65 <th></th>
66 </tr> 66 </tr>
67 </thead> 67 </thead>
68 <tbody> 68 <tbody>
69 <tr ng-show="currentPageClientes.length == 0 && primerBusqueda"> 69 <tr ng-show="currentPageClientes.length == 0 && primerBusqueda">
70 <td colspan="4"> 70 <td colspan="4">
71 No se encontraron resultados. 71 No se encontraron resultados.
72 </td> 72 </td>
73 </tr> 73 </tr>
74 <tr 74 <tr
75 class="selectable" 75 class="selectable"
76 ng-repeat="(key, cliente) in currentPageClientes" 76 ng-repeat="(key, cliente) in currentPageClientes"
77 ng-click="select(cliente)"> 77 ng-click="select(cliente)">
78 <td ng-bind="('00000'+cliente.cod).slice(-5)"></td> 78 <td ng-bind="('00000'+cliente.cod).slice(-5)"></td>
79 <td ng-bind="cliente.nom"></td> 79 <td ng-bind="cliente.nom"></td>
80 <td ng-bind="cliente.cuit"></td> 80 <td ng-bind="cliente.cuit"></td>
81 <td> 81 <td>
82 <button 82 <button
83 type="button" 83 type="button"
84 class="btn btn-xs p-1 float-right" 84 class="btn btn-xs p-1 float-right"
85 ng-class="{ 85 ng-class="{
86 'btn-secondary': selectedClientes != key, 86 'btn-secondary': selectedClientes != key,
87 'btn-primary': selectedClientes == key 87 'btn-primary': selectedClientes == key
88 }" 88 }"
89 ng-click="select(cliente)" 89 ng-click="select(cliente)"
90 foca-focus="selectedClientes == {{key}}" 90 foca-focus="selectedClientes == {{key}}"
91 ng-keydown="itemCliente($event.keyCode)" 91 ng-keydown="itemCliente($event.keyCode)"
92 > 92 >
93 <i class="fa fa-circle-thin" aria-hidden="true"></i> 93 <i class="fa fa-circle-thin" aria-hidden="true"></i>
94 </button> 94 </button>
95 </td> 95 </td>
96 </tr> 96 </tr>
97 </tbody> 97 </tbody>
98 </table> 98 </table>
99 99
100 <form name="formCliente"> 100 <form name="formCliente">
101 <uib-tabset class="tabs-right" ng-show="ingreso"> 101 <uib-tabset class="tabs-right" ng-show="ingreso">
102 <uib-tab heading="Datos clientes"> 102 <uib-tab heading="Datos cliente">
103 <div class="row"> 103 <div class="row">
104 <div class="col-3"> 104 <div class="col-3">
105 <label>Código</label> 105 <label>Código</label>
106 <input 106 <input
107 type="text" 107 type="text"
108 class="form-control form-control-sm" 108 class="form-control form-control-sm"
109 ng-model="cliente.codigo" 109 ng-model="cliente.codigo"
110 readonly 110 readonly
111 /> 111 />
112 </div> 112 </div>
113 <div class="col-9"> 113 <div class="col-9">
114 <label>Nombre</label> 114 <label>Nombre</label>
115 <input 115 <input
116 type="text" 116 type="text"
117 class="form-control form-control-sm" 117 class="form-control form-control-sm"
118 ng-model="cliente.NOM" 118 ng-model="cliente.NOM"
119 teclado-virtual 119 teclado-virtual
120 placeholder="Ingrese nombre" 120 placeholder="Ingrese nombre"
121 ng-required="true" 121 ng-required="true"
122 foca-focus="focused == 1 || ingreso" 122 foca-focus="focused == 1 || ingreso"
123 ng-focus="focus(1)" 123 ng-focus="focus(1)"
124 ng-keypress="next($event.keyCode)" 124 ng-keypress="next($event.keyCode)"
125 /> 125 />
126 </div> 126 </div>
127 </div> 127 </div>
128 <div class="row"> 128 <div class="row">
129 <div class="col-md-9 col-12"> 129 <div class="col-md-9 col-12">
130 <label>Domicilio</label> 130 <label>Domicilio</label>
131 <input 131 <input
132 type="text" 132 type="text"
133 class="form-control form-control-sm" 133 class="form-control form-control-sm"
134 ng-model="cliente.DOM" 134 ng-model="cliente.DOM"
135 teclado-virtual 135 teclado-virtual
136 placeholder="Ingrese domicilio" 136 placeholder="Ingrese domicilio"
137 ng-required="true" 137 ng-required="true"
138 ng-focus="focus(2)" 138 ng-focus="focus(2)"
139 foca-focus="focused == 2" 139 foca-focus="focused == 2"
140 ng-keypress="next($event.keyCode)" 140 ng-keypress="next($event.keyCode)"
141 /> 141 />
142 </div> 142 </div>
143 <div class="col-md-3 col-12"> 143 <div class="col-md-3 col-12">
144 <label>Código postal</label> 144 <label>Código postal</label>
145 <input 145 <input
146 type="text" 146 type="text"
147 class="form-control form-control-sm" 147 class="form-control form-control-sm"
148 ng-model="cliente.CPO" 148 ng-model="cliente.CPO"
149 placeholder="Ingrese CP" 149 placeholder="Ingrese CP"
150 ng-required="true" 150 ng-required="true"
151 ng-focus="focus(3)" 151 ng-focus="focus(3)"
152 foca-focus="focused == 3" 152 foca-focus="focused == 3"
153 ng-keypress="next($event.keyCode)" 153 ng-keypress="next($event.keyCode)"
154 teclado-virtual 154 teclado-virtual
155 /> 155 />
156 </div> 156 </div>
157 </div> 157 </div>
158 <div class="row"> 158 <div class="row">
159 <div class="col-md-6 col-12"> 159 <div class="col-md-6 col-12">
160 <label>Provincia</label> 160 <label>Provincia</label>
161 <div class="input-group"> 161 <div class="input-group">
162 <input 162 <input
163 type="text" 163 type="text"
164 class="form-control form-control-sm" 164 class="form-control form-control-sm"
165 ng-model="cliente.provincia.NOMBRE" 165 ng-model="cliente.provincia.NOMBRE"
166 ng-keypress="seleccionarProvincia($event.keyCode)" 166 ng-keypress="seleccionarProvincia($event.keyCode)"
167 placeholder="Ingrese provincia" 167 placeholder="Ingrese provincia"
168 ng-required="true" 168 ng-required="true"
169 ng-focus="focus(4)" 169 ng-focus="focus(4)"
170 foca-focus="focused == 4" 170 foca-focus="focused == 4"
171 teclado-virtual 171 teclado-virtual
172 /> 172 />
173 <div class="input-group-append"> 173 <div class="input-group-append">
174 <button 174 <button
175 ladda="searchLoading" 175 ladda="searchLoading"
176 class="btn btn-outline-secondary form-control-sm" 176 class="btn btn-outline-secondary form-control-sm"
177 type="button" 177 type="button"
178 ng-click="seleccionarProvincia(13)" 178 ng-click="seleccionarProvincia(13)"
179 > 179 >
180 <i class="fa fa-search" aria-hidden="true"></i> 180 <i class="fa fa-search" aria-hidden="true"></i>
181 </button> 181 </button>
182 </div> 182 </div>
183 </div> 183 </div>
184 </div> 184 </div>
185 <div class="col-md-6 col-12"> 185 <div class="col-md-6 col-12">
186 <label>Localidad</label> 186 <label>Localidad</label>
187 <div class="input-group"> 187 <div class="input-group">
188 <input 188 <input
189 type="text" 189 type="text"
190 class="form-control form-control-sm" 190 class="form-control form-control-sm"
191 ng-model="cliente.localidad.NOMBRE" 191 ng-model="cliente.localidad.NOMBRE"
192 ng-keypress="seleccionarLocalidad($event.keyCode)" 192 ng-keypress="seleccionarLocalidad($event.keyCode)"
193 placeholder="Ingrese localidad" 193 placeholder="Ingrese localidad"
194 ng-required="true" 194 ng-required="true"
195 foca-focus="focused == 5" 195 foca-focus="focused == 5"
196 ng-focus="focus(5)" 196 ng-focus="focus(5)"
197 teclado-virtual 197 teclado-virtual
198 /> 198 />
199 <div class="input-group-append"> 199 <div class="input-group-append">
200 <button 200 <button
201 ladda="searchLoading" 201 ladda="searchLoading"
202 class="btn btn-outline-secondary form-control-sm" 202 class="btn btn-outline-secondary form-control-sm"
203 type="button" 203 type="button"
204 ng-click="seleccionarLocalidad(13)" 204 ng-click="seleccionarLocalidad(13)"
205 > 205 >
206 <i class="fa fa-search" aria-hidden="true"></i> 206 <i class="fa fa-search" aria-hidden="true"></i>
207 </button> 207 </button>
208 </div> 208 </div>
209 </div> 209 </div>
210 </div> 210 </div>
211 </div> 211 </div>
212 <div class="row"> 212 <div class="row">
213 <div class="col-md-6 col-12"> 213 <div class="col-md-6 col-12">
214 <label>Zona</label> 214 <label>Zona</label>
215 <div class="input-group"> 215 <div class="input-group">
216 <input 216 <input
217 type="text" 217 type="text"
218 class="form-control form-control-sm" 218 class="form-control form-control-sm"
219 ng-model="cliente.zona.NOM" 219 ng-model="cliente.zona.NOM"
220 ng-keypress="seleccionarZona($event.keyCode)" 220 ng-keypress="seleccionarZona($event.keyCode)"
221 placeholder="Ingrese zona" 221 placeholder="Ingrese zona"
222 ng-required="true" 222 ng-required="true"
223 ng-focus="focus(6)" 223 ng-focus="focus(6)"
224 foca-focus="focused == 6" 224 foca-focus="focused == 6"
225 teclado-virtual 225 teclado-virtual
226 /> 226 />
227 <div class="input-group-append"> 227 <div class="input-group-append">
228 <button 228 <button
229 ladda="searchLoading" 229 ladda="searchLoading"
230 class="btn btn-outline-secondary form-control-sm" 230 class="btn btn-outline-secondary form-control-sm"
231 type="button" 231 type="button"
232 ng-click="seleccionarZona(13)" 232 ng-click="seleccionarZona(13)"
233 > 233 >
234 <i class="fa fa-search" aria-hidden="true"></i> 234 <i class="fa fa-search" aria-hidden="true"></i>
235 </button> 235 </button>
236 </div> 236 </div>
237 </div> 237 </div>
238 </div> 238 </div>
239 <div class="col-md-6 col-12"> 239 <div class="col-md-6 col-12">
240 <label>Actividad</label> 240 <label>Actividad</label>
241 <div class="input-group"> 241 <div class="input-group">
242 <input 242 <input
243 type="text" 243 type="text"
244 class="form-control form-control-sm" 244 class="form-control form-control-sm"
245 ng-model="cliente.actividad.NOM" 245 ng-model="cliente.actividad.NOM"
246 ng-keypress="seleccionarActividad($event.keyCode)" 246 ng-keypress="seleccionarActividad($event.keyCode)"
247 placeholder="Ingrese actividad" 247 placeholder="Ingrese actividad"
248 ng-required="true" 248 ng-required="true"
249 ng-focus="focus(7)" 249 ng-focus="focus(7)"
250 foca-focus="focused == 7" 250 foca-focus="focused == 7"
251 teclado-virtual 251 teclado-virtual
252 /> 252 />
253 <div class="input-group-append"> 253 <div class="input-group-append">
254 <button 254 <button
255 ladda="searchLoading" 255 ladda="searchLoading"
256 class="btn btn-outline-secondary form-control-sm" 256 class="btn btn-outline-secondary form-control-sm"
257 type="button" 257 type="button"
258 ng-click="seleccionarActividad(13)" 258 ng-click="seleccionarActividad(13)"
259 > 259 >
260 <i class="fa fa-search" aria-hidden="true"></i> 260 <i class="fa fa-search" aria-hidden="true"></i>
261 </button> 261 </button>
262 </div> 262 </div>
263 </div> 263 </div>
264 </div> 264 </div>
265 </div> 265 </div>
266 <div class="row"> 266 <div class="row">
267 <div class="col-md-6 col-12"> 267 <div class="col-md-6 col-12">
268 <label>Cobrador</label>
269 <div class="input-group">
270 <input
271 type="text"
272 class="form-control form-control-sm"
273 ng-model="cliente.cobrador.NomVen"
274 ng-keypress="seleccionarCobrador($event.keyCode)"
275 placeholder="Ingrese cobrador"
276 ng-focus="focus(8)"
277 foca-focus="focused == 8"
278 teclado-virtual
279 />
280 <div class="input-group-append">
281 <button
282 ladda="searchLoading"
283 class="btn btn-outline-secondary form-control-sm"
284 type="button"
285 ng-click="seleccionarCobrador(13)"
286 >
287 <i class="fa fa-search" aria-hidden="true"></i>
288 </button>
289 </div>
290 </div>
291 </div>
292 <div class="col-md-6 col-12">
268 <label>Vendedor</label> 293 <label>Vendedor</label>
269 <div class="input-group"> 294 <div class="input-group">
270 <input 295 <input
271 type="text" 296 type="text"
272 class="form-control form-control-sm" 297 class="form-control form-control-sm"
273 ng-model="vendedor.NomVen" 298 ng-model="vendedor.NomVen"
274 disabled="true" 299 disabled="true"
275 /> 300 />
276 </div> 301 </div>
277 </div> 302 </div>
303 </div>
304 <div class="row">
278 <div class="col-6 d-flex"> 305 <div class="col-6 d-flex">
279 <div class="custom-control custom-checkbox mt-auto"> 306 <div class="custom-control custom-checkbox mt-auto">
280 <input 307 <input
281 type="checkbox" 308 type="checkbox"
282 class="custom-control-input" 309 class="custom-control-input"
283 id="checkDistribuidor" 310 id="checkDistribuidor"
284 ng-model="cliente.ES_MAY" 311 ng-model="cliente.ES_MAY"
285 checked 312 checked
286 disabled="disabled"> 313 disabled="disabled">
287 <label class="custom-control-label" for="checkDistribuidor">¿Este cliente es distribuidor?</label> 314 <label class="custom-control-label" for="checkDistribuidor">¿Este cliente es distribuidor?</label>
288 </div> 315 </div>
289 </div> 316 </div>
290 </div> 317 </div>
291 </uib-tab> 318 </uib-tab>
292 <uib-tab heading="Datos impositivos"> 319 <uib-tab heading="Datos impositivos">
293 <div class="row"> 320 <div class="row">
294 <div class="col-md-7 col-12"> 321 <div class="col-md-7 col-12">
295 <label>Responsabilidad ante el IVA</label> 322 <label>Responsabilidad ante el IVA</label>
296 <div class="input-group"> 323 <div class="input-group">
297 <input 324 <input
298 type="text" 325 type="text"
299 class="form-control form-control-sm" 326 class="form-control form-control-sm"
327 placeholder="Ingrese responsabilidad ante el IVA"
300 ng-model="cliente.iva.NOMBRE" 328 ng-model="cliente.iva.NOMBRE"
301 ng-keypress="seleccionarIva($event.keyCode)" 329 ng-keypress="seleccionarIva($event.keyCode)"
302 ng-required="true" 330 ng-required="true"
303 ng-focus="focus(8)" 331 ng-focus="focus(9)"
304 foca-focus="focused == 8" 332 foca-focus="focused == 9"
305 teclado-virtual 333 teclado-virtual
306 /> 334 />
307 <div class="input-group-append"> 335 <div class="input-group-append">
308 <button 336 <button
309 ladda="searchLoading" 337 ladda="searchLoading"
310 class="btn btn-outline-secondary form-control-sm" 338 class="btn btn-outline-secondary form-control-sm"
311 type="button" 339 type="button"
312 ng-click="seleccionarIva(13)" 340 ng-click="seleccionarIva(13)"
313 > 341 >
314 <i class="fa fa-search" aria-hidden="true"></i> 342 <i class="fa fa-search" aria-hidden="true"></i>
315 </button> 343 </button>
316 </div> 344 </div>
317 </div> 345 </div>
318 </div> 346 </div>
319 <div class="col-md-5 col-12"> 347 <div class="col-md-5 col-12">
320 <label>Factura que emite</label> 348 <label>Factura que emite</label>
321 <div class="input-group"> 349 <div class="input-group">
322 <input 350 <input
323 type="text" 351 type="text"
324 class="form-control form-control-sm" 352 class="form-control form-control-sm"
325 placeholder="Ingrese factura que emite" 353 placeholder="Ingrese factura que emite"
326 ng-model="cliente.tipoFactura.NOMBRE" 354 ng-model="cliente.tipoFactura.NOMBRE"
327 ng-required="true" 355 ng-required="true"
328 ng-keypress="seleccionarTipoFactura(13)" 356 ng-keypress="seleccionarTipoFactura(13)"
329 ng-focus="focus(9)" 357 ng-focus="focus(10)"
330 foca-focus="focused == 9" 358 foca-focus="focused == 10"
331 teclado-virtual> 359 teclado-virtual>
332 <div class="input-group-append"> 360 <div class="input-group-append">
333 <button 361 <button
334 ladda="searchLoading" 362 ladda="searchLoading"
335 class="btn btn-outline-secondary form-control-sm" 363 class="btn btn-outline-secondary form-control-sm"
336 type="button" 364 type="button"
337 ng-click="seleccionarTipoFactura(13)" 365 ng-click="seleccionarTipoFactura(13)"
338 > 366 >
339 <i class="fa fa-search" aria-hidden="true"></i> 367 <i class="fa fa-search" aria-hidden="true"></i>
340 </button> 368 </button>
341 </div> 369 </div>
342 </div> 370 </div>
343 </div> 371 </div>
344 </div> 372 </div>
345 <div class="row"> 373 <div class="row">
346 <div class="col-md-4 col-12"> 374 <div class="col-md-4 col-12">
347 <label>CUIT</label> 375 <label>CUIT</label>
348 <div class="input-group"> 376 <div class="input-group">
349 <input 377 <input
350 type="text" 378 type="text"
351 class="form-control form-control-sm" 379 class="form-control form-control-sm"
352 placeholder="Ingrese CUIT" 380 placeholder="Ingrese CUIT"
353 ng-model="cliente.CUIT" 381 ng-model="cliente.CUIT"
354 ng-required="true" 382 ng-required="true"
355 ng-pattern="regexCuit" 383 ng-pattern="regexCuit"
356 ng-maxlength="13" 384 ng-maxlength="13"
357 ng-keypress="next($event.keyCode)" 385 ng-keypress="next($event.keyCode)"
358 ng-focus="focus(10)" 386 ng-focus="focus(11)"
359 foca-focus="focused == 10" 387 foca-focus="focused == 11"
360 teclado-virtual> 388 teclado-virtual>
361 </div> 389 </div>
362 </div> 390 </div>
363 <div class="col-md-4 col-12"> 391 <div class="col-md-4 col-12">
364 <label>Clase de comprobante</label> 392 <label>Clase de comprobante</label>
365 <div class="input-group"> 393 <div class="input-group">
366 <input 394 <input
367 type="text" 395 type="text"
368 class="form-control form-control-sm" 396 class="form-control form-control-sm"
369 placeholder="Ingrese clase de comprobante" 397 placeholder="Ingrese clase de comprobante"
370 ng-keypress="seleccionarTipoComprobante($event.keyCode)" 398 ng-keypress="seleccionarTipoComprobante($event.keyCode)"
371 ng-model="cliente.tipoComprobante.NOMBRE" 399 ng-model="cliente.tipoComprobante.NOMBRE"
372 ng-required="true" 400 ng-required="true"
373 ng-focus="focus(11)" 401 ng-focus="focus(12)"
374 foca-focus="focused == 11" 402 foca-focus="focused == 12"
375 teclado-virtual> 403 teclado-virtual>
376 <div class="input-group-append"> 404 <div class="input-group-append">
377 <button 405 <button
378 ladda="searchLoading" 406 ladda="searchLoading"
379 class="btn btn-outline-secondary form-control-sm" 407 class="btn btn-outline-secondary form-control-sm"
380 type="button" 408 type="button"
381 ng-click="seleccionarTipoComprobante(13)" 409 ng-click="seleccionarTipoComprobante(13)"
382 > 410 >
383 <i class="fa fa-search" aria-hidden="true"></i> 411 <i class="fa fa-search" aria-hidden="true"></i>
384 </button> 412 </button>
385 </div> 413 </div>
386 </div> 414 </div>
387 </div> 415 </div>
388 <div class="col-md-4 col-12"> 416 <div class="col-md-4 col-12">
389 <label>Forma de pago</label> 417 <label>Forma de pago</label>
390 <div class="input-group"> 418 <div class="input-group">
391 <input 419 <input
392 type="text" 420 type="text"
393 class="form-control form-control-sm" 421 class="form-control form-control-sm"
394 placeholder="Ingrese forma de pago" 422 placeholder="Ingrese forma de pago"
395 ng-model="cliente.formaPago.NOMBRE" 423 ng-model="cliente.formaPago.NOMBRE"
396 ng-required="true" 424 ng-required="true"
397 ng-keypress="seleccionarFormaPago($event.keyCode)" 425 ng-keypress="seleccionarFormaPago($event.keyCode)"
398 ng-focus="focus(12)" 426 ng-focus="focus(13)"
399 foca-focus="focused == 12" 427 foca-focus="focused == 13"
400 teclado-virtual> 428 teclado-virtual>
401 <div class="input-group-append"> 429 <div class="input-group-append">
402 <button 430 <button
403 ladda="searchLoading" 431 ladda="searchLoading"
404 class="btn btn-outline-secondary form-control-sm" 432 class="btn btn-outline-secondary form-control-sm"
405 type="button" 433 type="button"
406 ng-click="seleccionarFormaPago(13)" 434 ng-click="seleccionarFormaPago(13)"
407 > 435 >
408 <i class="fa fa-search" aria-hidden="true"></i> 436 <i class="fa fa-search" aria-hidden="true"></i>
409 </button> 437 </button>
410 </div> 438 </div>
411 </div> 439 </div>
412 </div> 440 </div>
413 </div> 441 </div>
414 </uib-tab> 442 </uib-tab>
415 </uib-tabset> 443 </uib-tabset>
416 </form> 444 </form>
417 </div> 445 </div>
418 <div class="modal-footer py-1"> 446 <div class="modal-footer py-1">
419 <nav ng-show="currentPageClientes.length > 0 && primerBusqueda && !ingreso" class="mr-auto"> 447 <nav ng-show="currentPageClientes.length > 0 && primerBusqueda && !ingreso" class="mr-auto">
420 <ul class="pagination pagination-sm mb-0"> 448 <ul class="pagination pagination-sm mb-0">
421 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 449 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
422 <a class="page-link" href="javascript:void()" ng-click="selectPage(currentPage - 1)"> 450 <a class="page-link" href="javascript:void()" ng-click="selectPage(currentPage - 1)">
423 <span aria-hidden="true">&laquo;</span> 451 <span aria-hidden="true">&laquo;</span>
424 <span class="sr-only">Anterior</span> 452 <span class="sr-only">Anterior</span>
425 </a> 453 </a>
426 </li> 454 </li>
427 <li 455 <li
428 class="page-item" 456 class="page-item"
429 ng-repeat="pagina in paginas" 457 ng-repeat="pagina in paginas"
430 ng-class="{'active': pagina == currentPage}" 458 ng-class="{'active': pagina == currentPage}"
431 > 459 >
432 <a 460 <a
433 class="page-link" 461 class="page-link"
434 href="javascript:void()" 462 href="javascript:void()"
435 ng-click="selectPage(pagina)" 463 ng-click="selectPage(pagina)"
436 ng-bind="pagina" 464 ng-bind="pagina"
437 ></a> 465 ></a>
438 </li> 466 </li>
439 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> 467 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
440 <a class="page-link" href="javascript:void()" ng-click="selectPage(currentPage + 1)"> 468 <a class="page-link" href="javascript:void()" ng-click="selectPage(currentPage + 1)">
441 <span aria-hidden="true">&raquo;</span> 469 <span aria-hidden="true">&raquo;</span>
442 <span class="sr-only">Siguiente</span> 470 <span class="sr-only">Siguiente</span>
443 </a> 471 </a>
444 </li> 472 </li>
445 </ul> 473 </ul>
446 </nav> 474 </nav>
447 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button> 475 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
448 <button 476 <button
449 class="btn btn-sm btn-primary" 477 class="btn btn-sm btn-primary"
450 type="button" 478 type="button"
451 ng-show="ingreso" 479 ng-show="ingreso"
452 ng-click="guardar()" 480 ng-click="guardar()"
453 ng-disabled="!formCliente.$valid">Guardar</button> 481 ng-disabled="!formCliente.$valid">Guardar</button>
454 </div> 482 </div>
455 483