Commit 143d90331839e5fb09e8c109001bd4b13c995547
1 parent
5570c2fa3e
Exists in
master
and in
1 other branch
Revert "Paginacion"
This reverts commit 5570c2fa3ec91516d4d74d8bac7e34b73b4e8799.
Showing
2 changed files
with
21 additions
and
19 deletions
Show diff stats
src/js/controller.js
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 ? 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.currentPage = 1; | 13 | $scope.currentPage = 1; |
14 | $scope.filteredClientes = []; | ||
15 | $scope.currentPageClientes = []; | ||
13 | $scope.selectedClientes = -1; | 16 | $scope.selectedClientes = -1; |
14 | $scope.ingreso = false; | 17 | $scope.ingreso = false; |
15 | $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); |
16 | $scope.focused = 1; | 19 | $scope.focused = 1; |
17 | 20 | ||
18 | $scope.cliente = { | 21 | $scope.cliente = { |
19 | COD: 0, | 22 | COD: 0, |
20 | ES_MAY: true, | 23 | ES_MAY: true, |
21 | provincia: { | 24 | provincia: { |
22 | NOMBRE: '' | 25 | NOMBRE: '' |
23 | }, | 26 | }, |
24 | localidad: { | 27 | localidad: { |
25 | NOMBRE: '' | 28 | NOMBRE: '' |
26 | }, | 29 | }, |
27 | iva: { | 30 | iva: { |
28 | NOMBRE: '' | 31 | NOMBRE: '' |
29 | }, | 32 | }, |
30 | actividad: { | 33 | actividad: { |
31 | NOM: '' | 34 | NOM: '' |
32 | }, | 35 | }, |
33 | zona: { | 36 | zona: { |
34 | NOM: '' | 37 | NOM: '' |
35 | }, | 38 | }, |
36 | tipoFactura: { | 39 | tipoFactura: { |
37 | NOMBRE: '' | 40 | NOMBRE: '' |
38 | }, | 41 | }, |
39 | tipoComprobante: { | 42 | tipoComprobante: { |
40 | NOMBRE: '' | 43 | NOMBRE: '' |
41 | }, | 44 | }, |
42 | formaPago: { | 45 | formaPago: { |
43 | NOMBRE: '' | 46 | NOMBRE: '' |
44 | }, | 47 | }, |
45 | cobrador: { | 48 | cobrador: { |
46 | NomVen: '' | 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) { |
52 | var funcion = ($scope.vendedor.id) ? | 55 | var funcion = ($scope.vendedor.id) ? |
53 | 'obtenerClientesPorNombreOCuitByVendedor' : 'obtenerClientesPorNombreOCuit'; | 56 | 'obtenerClientesPorNombreOCuitByVendedor' : 'obtenerClientesPorNombreOCuit'; |
54 | 57 | ||
55 | $scope.searchLoading = true; | 58 | $scope.searchLoading = true; |
56 | focaBusquedaClienteService | 59 | focaBusquedaClienteService |
57 | [funcion]($scope.filters, $scope.vendedor.id) | 60 | [funcion]($scope.filters, $scope.vendedor.id) |
58 | .then( | 61 | .then( |
59 | function(res) { | 62 | function(res) { |
60 | console.log(res); | ||
61 | $scope.primerBusqueda = true; | 63 | $scope.primerBusqueda = true; |
62 | $scope.clientes = res.data.clientes; | 64 | $scope.clientes = res.data; |
63 | $scope.lastPage = res.data.cantidadPaginas; | ||
64 | calcularPages(); | ||
65 | $scope.search(true); | 65 | $scope.search(true); |
66 | primera(); | 66 | primera(); |
67 | $scope.searchLoading = false; | 67 | $scope.searchLoading = false; |
68 | }); | 68 | }); |
69 | } | 69 | } |
70 | }; | 70 | }; |
71 | 71 | ||
72 | $scope.search = function (pressed) { | 72 | $scope.search = function (pressed) { |
73 | if($scope.primerBusqueda) { | 73 | if($scope.primerBusqueda) { |
74 | $scope.filteredClientes = $filter('filter')( | 74 | $scope.filteredClientes = $filter('filter')( |
75 | $scope.clientes, {$: $scope.filters} | 75 | $scope.clientes, {$: $scope.filters} |
76 | ); | 76 | ); |
77 | 77 | ||
78 | if(pressed && $scope.filteredClientes.length === 0){ | 78 | if(pressed && $scope.filteredClientes.length === 0){ |
79 | $timeout(function() { | 79 | $timeout(function() { |
80 | angular.element('#search')[0].focus(); | 80 | angular.element('#search')[0].focus(); |
81 | $scope.filters = ''; | 81 | $scope.filters = ''; |
82 | }); | 82 | }); |
83 | } | 83 | } |
84 | |||
85 | $scope.lastPage = Math.ceil( | ||
86 | $scope.filteredClientes.length / $scope.numPerPage | ||
87 | ); | ||
88 | |||
84 | $scope.resetPage(); | 89 | $scope.resetPage(); |
85 | } | 90 | } |
86 | }; | 91 | }; |
87 | 92 | ||
88 | $scope.resetPage = function () { | 93 | $scope.resetPage = function () { |
89 | $scope.currentPage = 1; | 94 | $scope.currentPage = 1; |
90 | $scope.selectPage(1); | 95 | $scope.selectPage(1); |
91 | }; | 96 | }; |
92 | 97 | ||
93 | $scope.selectPage = function (page) { | 98 | $scope.selectPage = function (page) { |
94 | var start = (page - 1) * $scope.numPerPage; | 99 | var start = (page - 1) * $scope.numPerPage; |
95 | var end = start + $scope.numPerPage; | 100 | var end = start + $scope.numPerPage; |
96 | $scope.paginas = []; | 101 | $scope.paginas = []; |
97 | $scope.paginas = calcularPages(); | 102 | $scope.paginas = calcularPages(page); |
98 | $scope.currentPageClientes = $scope.filteredClientes.slice(start, end); | 103 | $scope.currentPageClientes = $scope.filteredClientes.slice(start, end); |
99 | $scope.currentPage = page; | 104 | $scope.currentPage = page; |
100 | }; | 105 | }; |
101 | 106 | ||
102 | $scope.select = function(cliente, esNuevo = false) { | 107 | $scope.select = function(cliente, esNuevo = false) { |
103 | cliente.esNuevo = esNuevo; | 108 | cliente.esNuevo = esNuevo; |
104 | $uibModalInstance.close(cliente); | 109 | $uibModalInstance.close(cliente); |
105 | }; | 110 | }; |
106 | 111 | ||
107 | $scope.cancel = function() { | 112 | $scope.cancel = function() { |
108 | if($scope.ingreso) { | 113 | if($scope.ingreso) { |
109 | $scope.ingreso = false; | 114 | $scope.ingreso = false; |
110 | }else { | 115 | }else { |
111 | $uibModalInstance.dismiss('cancel'); | 116 | $uibModalInstance.dismiss('cancel'); |
112 | } | 117 | } |
113 | }; | 118 | }; |
114 | 119 | ||
115 | $scope.busquedaDown = function(key) { | 120 | $scope.busquedaDown = function(key) { |
116 | if (key === 40) { | 121 | if (key === 40) { |
117 | primera(key); | 122 | primera(key); |
118 | } | 123 | } |
119 | }; | 124 | }; |
120 | 125 | ||
121 | $scope.itemCliente = function(key) { | 126 | $scope.itemCliente = function(key) { |
122 | if (key === 38) { | 127 | if (key === 38) { |
123 | anterior(key); | 128 | anterior(key); |
124 | } | 129 | } |
125 | 130 | ||
126 | if (key === 40) { | 131 | if (key === 40) { |
127 | siguiente(key); | 132 | siguiente(key); |
128 | } | 133 | } |
129 | 134 | ||
130 | if (key === 37) { | 135 | if (key === 37) { |
131 | retrocederPagina(); | 136 | retrocederPagina(); |
132 | } | 137 | } |
133 | 138 | ||
134 | if (key === 39) { | 139 | if (key === 39) { |
135 | avanzarPagina(); | 140 | avanzarPagina(); |
136 | } | 141 | } |
137 | }; | 142 | }; |
138 | 143 | ||
139 | $scope.focus = function(val) { | 144 | $scope.focus = function(val) { |
140 | $scope.focused = val; | 145 | $scope.focused = val; |
141 | }; | 146 | }; |
142 | 147 | ||
143 | $scope.next = function(key) { | 148 | $scope.next = function(key) { |
144 | if (key === 13) $scope.focused++; | 149 | if (key === 13) $scope.focused++; |
145 | }; | 150 | }; |
146 | 151 | ||
147 | $scope.seleccionarProvincia = function(key) { | 152 | $scope.seleccionarProvincia = function(key) { |
148 | if(key === 13) { | 153 | if(key === 13) { |
149 | var parametrosModal = { | 154 | var parametrosModal = { |
150 | query: '/provincia', | 155 | query: '/provincia', |
151 | columnas: [ | 156 | columnas: [ |
152 | { | 157 | { |
153 | propiedad: 'ID', | 158 | propiedad: 'ID', |
154 | nombre: 'Codigo', | 159 | nombre: 'Codigo', |
155 | filtro: { | 160 | filtro: { |
156 | nombre: 'rellenarDigitos', | 161 | nombre: 'rellenarDigitos', |
157 | parametro: 3} | 162 | parametro: 3} |
158 | }, | 163 | }, |
159 | { | 164 | { |
160 | propiedad: 'NOMBRE', | 165 | propiedad: 'NOMBRE', |
161 | nombre: 'Nombre' | 166 | nombre: 'Nombre' |
162 | } | 167 | } |
163 | ], | 168 | ], |
164 | titulo:'Búsqueda de provincias', | 169 | titulo:'Búsqueda de provincias', |
165 | size: 'md' | 170 | size: 'md' |
166 | }; | 171 | }; |
167 | focaModalService.modal(parametrosModal).then(function(provincia) { | 172 | focaModalService.modal(parametrosModal).then(function(provincia) { |
168 | $scope.cliente.provincia = provincia; | 173 | $scope.cliente.provincia = provincia; |
169 | $timeout(function() { | 174 | $timeout(function() { |
170 | $scope.focused = 5; | 175 | $scope.focused = 5; |
171 | }); | 176 | }); |
172 | }, function() { | 177 | }, function() { |
173 | //TODO: función llamada cuando cancela el modal | 178 | //TODO: función llamada cuando cancela el modal |
174 | }); | 179 | }); |
175 | } | 180 | } |
176 | }; | 181 | }; |
177 | $scope.seleccionarLocalidad = function(key) { | 182 | $scope.seleccionarLocalidad = function(key) { |
178 | if($scope.cliente.provincia.ID === undefined) { | 183 | if($scope.cliente.provincia.ID === undefined) { |
179 | focaModalService.alert('Seleccione una provincia'); | 184 | focaModalService.alert('Seleccione una provincia'); |
180 | return; | 185 | return; |
181 | } | 186 | } |
182 | if(key === 13) { | 187 | if(key === 13) { |
183 | var parametrosModal = { | 188 | var parametrosModal = { |
184 | query: '/localidad/' + $scope.cliente.provincia.ID, | 189 | query: '/localidad/' + $scope.cliente.provincia.ID, |
185 | columnas: [ | 190 | columnas: [ |
186 | { | 191 | { |
187 | propiedad: 'ID', | 192 | propiedad: 'ID', |
188 | nombre: 'Código', | 193 | nombre: 'Código', |
189 | filtro: { | 194 | filtro: { |
190 | nombre: 'rellenarDigitos', | 195 | nombre: 'rellenarDigitos', |
191 | parametro: 3 | 196 | parametro: 3 |
192 | } | 197 | } |
193 | }, | 198 | }, |
194 | { | 199 | { |
195 | propiedad: 'NOMBRE', | 200 | propiedad: 'NOMBRE', |
196 | nombre: 'Nombre' | 201 | nombre: 'Nombre' |
197 | } | 202 | } |
198 | ], | 203 | ], |
199 | titulo:'Búsqueda de localidades', | 204 | titulo:'Búsqueda de localidades', |
200 | size: 'md' | 205 | size: 'md' |
201 | }; | 206 | }; |
202 | focaModalService.modal(parametrosModal).then(function(localidad) { | 207 | focaModalService.modal(parametrosModal).then(function(localidad) { |
203 | $scope.cliente.localidad = localidad; | 208 | $scope.cliente.localidad = localidad; |
204 | $timeout(function() { | 209 | $timeout(function() { |
205 | $scope.focused = 6; | 210 | $scope.focused = 6; |
206 | }); | 211 | }); |
207 | }, function() { | 212 | }, function() { |
208 | //TODO: función llamada cuando cancela el modal | 213 | //TODO: función llamada cuando cancela el modal |
209 | }); | 214 | }); |
210 | } | 215 | } |
211 | }; | 216 | }; |
212 | $scope.seleccionarIva = function(key) { | 217 | $scope.seleccionarIva = function(key) { |
213 | if(key === 13) { | 218 | if(key === 13) { |
214 | var parametrosModal = { | 219 | var parametrosModal = { |
215 | query: '/iva', | 220 | query: '/iva', |
216 | columnas: [ | 221 | columnas: [ |
217 | { | 222 | { |
218 | propiedad: 'ID', | 223 | propiedad: 'ID', |
219 | nombre: 'Código', | 224 | nombre: 'Código', |
220 | filtro: { | 225 | filtro: { |
221 | nombre: 'rellenarDigitos', | 226 | nombre: 'rellenarDigitos', |
222 | parametro: 3 | 227 | parametro: 3 |
223 | } | 228 | } |
224 | }, | 229 | }, |
225 | { | 230 | { |
226 | propiedad: 'NOMBRE', | 231 | propiedad: 'NOMBRE', |
227 | nombre: 'Nombre' | 232 | nombre: 'Nombre' |
228 | } | 233 | } |
229 | ], | 234 | ], |
230 | titulo:'Búsqueda de responsabilidad ante el IVA', | 235 | titulo:'Búsqueda de responsabilidad ante el IVA', |
231 | size: 'md' | 236 | size: 'md' |
232 | }; | 237 | }; |
233 | focaModalService.modal(parametrosModal).then( | 238 | focaModalService.modal(parametrosModal).then( |
234 | function(iva) { | 239 | function(iva) { |
235 | $scope.cliente.iva = iva; | 240 | $scope.cliente.iva = iva; |
236 | $timeout(function() { | 241 | $timeout(function() { |
237 | $scope.focused = 10; | 242 | $scope.focused = 10; |
238 | }); | 243 | }); |
239 | }, function() { | 244 | }, function() { |
240 | // funcion ejecutada cuando se cancela el modal | 245 | // funcion ejecutada cuando se cancela el modal |
241 | }); | 246 | }); |
242 | } | 247 | } |
243 | }; | 248 | }; |
244 | $scope.seleccionarActividad = function(key) { | 249 | $scope.seleccionarActividad = function(key) { |
245 | if(key === 13) { | 250 | if(key === 13) { |
246 | var parametrosModal = { | 251 | var parametrosModal = { |
247 | query: '/actividad', | 252 | query: '/actividad', |
248 | columnas: [ | 253 | columnas: [ |
249 | { | 254 | { |
250 | propiedad: 'ID', | 255 | propiedad: 'ID', |
251 | nombre: 'Código', | 256 | nombre: 'Código', |
252 | filtro: { | 257 | filtro: { |
253 | nombre: 'rellenarDigitos', | 258 | nombre: 'rellenarDigitos', |
254 | parametro: 3 | 259 | parametro: 3 |
255 | } | 260 | } |
256 | }, | 261 | }, |
257 | { | 262 | { |
258 | propiedad: 'NOM', | 263 | propiedad: 'NOM', |
259 | nombre: 'Nombre' | 264 | nombre: 'Nombre' |
260 | } | 265 | } |
261 | ], | 266 | ], |
262 | titulo: 'Búsqueda de actividades', | 267 | titulo: 'Búsqueda de actividades', |
263 | size: 'md' | 268 | size: 'md' |
264 | }; | 269 | }; |
265 | focaModalService.modal(parametrosModal).then( | 270 | focaModalService.modal(parametrosModal).then( |
266 | function(actividad) { | 271 | function(actividad) { |
267 | $scope.cliente.actividad = actividad; | 272 | $scope.cliente.actividad = actividad; |
268 | $timeout(function() { | 273 | $timeout(function() { |
269 | $scope.focused = 8; | 274 | $scope.focused = 8; |
270 | }); | 275 | }); |
271 | }, function() { | 276 | }, function() { |
272 | // funcion ejecutada cuando se cancela el modal | 277 | // funcion ejecutada cuando se cancela el modal |
273 | }); | 278 | }); |
274 | } | 279 | } |
275 | }; | 280 | }; |
276 | $scope.seleccionarZona = function(key) { | 281 | $scope.seleccionarZona = function(key) { |
277 | if(key === 13) { | 282 | if(key === 13) { |
278 | var parametrosModal = { | 283 | var parametrosModal = { |
279 | query: '/zona', | 284 | query: '/zona', |
280 | columnas: [ | 285 | columnas: [ |
281 | { | 286 | { |
282 | propiedad: 'ID', | 287 | propiedad: 'ID', |
283 | nombre: 'Código', | 288 | nombre: 'Código', |
284 | filtro: { | 289 | filtro: { |
285 | nombre: 'rellenarDigitos', | 290 | nombre: 'rellenarDigitos', |
286 | parametro: 3 | 291 | parametro: 3 |
287 | } | 292 | } |
288 | }, | 293 | }, |
289 | { | 294 | { |
290 | propiedad: 'NOM', | 295 | propiedad: 'NOM', |
291 | nombre: 'Nombre' | 296 | nombre: 'Nombre' |
292 | } | 297 | } |
293 | ], | 298 | ], |
294 | titulo: 'Búsqueda de zonas', | 299 | titulo: 'Búsqueda de zonas', |
295 | size: 'md' | 300 | size: 'md' |
296 | }; | 301 | }; |
297 | focaModalService.modal(parametrosModal).then( | 302 | focaModalService.modal(parametrosModal).then( |
298 | function(zona) { | 303 | function(zona) { |
299 | $scope.cliente.zona = zona; | 304 | $scope.cliente.zona = zona; |
300 | $timeout(function() { | 305 | $timeout(function() { |
301 | $scope.focused = 7; | 306 | $scope.focused = 7; |
302 | }); | 307 | }); |
303 | }, function() { | 308 | }, function() { |
304 | // funcion ejecutada cuando se cancela el modal | 309 | // funcion ejecutada cuando se cancela el modal |
305 | }); | 310 | }); |
306 | } | 311 | } |
307 | }; | 312 | }; |
308 | $scope.seleccionarTipoFactura = function(key) { | 313 | $scope.seleccionarTipoFactura = function(key) { |
309 | if(key === 13) { | 314 | if(key === 13) { |
310 | var parametrosModal = { | 315 | var parametrosModal = { |
311 | query: '/tipo-factura', | 316 | query: '/tipo-factura', |
312 | columnas: [ | 317 | columnas: [ |
313 | { | 318 | { |
314 | propiedad: 'ID', | 319 | propiedad: 'ID', |
315 | nombre: 'Código' | 320 | nombre: 'Código' |
316 | }, | 321 | }, |
317 | { | 322 | { |
318 | propiedad: 'NOMBRE', | 323 | propiedad: 'NOMBRE', |
319 | nombre: 'Nombre' | 324 | nombre: 'Nombre' |
320 | } | 325 | } |
321 | ], | 326 | ], |
322 | titulo: 'Búsqueda de tipos de factura', | 327 | titulo: 'Búsqueda de tipos de factura', |
323 | size: 'md' | 328 | size: 'md' |
324 | }; | 329 | }; |
325 | focaModalService.modal(parametrosModal).then( | 330 | focaModalService.modal(parametrosModal).then( |
326 | function(tipoFactura) { | 331 | function(tipoFactura) { |
327 | $scope.cliente.tipoFactura = tipoFactura; | 332 | $scope.cliente.tipoFactura = tipoFactura; |
328 | $timeout(function() { | 333 | $timeout(function() { |
329 | $scope.focused = 11; | 334 | $scope.focused = 11; |
330 | }); | 335 | }); |
331 | }, function() { | 336 | }, function() { |
332 | // funcion ejecutada cuando se cancela el modal | 337 | // funcion ejecutada cuando se cancela el modal |
333 | }); | 338 | }); |
334 | } | 339 | } |
335 | }; | 340 | }; |
336 | $scope.seleccionarTipoComprobante = function(key) { | 341 | $scope.seleccionarTipoComprobante = function(key) { |
337 | if(key === 13) { | 342 | if(key === 13) { |
338 | var parametrosModal = { | 343 | var parametrosModal = { |
339 | query: '/tipo-comprobante', | 344 | query: '/tipo-comprobante', |
340 | columnas: [ | 345 | columnas: [ |
341 | { | 346 | { |
342 | propiedad: 'ID', | 347 | propiedad: 'ID', |
343 | nombre: 'Código' | 348 | nombre: 'Código' |
344 | }, | 349 | }, |
345 | { | 350 | { |
346 | propiedad: 'NOMBRE', | 351 | propiedad: 'NOMBRE', |
347 | nombre: 'Nombre' | 352 | nombre: 'Nombre' |
348 | } | 353 | } |
349 | ], | 354 | ], |
350 | titulo: 'Búsqueda de tipos de comprobante', | 355 | titulo: 'Búsqueda de tipos de comprobante', |
351 | size: 'md' | 356 | size: 'md' |
352 | }; | 357 | }; |
353 | focaModalService.modal(parametrosModal).then( | 358 | focaModalService.modal(parametrosModal).then( |
354 | function(tipoComprobante) { | 359 | function(tipoComprobante) { |
355 | $scope.cliente.tipoComprobante = tipoComprobante; | 360 | $scope.cliente.tipoComprobante = tipoComprobante; |
356 | $timeout(function() { | 361 | $timeout(function() { |
357 | $scope.focused = 13; | 362 | $scope.focused = 13; |
358 | }); | 363 | }); |
359 | }, function() { | 364 | }, function() { |
360 | // funcion ejecutada cuando se cancela el modal | 365 | // funcion ejecutada cuando se cancela el modal |
361 | }); | 366 | }); |
362 | } | 367 | } |
363 | }; | 368 | }; |
364 | $scope.seleccionarFormaPago = function(key) { | 369 | $scope.seleccionarFormaPago = function(key) { |
365 | if(key === 13) { | 370 | if(key === 13) { |
366 | var parametrosModal = { | 371 | var parametrosModal = { |
367 | query: '/forma-pago', | 372 | query: '/forma-pago', |
368 | columnas: [ | 373 | columnas: [ |
369 | { | 374 | { |
370 | propiedad: 'ID', | 375 | propiedad: 'ID', |
371 | nombre: 'Código', | 376 | nombre: 'Código', |
372 | filtro: { | 377 | filtro: { |
373 | nombre: 'rellenarDigitos', | 378 | nombre: 'rellenarDigitos', |
374 | parametro: 3 | 379 | parametro: 3 |
375 | } | 380 | } |
376 | }, | 381 | }, |
377 | { | 382 | { |
378 | propiedad: 'NOMBRE', | 383 | propiedad: 'NOMBRE', |
379 | nombre: 'Nombre' | 384 | nombre: 'Nombre' |
380 | } | 385 | } |
381 | ], | 386 | ], |
382 | titulo: 'Búsqueda de formas de pago', | 387 | titulo: 'Búsqueda de formas de pago', |
383 | size: 'md' | 388 | size: 'md' |
384 | }; | 389 | }; |
385 | focaModalService.modal(parametrosModal).then( | 390 | focaModalService.modal(parametrosModal).then( |
386 | function(formaPago) { | 391 | function(formaPago) { |
387 | $scope.cliente.formaPago = formaPago; | 392 | $scope.cliente.formaPago = formaPago; |
388 | }, function() { | 393 | }, function() { |
389 | // funcion ejecutada cuando se cancela el modal | 394 | // funcion ejecutada cuando se cancela el modal |
390 | }); | 395 | }); |
391 | } | 396 | } |
392 | }; | 397 | }; |
393 | $scope.seleccionarCobrador = function(key) { | 398 | $scope.seleccionarCobrador = function(key) { |
394 | if(key === 13) { | 399 | if(key === 13) { |
395 | var parametrosModal = { | 400 | var parametrosModal = { |
396 | query: '/cobrador', | 401 | query: '/cobrador', |
397 | columnas: [ | 402 | columnas: [ |
398 | { | 403 | { |
399 | propiedad: 'NUM', | 404 | propiedad: 'NUM', |
400 | nombre: 'Código' | 405 | nombre: 'Código' |
401 | }, | 406 | }, |
402 | { | 407 | { |
403 | propiedad: 'NOM', | 408 | propiedad: 'NOM', |
404 | nombre: 'Nombre' | 409 | nombre: 'Nombre' |
405 | } | 410 | } |
406 | ], | 411 | ], |
407 | titulo: 'Búsqueda de cobradores', | 412 | titulo: 'Búsqueda de cobradores', |
408 | size: 'md' | 413 | size: 'md' |
409 | }; | 414 | }; |
410 | focaModalService.modal(parametrosModal).then( | 415 | focaModalService.modal(parametrosModal).then( |
411 | function(cobrador) { | 416 | function(cobrador) { |
412 | $scope.cliente.cobrador = cobrador; | 417 | $scope.cliente.cobrador = cobrador; |
413 | }, function() { | 418 | }, function() { |
414 | // funcion ejecutada cuando se cancela el modal | 419 | // funcion ejecutada cuando se cancela el modal |
415 | }); | 420 | }); |
416 | } | 421 | } |
417 | }; | 422 | }; |
418 | 423 | ||
419 | $scope.guardar = function() { | 424 | $scope.guardar = function() { |
420 | 425 | ||
421 | if (!$scope.cliente.NOM) { | 426 | if (!$scope.cliente.NOM) { |
422 | focaModalService.alert('Ingrese Nombre'); | 427 | focaModalService.alert('Ingrese Nombre'); |
423 | return; | 428 | return; |
424 | } else if (!$scope.cliente.CPO) { | 429 | } else if (!$scope.cliente.CPO) { |
425 | focaModalService.alert('Ingrese Codigo Postal'); | 430 | focaModalService.alert('Ingrese Codigo Postal'); |
426 | return; | 431 | return; |
427 | } else if (!$scope.cliente.provincia.NOMBRE) { | 432 | } else if (!$scope.cliente.provincia.NOMBRE) { |
428 | focaModalService.alert('Seleccione una provincia'); | 433 | focaModalService.alert('Seleccione una provincia'); |
429 | return; | 434 | return; |
430 | } else if (!$scope.cliente.DOM) { | 435 | } else if (!$scope.cliente.DOM) { |
431 | focaModalService.alert('Ingrese Domicilio'); | 436 | focaModalService.alert('Ingrese Domicilio'); |
432 | return; | 437 | return; |
433 | } else if (!$scope.cliente.localidad.NOMBRE) { | 438 | } else if (!$scope.cliente.localidad.NOMBRE) { |
434 | focaModalService.alert('Seleccione una localidad'); | 439 | focaModalService.alert('Seleccione una localidad'); |
435 | return; | 440 | return; |
436 | } else if (!$scope.cliente.zona.NOM) { | 441 | } else if (!$scope.cliente.zona.NOM) { |
437 | focaModalService.alert('Seleccione una zona'); | 442 | focaModalService.alert('Seleccione una zona'); |
438 | return; | 443 | return; |
439 | } else if (!$scope.cliente.actividad.NOM) { | 444 | } else if (!$scope.cliente.actividad.NOM) { |
440 | focaModalService.alert('Seleccione actividad'); | 445 | focaModalService.alert('Seleccione actividad'); |
441 | return; | 446 | return; |
442 | } else if (!$scope.cliente.cobrador.NUM) { | 447 | } else if (!$scope.cliente.cobrador.NUM) { |
443 | focaModalService.alert('Seleccione un cobrador'); | 448 | focaModalService.alert('Seleccione un cobrador'); |
444 | return; | 449 | return; |
445 | } else if (!$scope.cliente.iva.NOMBRE) { | 450 | } else if (!$scope.cliente.iva.NOMBRE) { |
446 | focaModalService.alert('Seleccione responsabilidad ante el IVA'); | 451 | focaModalService.alert('Seleccione responsabilidad ante el IVA'); |
447 | return; | 452 | return; |
448 | } else if (!$scope.cliente.tipoFactura.NOMBRE) { | 453 | } else if (!$scope.cliente.tipoFactura.NOMBRE) { |
449 | focaModalService.alert('Seleccione tipo de Factura'); | 454 | focaModalService.alert('Seleccione tipo de Factura'); |
450 | return; | 455 | return; |
451 | } else if (!$scope.cliente.CUIT) { | 456 | } else if (!$scope.cliente.CUIT) { |
452 | focaModalService.alert('Ingresar CUIT'); | 457 | focaModalService.alert('Ingresar CUIT'); |
453 | return; | 458 | return; |
454 | } else if (!$scope.cliente.tipoComprobante.NOMBRE) { | 459 | } else if (!$scope.cliente.tipoComprobante.NOMBRE) { |
455 | focaModalService.alert('Seleccione un Comprobante'); | 460 | focaModalService.alert('Seleccione un Comprobante'); |
456 | return; | 461 | return; |
457 | } else if (!$scope.cliente.formaPago.NOMBRE) { | 462 | } else if (!$scope.cliente.formaPago.NOMBRE) { |
458 | focaModalService.alert('Seleccione una forma de pago'); | 463 | focaModalService.alert('Seleccione una forma de pago'); |
459 | return; | 464 | return; |
460 | } | 465 | } |
461 | 466 | ||
462 | $scope.cliente.PCX = $scope.cliente.provincia.ID; | 467 | $scope.cliente.PCX = $scope.cliente.provincia.ID; |
463 | $scope.cliente.LOX = $scope.cliente.localidad.ID; | 468 | $scope.cliente.LOX = $scope.cliente.localidad.ID; |
464 | $scope.cliente.IVA = $scope.cliente.iva.ID; | 469 | $scope.cliente.IVA = $scope.cliente.iva.ID; |
465 | $scope.cliente.ACT = $scope.cliente.actividad.ID; | 470 | $scope.cliente.ACT = $scope.cliente.actividad.ID; |
466 | $scope.cliente.ZON = $scope.cliente.zona.ID; | 471 | $scope.cliente.ZON = $scope.cliente.zona.ID; |
467 | $scope.cliente.TIP = $scope.cliente.tipoFactura.ID; | 472 | $scope.cliente.TIP = $scope.cliente.tipoFactura.ID; |
468 | $scope.cliente.TCO = $scope.cliente.tipoComprobante.ID; | 473 | $scope.cliente.TCO = $scope.cliente.tipoComprobante.ID; |
469 | $scope.cliente.FPA = $scope.cliente.formaPago.ID; | 474 | $scope.cliente.FPA = $scope.cliente.formaPago.ID; |
470 | $scope.cliente.VEN = $scope.vendedor.id; | 475 | $scope.cliente.VEN = $scope.vendedor.id; |
471 | $scope.cliente.idCobrador = $scope.cliente.cobrador.id; | 476 | $scope.cliente.idCobrador = $scope.cliente.cobrador.id; |
472 | 477 | ||
473 | delete $scope.cliente.provincia; | 478 | delete $scope.cliente.provincia; |
474 | delete $scope.cliente.localidad; | 479 | delete $scope.cliente.localidad; |
475 | delete $scope.cliente.iva; | 480 | delete $scope.cliente.iva; |
476 | delete $scope.cliente.actividad; | 481 | delete $scope.cliente.actividad; |
477 | delete $scope.cliente.zona; | 482 | delete $scope.cliente.zona; |
478 | delete $scope.cliente.tipoFactura; | 483 | delete $scope.cliente.tipoFactura; |
479 | delete $scope.cliente.tipoComprobante; | 484 | delete $scope.cliente.tipoComprobante; |
480 | delete $scope.cliente.formaPago; | 485 | delete $scope.cliente.formaPago; |
481 | delete $scope.cliente.cobrador; | 486 | delete $scope.cliente.cobrador; |
482 | 487 | ||
483 | focaBusquedaClienteService | 488 | focaBusquedaClienteService |
484 | .guardarCliente($scope.cliente) | 489 | .guardarCliente($scope.cliente) |
485 | .then(function(res) { | 490 | .then(function(res) { |
486 | var cliente = { | 491 | var cliente = { |
487 | cod: res.data.COD, | 492 | cod: res.data.COD, |
488 | cuit: res.data.CUIT, | 493 | cuit: res.data.CUIT, |
489 | esNuevo: res.data.esNuevo, | 494 | esNuevo: res.data.esNuevo, |
490 | nom: res.data.NOM | 495 | nom: res.data.NOM |
491 | }; | 496 | }; |
492 | $scope.select(cliente, true); | 497 | $scope.select(cliente, true); |
493 | }); | 498 | }); |
494 | }; | 499 | }; |
495 | 500 | ||
496 | 501 | function calcularPages(paginaActual) { | |
497 | |||
498 | function calcularPages() { | ||
499 | var paginas = []; | 502 | var paginas = []; |
500 | var paginaActual = $scope.currentPage; | 503 | paginas.push(paginaActual); |
501 | paginas.push(paginaActual); | ||
502 | 504 | ||
503 | if (paginaActual - 1 > 1) { | 505 | if (paginaActual - 1 > 1) { |
504 | 506 | ||
505 | paginas.unshift(paginaActual - 1); | 507 | paginas.unshift(paginaActual - 1); |
506 | if (paginaActual - 2 > 1) { | 508 | if (paginaActual - 2 > 1) { |
507 | paginas.unshift(paginaActual - 2); | 509 | paginas.unshift(paginaActual - 2); |
508 | } | 510 | } |
509 | } | 511 | } |
510 | 512 | ||
511 | if (paginaActual + 1 < $scope.lastPage) { | 513 | if (paginaActual + 1 < $scope.lastPage) { |
512 | paginas.push(paginaActual + 1); | 514 | paginas.push(paginaActual + 1); |
513 | if (paginaActual + 2 < $scope.lastPage) { | 515 | if (paginaActual + 2 < $scope.lastPage) { |
514 | paginas.push(paginaActual + 2); | 516 | paginas.push(paginaActual + 2); |
515 | } | 517 | } |
516 | } | 518 | } |
517 | 519 | ||
518 | if (paginaActual !== 1) { | 520 | if (paginaActual !== 1) { |
519 | paginas.unshift(1); | 521 | paginas.unshift(1); |
520 | } | 522 | } |
521 | 523 | ||
522 | if (paginaActual !== $scope.lastPage) { | 524 | if (paginaActual !== $scope.lastPage) { |
523 | paginas.push($scope.lastPage); | 525 | paginas.push($scope.lastPage); |
524 | } | 526 | } |
525 | 527 | ||
526 | return paginas; | 528 | return paginas; |
527 | } | 529 | } |
528 | 530 | ||
529 | function primera() { | 531 | function primera() { |
530 | $scope.selectedClientes = 0; | 532 | $scope.selectedClientes = 0; |
531 | } | 533 | } |
532 | 534 | ||
533 | function anterior() { | 535 | function anterior() { |
534 | if ($scope.selectedClientes === 0 && $scope.currentPage > 1) { | 536 | if ($scope.selectedClientes === 0 && $scope.currentPage > 1) { |
535 | retrocederPagina(); | 537 | retrocederPagina(); |
536 | } else { | 538 | } else { |
537 | $scope.selectedClientes--; | 539 | $scope.selectedClientes--; |
538 | } | 540 | } |
539 | } | 541 | } |
540 | 542 | ||
541 | function siguiente() { | 543 | function siguiente() { |
542 | if ($scope.selectedClientes < $scope.currentPageClientes.length - 1 ) { | 544 | if ($scope.selectedClientes < $scope.currentPageClientes.length - 1 ) { |
543 | $scope.selectedClientes++; | 545 | $scope.selectedClientes++; |
544 | } else { | 546 | } else { |
545 | avanzarPagina(); | 547 | avanzarPagina(); |
546 | } | 548 | } |
547 | } | 549 | } |
548 | 550 | ||
549 | function retrocederPagina() { | 551 | function retrocederPagina() { |
550 | if ($scope.currentPage > 1) { | 552 | if ($scope.currentPage > 1) { |
551 | $scope.selectPage($scope.currentPage - 1); | 553 | $scope.selectPage($scope.currentPage - 1); |
552 | $scope.selectedClientes = $scope.numPerPage - 1; | 554 | $scope.selectedClientes = $scope.numPerPage - 1; |
553 | } | 555 | } |
554 | } | 556 | } |
555 | 557 | ||
556 | function avanzarPagina() { | 558 | function avanzarPagina() { |
557 | if ($scope.currentPage < $scope.lastPage) { | 559 | if ($scope.currentPage < $scope.lastPage) { |
558 | $scope.selectPage($scope.currentPage + 1); | 560 | $scope.selectPage($scope.currentPage + 1); |
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-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 && vendedor.NUM" | 21 | ng-show="!ingreso && vendedor.NUM" |
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="clientes.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 clientes" | 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 cliente"> | 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> | 268 | <label>Cobrador</label> |
269 | <div class="input-group"> | 269 | <div class="input-group"> |
270 | <input | 270 | <input |
271 | type="text" | 271 | type="text" |
272 | class="form-control form-control-sm" | 272 | class="form-control form-control-sm" |
273 | ng-model="cliente.cobrador.NOM" | 273 | ng-model="cliente.cobrador.NOM" |
274 | ng-keypress="seleccionarCobrador($event.keyCode)" | 274 | ng-keypress="seleccionarCobrador($event.keyCode)" |
275 | placeholder="Ingrese cobrador" | 275 | placeholder="Ingrese cobrador" |
276 | ng-focus="focus(8)" | 276 | ng-focus="focus(8)" |
277 | foca-focus="focused == 8" | 277 | foca-focus="focused == 8" |
278 | teclado-virtual | 278 | teclado-virtual |
279 | /> | 279 | /> |
280 | <div class="input-group-append"> | 280 | <div class="input-group-append"> |
281 | <button | 281 | <button |
282 | ladda="searchLoading" | 282 | ladda="searchLoading" |
283 | class="btn btn-outline-secondary form-control-sm" | 283 | class="btn btn-outline-secondary form-control-sm" |
284 | type="button" | 284 | type="button" |
285 | ng-click="seleccionarCobrador(13)" | 285 | ng-click="seleccionarCobrador(13)" |
286 | > | 286 | > |
287 | <i class="fa fa-search" aria-hidden="true"></i> | 287 | <i class="fa fa-search" aria-hidden="true"></i> |
288 | </button> | 288 | </button> |
289 | </div> | 289 | </div> |
290 | </div> | 290 | </div> |
291 | </div> | 291 | </div> |
292 | <div class="col-md-6 col-12"> | 292 | <div class="col-md-6 col-12"> |
293 | <label>Vendedor</label> | 293 | <label>Vendedor</label> |
294 | <div class="input-group"> | 294 | <div class="input-group"> |
295 | <input | 295 | <input |
296 | type="text" | 296 | type="text" |
297 | class="form-control form-control-sm" | 297 | class="form-control form-control-sm" |
298 | ng-model="vendedor.NomVen" | 298 | ng-model="vendedor.NomVen" |
299 | disabled="true" | 299 | disabled="true" |
300 | /> | 300 | /> |
301 | </div> | 301 | </div> |
302 | </div> | 302 | </div> |
303 | </div> | 303 | </div> |
304 | <div class="row"> | 304 | <div class="row"> |
305 | <div class="col-6 d-flex"> | 305 | <div class="col-6 d-flex"> |
306 | <div class="custom-control custom-checkbox mt-auto"> | 306 | <div class="custom-control custom-checkbox mt-auto"> |
307 | <input | 307 | <input |
308 | type="checkbox" | 308 | type="checkbox" |
309 | class="custom-control-input" | 309 | class="custom-control-input" |
310 | id="checkDistribuidor" | 310 | id="checkDistribuidor" |
311 | ng-model="cliente.ES_MAY" | 311 | ng-model="cliente.ES_MAY" |
312 | checked | 312 | checked |
313 | disabled="disabled"> | 313 | disabled="disabled"> |
314 | <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> |
315 | </div> | 315 | </div> |
316 | </div> | 316 | </div> |
317 | </div> | 317 | </div> |
318 | </uib-tab> | 318 | </uib-tab> |
319 | <uib-tab heading="Datos impositivos"> | 319 | <uib-tab heading="Datos impositivos"> |
320 | <div class="row"> | 320 | <div class="row"> |
321 | <div class="col-md-7 col-12"> | 321 | <div class="col-md-7 col-12"> |
322 | <label>Responsabilidad ante el IVA</label> | 322 | <label>Responsabilidad ante el IVA</label> |
323 | <div class="input-group"> | 323 | <div class="input-group"> |
324 | <input | 324 | <input |
325 | type="text" | 325 | type="text" |
326 | class="form-control form-control-sm" | 326 | class="form-control form-control-sm" |
327 | placeholder="Ingrese responsabilidad ante el IVA" | 327 | placeholder="Ingrese responsabilidad ante el IVA" |
328 | ng-model="cliente.iva.NOMBRE" | 328 | ng-model="cliente.iva.NOMBRE" |
329 | ng-keypress="seleccionarIva($event.keyCode)" | 329 | ng-keypress="seleccionarIva($event.keyCode)" |
330 | ng-required="true" | 330 | ng-required="true" |
331 | ng-focus="focus(9)" | 331 | ng-focus="focus(9)" |
332 | foca-focus="focused == 9" | 332 | foca-focus="focused == 9" |
333 | teclado-virtual | 333 | teclado-virtual |
334 | /> | 334 | /> |
335 | <div class="input-group-append"> | 335 | <div class="input-group-append"> |
336 | <button | 336 | <button |
337 | ladda="searchLoading" | 337 | ladda="searchLoading" |
338 | class="btn btn-outline-secondary form-control-sm" | 338 | class="btn btn-outline-secondary form-control-sm" |
339 | type="button" | 339 | type="button" |
340 | ng-click="seleccionarIva(13)" | 340 | ng-click="seleccionarIva(13)" |
341 | > | 341 | > |
342 | <i class="fa fa-search" aria-hidden="true"></i> | 342 | <i class="fa fa-search" aria-hidden="true"></i> |
343 | </button> | 343 | </button> |
344 | </div> | 344 | </div> |
345 | </div> | 345 | </div> |
346 | </div> | 346 | </div> |
347 | <div class="col-md-5 col-12"> | 347 | <div class="col-md-5 col-12"> |
348 | <label>Factura que emite</label> | 348 | <label>Factura que emite</label> |
349 | <div class="input-group"> | 349 | <div class="input-group"> |
350 | <input | 350 | <input |
351 | type="text" | 351 | type="text" |
352 | class="form-control form-control-sm" | 352 | class="form-control form-control-sm" |
353 | placeholder="Ingrese factura que emite" | 353 | placeholder="Ingrese factura que emite" |
354 | ng-model="cliente.tipoFactura.NOMBRE" | 354 | ng-model="cliente.tipoFactura.NOMBRE" |
355 | ng-required="true" | 355 | ng-required="true" |
356 | ng-keypress="seleccionarTipoFactura(13)" | 356 | ng-keypress="seleccionarTipoFactura(13)" |
357 | ng-focus="focus(10)" | 357 | ng-focus="focus(10)" |
358 | foca-focus="focused == 10" | 358 | foca-focus="focused == 10" |
359 | teclado-virtual> | 359 | teclado-virtual> |
360 | <div class="input-group-append"> | 360 | <div class="input-group-append"> |
361 | <button | 361 | <button |
362 | ladda="searchLoading" | 362 | ladda="searchLoading" |
363 | class="btn btn-outline-secondary form-control-sm" | 363 | class="btn btn-outline-secondary form-control-sm" |
364 | type="button" | 364 | type="button" |
365 | ng-click="seleccionarTipoFactura(13)" | 365 | ng-click="seleccionarTipoFactura(13)" |
366 | > | 366 | > |
367 | <i class="fa fa-search" aria-hidden="true"></i> | 367 | <i class="fa fa-search" aria-hidden="true"></i> |
368 | </button> | 368 | </button> |
369 | </div> | 369 | </div> |
370 | </div> | 370 | </div> |
371 | </div> | 371 | </div> |
372 | </div> | 372 | </div> |
373 | <div class="row"> | 373 | <div class="row"> |
374 | <div class="col-md-4 col-12"> | 374 | <div class="col-md-4 col-12"> |
375 | <label>CUIT</label> | 375 | <label>CUIT</label> |
376 | <div class="input-group"> | 376 | <div class="input-group"> |
377 | <input | 377 | <input |
378 | type="text" | 378 | type="text" |
379 | class="form-control form-control-sm" | 379 | class="form-control form-control-sm" |
380 | placeholder="Ingrese CUIT" | 380 | placeholder="Ingrese CUIT" |
381 | ng-model="cliente.CUIT" | 381 | ng-model="cliente.CUIT" |
382 | ng-required="true" | 382 | ng-required="true" |
383 | ng-pattern="regexCuit" | 383 | ng-pattern="regexCuit" |
384 | ng-maxlength="13" | 384 | ng-maxlength="13" |
385 | ng-keypress="next($event.keyCode)" | 385 | ng-keypress="next($event.keyCode)" |
386 | ng-focus="focus(11)" | 386 | ng-focus="focus(11)" |
387 | foca-focus="focused == 11" | 387 | foca-focus="focused == 11" |
388 | teclado-virtual> | 388 | teclado-virtual> |
389 | </div> | 389 | </div> |
390 | </div> | 390 | </div> |
391 | <div class="col-md-4 col-12"> | 391 | <div class="col-md-4 col-12"> |
392 | <label>Clase de comprobante</label> | 392 | <label>Clase de comprobante</label> |
393 | <div class="input-group"> | 393 | <div class="input-group"> |
394 | <input | 394 | <input |
395 | type="text" | 395 | type="text" |
396 | class="form-control form-control-sm" | 396 | class="form-control form-control-sm" |
397 | placeholder="Ingrese clase de comprobante" | 397 | placeholder="Ingrese clase de comprobante" |
398 | ng-keypress="seleccionarTipoComprobante($event.keyCode)" | 398 | ng-keypress="seleccionarTipoComprobante($event.keyCode)" |
399 | ng-model="cliente.tipoComprobante.NOMBRE" | 399 | ng-model="cliente.tipoComprobante.NOMBRE" |
400 | ng-required="true" | 400 | ng-required="true" |
401 | ng-focus="focus(12)" | 401 | ng-focus="focus(12)" |
402 | foca-focus="focused == 12" | 402 | foca-focus="focused == 12" |
403 | teclado-virtual> | 403 | teclado-virtual> |
404 | <div class="input-group-append"> | 404 | <div class="input-group-append"> |
405 | <button | 405 | <button |
406 | ladda="searchLoading" | 406 | ladda="searchLoading" |
407 | class="btn btn-outline-secondary form-control-sm" | 407 | class="btn btn-outline-secondary form-control-sm" |
408 | type="button" | 408 | type="button" |
409 | ng-click="seleccionarTipoComprobante(13)" | 409 | ng-click="seleccionarTipoComprobante(13)" |
410 | > | 410 | > |
411 | <i class="fa fa-search" aria-hidden="true"></i> | 411 | <i class="fa fa-search" aria-hidden="true"></i> |
412 | </button> | 412 | </button> |
413 | </div> | 413 | </div> |
414 | </div> | 414 | </div> |
415 | </div> | 415 | </div> |
416 | <div class="col-md-4 col-12"> | 416 | <div class="col-md-4 col-12"> |
417 | <label>Forma de pago</label> | 417 | <label>Forma de pago</label> |
418 | <div class="input-group"> | 418 | <div class="input-group"> |
419 | <input | 419 | <input |
420 | type="text" | 420 | type="text" |
421 | class="form-control form-control-sm" | 421 | class="form-control form-control-sm" |
422 | placeholder="Ingrese forma de pago" | 422 | placeholder="Ingrese forma de pago" |
423 | ng-model="cliente.formaPago.NOMBRE" | 423 | ng-model="cliente.formaPago.NOMBRE" |
424 | ng-required="true" | 424 | ng-required="true" |
425 | ng-keypress="seleccionarFormaPago($event.keyCode)" | 425 | ng-keypress="seleccionarFormaPago($event.keyCode)" |
426 | ng-focus="focus(13)" | 426 | ng-focus="focus(13)" |
427 | foca-focus="focused == 13" | 427 | foca-focus="focused == 13" |
428 | teclado-virtual> | 428 | teclado-virtual> |
429 | <div class="input-group-append"> | 429 | <div class="input-group-append"> |
430 | <button | 430 | <button |
431 | ladda="searchLoading" | 431 | ladda="searchLoading" |
432 | class="btn btn-outline-secondary form-control-sm" | 432 | class="btn btn-outline-secondary form-control-sm" |
433 | type="button" | 433 | type="button" |
434 | ng-click="seleccionarFormaPago(13)" | 434 | ng-click="seleccionarFormaPago(13)" |
435 | > | 435 | > |
436 | <i class="fa fa-search" aria-hidden="true"></i> | 436 | <i class="fa fa-search" aria-hidden="true"></i> |
437 | </button> | 437 | </button> |
438 | </div> | 438 | </div> |
439 | </div> | 439 | </div> |
440 | </div> | 440 | </div> |
441 | </div> | 441 | </div> |
442 | </uib-tab> | 442 | </uib-tab> |
443 | </uib-tabset> | 443 | </uib-tabset> |
444 | </form> | 444 | </form> |
445 | </div> | 445 | </div> |
446 | <div class="modal-footer py-1"> | 446 | <div class="modal-footer py-1"> |
447 | <nav ng-show="clientes.length > 0 && primerBusqueda && !ingreso" class="mr-auto"> | 447 | <nav ng-show="currentPageClientes.length > 0 && primerBusqueda && !ingreso" class="mr-auto"> |
448 | <ul class="pagination pagination-sm mb-0"> | 448 | <ul class="pagination pagination-sm mb-0"> |
449 | <li class="page-item" ng-class="{'disabled': currentPage == 1}"> | 449 | <li class="page-item" ng-class="{'disabled': currentPage == 1}"> |
450 | <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)"> |
451 | <span aria-hidden="true">«</span> | 451 | <span aria-hidden="true">«</span> |
452 | <span class="sr-only">Anterior</span> | 452 | <span class="sr-only">Anterior</span> |
453 | </a> | 453 | </a> |
454 | </li> | 454 | </li> |
455 | <li | 455 | <li |
456 | class="page-item" | 456 | class="page-item" |
457 | ng-repeat="pagina in paginas" | 457 | ng-repeat="pagina in paginas" |
458 | ng-class="{'active': pagina == currentPage}" | 458 | ng-class="{'active': pagina == currentPage}" |
459 | > | 459 | > |
460 | <a | 460 | <a |
461 | class="page-link" | 461 | class="page-link" |
462 | href="javascript:void()" | 462 | href="javascript:void()" |
463 | ng-click="selectPage(pagina)" | 463 | ng-click="selectPage(pagina)" |
464 | ng-bind="pagina" | 464 | ng-bind="pagina" |
465 | ></a> | 465 | ></a> |
466 | </li> | 466 | </li> |
467 | <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> | 467 | <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> |
468 | <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)"> |
469 | <span aria-hidden="true">»</span> | 469 | <span aria-hidden="true">»</span> |
470 | <span class="sr-only">Siguiente</span> | 470 | <span class="sr-only">Siguiente</span> |
471 | </a> | 471 | </a> |
472 | </li> | 472 | </li> |
473 | </ul> | 473 | </ul> |
474 | </nav> | 474 | </nav> |
475 | <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> |
476 | <button | 476 | <button |
477 | class="btn btn-sm btn-primary" | 477 | class="btn btn-sm btn-primary" |
478 | type="button" | 478 | type="button" |
479 | ng-show="ingreso" | 479 | ng-show="ingreso" |
480 | ng-click="guardar()" | 480 | ng-click="guardar()" |
481 | >Guardar</button> | 481 | >Guardar</button> |
482 | </div> | 482 | </div> |
483 | 483 |