Commit 180d9b86093de2232c54d1aca4cd5d02f3cd2035
1 parent
e728e2db08
Exists in
master
Nuevo diseño
Showing
2 changed files
with
460 additions
and
443 deletions
Show diff stats
src/js/controller.js
1 | angular.module('focaCrearCobranza') .controller('cobranzaController', | 1 | angular.module('focaCrearCobranza') .controller('cobranzaController', |
2 | [ | 2 | [ |
3 | '$scope', | 3 | '$scope', |
4 | '$uibModal', | 4 | '$uibModal', |
5 | '$location', | 5 | '$location', |
6 | '$filter', | 6 | '$filter', |
7 | 'focaCrearCobranzaService', | 7 | 'focaCrearCobranzaService', |
8 | 'focaModalService', | 8 | 'focaModalService', |
9 | '$cookies', | 9 | '$cookies', |
10 | 'focaSeguimientoService', | 10 | 'focaSeguimientoService', |
11 | function($scope, $uibModal, $location, $filter, focaCrearCobranzaService, focaModalService, | 11 | function($scope, $uibModal, $location, $filter, focaCrearCobranzaService, focaModalService, |
12 | $cookies, focaSeguimientoService) | 12 | $cookies, focaSeguimientoService) |
13 | { | 13 | { |
14 | $scope.botonera = [ | 14 | $scope.botonera = [ |
15 | {texto: 'Cliente', accion: function() {$scope.seleccionarCliente();}}, | 15 | {texto: 'Cliente', imagen: '../img/abmPrecios.png', |
16 | {texto: 'Cobrador', accion: function() {$scope.seleccionarCobrador();}}, | 16 | accion: function() {$scope.seleccionarCliente();}}, |
17 | {texto: 'Comprobantes', accion: function() {$scope.swichDeuda();}}, | 17 | {texto: 'Cobrador', imagen: '../img/abmPrecios.png', |
18 | {texto: 'Cobros', accion: function() {$scope.swichCobro();}}, | 18 | accion: function() {$scope.seleccionarCobrador();}}, |
19 | {texto: 'Moneda', accion: function() {$scope.seleccionarMoneda();}}, | 19 | {texto: 'Comprobantes', imagen: '../img/abmPrecios.png', |
20 | accion: function() {$scope.swichDeuda();}}, | ||
21 | {texto: 'Cobros', imagen: '../img/abmPrecios.png', | ||
22 | accion: function() {$scope.swichCobro();}}, | ||
23 | {texto: 'Moneda', imagen: '../img/abmPrecios.png', | ||
24 | accion: function() {$scope.seleccionarMoneda();}}, | ||
20 | {texto: '', accion: function() {}}, | 25 | {texto: '', accion: function() {}}, |
21 | {texto: '', accion: function() {}}, | ||
22 | {texto: '', accion: function() {}} | ||
23 | ]; | 26 | ]; |
24 | $scope.datepickerAbierto = false; | 27 | $scope.datepickerAbierto = false; |
25 | $scope.cobroDeuda = true; | 28 | $scope.cobroDeuda = true; |
26 | $scope.show = false; | 29 | $scope.show = false; |
27 | $scope.cargando = true; | 30 | $scope.cargando = true; |
28 | $scope.dateOptions = { | 31 | $scope.dateOptions = { |
29 | maxDate: new Date(), | 32 | maxDate: new Date(), |
30 | minDate: new Date(2010, 0, 1) | 33 | minDate: new Date(2010, 0, 1) |
31 | }; | 34 | }; |
32 | 35 | ||
33 | $scope.cabecera = []; | 36 | $scope.cabecera = []; |
34 | $scope.showCabecera = true; | 37 | $scope.showCabecera = true; |
35 | 38 | ||
36 | $scope.cobranza = {}; | 39 | $scope.cobranza = {}; |
37 | 40 | ||
38 | $scope.fecha = new Date(); | 41 | $scope.fecha = new Date(); |
39 | $scope.puntoVenta = '0000'; | 42 | $scope.puntoVenta = '0000'; |
40 | $scope.comprobante = '00000000'; | 43 | $scope.comprobante = '00000000'; |
41 | $scope.facturaTabla = []; | 44 | $scope.facturaTabla = []; |
42 | $scope.cobrosTabla = []; | 45 | $scope.cobrosTabla = []; |
43 | 46 | ||
44 | focaCrearCobranzaService.getUsuario($cookies.get('idUsuario')).then(function(data) { | 47 | focaCrearCobranzaService.getUsuario($cookies.get('idUsuario')).then(function(data) { |
45 | $scope.usuario = data.data; | 48 | $scope.usuario = data.data; |
46 | }); | 49 | }); |
47 | 50 | ||
48 | $scope.crearCobranza = function() { | 51 | $scope.crearCobranza = function() { |
49 | if(!$scope.cobranza.cliente) { | 52 | if(!$scope.cobranza.cliente) { |
50 | focaModalService.alert('Ingrese Cliente'); | 53 | focaModalService.alert('Ingrese Cliente'); |
51 | return; | 54 | return; |
52 | } | 55 | } |
53 | if(!$scope.cobranza.cobrador) { | 56 | if(!$scope.cobranza.cobrador) { |
54 | focaModalService.alert('Ingrese Cobrador'); | 57 | focaModalService.alert('Ingrese Cobrador'); |
55 | return; | 58 | return; |
56 | } | 59 | } |
57 | if($scope.facturaTabla.length < 1) { | 60 | if($scope.facturaTabla.length < 1) { |
58 | focaModalService.alert('Ingrese al menos una factura'); | 61 | focaModalService.alert('Ingrese al menos una factura'); |
59 | return; | 62 | return; |
60 | } | 63 | } |
61 | if($scope.getTotalCobrado() + $scope.getTotalDeuda() !== 0) { | 64 | if($scope.getTotalCobrado() + $scope.getTotalDeuda() !== 0) { |
62 | focaModalService.alert('La diferencia debe ser ' + | 65 | focaModalService.alert('La diferencia debe ser ' + |
63 | $scope.cobranza.moneda.SIMBOLO + '0,00'); | 66 | $scope.cobranza.moneda.SIMBOLO + '0,00'); |
64 | return; | 67 | return; |
65 | } | 68 | } |
66 | var cobranza = {}; | 69 | var cobranza = {}; |
67 | var cheques = []; | 70 | var cheques = []; |
68 | var cuerpos = []; | 71 | var cuerpos = []; |
69 | //TODO: habilitar edición | 72 | //TODO: habilitar edición |
70 | $scope.editando = false; | 73 | $scope.editando = false; |
71 | $scope.saveLoading = true; | 74 | $scope.saveLoading = true; |
72 | for (var i = 0; i < $scope.facturaTabla.length; i++) { | 75 | for (var i = 0; i < $scope.facturaTabla.length; i++) { |
73 | var cuerpoFactura = { | 76 | var cuerpoFactura = { |
74 | CYV: 'V', | 77 | CYV: 'V', |
75 | TIP: 'C', | 78 | TIP: 'C', |
76 | TCO: 'RC', | 79 | TCO: 'RC', |
77 | PVE: $scope.puntoVenta, | 80 | PVE: $scope.puntoVenta, |
78 | NCO: $scope.comprobante, | 81 | NCO: $scope.comprobante, |
79 | LOP: 'L', | 82 | LOP: 'L', |
80 | TIL: $scope.facturaTabla[i].TCO, | 83 | TIL: $scope.facturaTabla[i].TCO, |
81 | COM: $scope.facturaTabla[i].numeroFactura + '-' + | 84 | COM: $scope.facturaTabla[i].numeroFactura + '-' + |
82 | $scope.rellenar($scope.facturaTabla[i].NCU,2), | 85 | $scope.rellenar($scope.facturaTabla[i].NCU,2), |
83 | FEC: $scope.fecha.toISOString().slice(0, 19).replace('T', ' '), | 86 | FEC: $scope.fecha.toISOString().slice(0, 19).replace('T', ' '), |
84 | IMP: Math.abs($scope.facturaTabla[i].IPA), | 87 | IMP: Math.abs($scope.facturaTabla[i].IPA), |
85 | RES: 0,//caja de tesorería | 88 | RES: 0,//caja de tesorería |
86 | SUBM: 0 | 89 | SUBM: 0 |
87 | }; | 90 | }; |
88 | cuerpos.push(cuerpoFactura); | 91 | cuerpos.push(cuerpoFactura); |
89 | } | 92 | } |
90 | 93 | ||
91 | for (var j = 0; j < $scope.cobrosTabla.length; j++) { | 94 | for (var j = 0; j < $scope.cobrosTabla.length; j++) { |
92 | 95 | ||
93 | var efectivo = $scope.cobrosTabla[j].tipo === 'Efectivo' ? true : false; | 96 | var efectivo = $scope.cobrosTabla[j].tipo === 'Efectivo' ? true : false; |
94 | 97 | ||
95 | var cuerpoCobros = { | 98 | var cuerpoCobros = { |
96 | CYV: 'V', | 99 | CYV: 'V', |
97 | TIP: 'C', | 100 | TIP: 'C', |
98 | TCO: 'RC', | 101 | TCO: 'RC', |
99 | PVE: $scope.puntoVenta, | 102 | PVE: $scope.puntoVenta, |
100 | NCO: $scope.comprobante, | 103 | NCO: $scope.comprobante, |
101 | LOP: 'P', | 104 | LOP: 'P', |
102 | TIL: 'EF', | 105 | TIL: 'EF', |
103 | COM: efectivo ? 'ef(COBRO EN EFECTIVO)' : 'ch(' + | 106 | COM: efectivo ? 'ef(COBRO EN EFECTIVO)' : 'ch(' + |
104 | $scope.cobrosTabla[j].numero + ')' + $scope.cobrosTabla[j].banco.desbco, | 107 | $scope.cobrosTabla[j].numero + ')' + $scope.cobrosTabla[j].banco.desbco, |
105 | FEC: efectivo ? | 108 | FEC: efectivo ? |
106 | $scope.cobrosTabla[j].fecha | 109 | $scope.cobrosTabla[j].fecha |
107 | .toISOString().slice(0, 19).replace('T', ' ') : | 110 | .toISOString().slice(0, 19).replace('T', ' ') : |
108 | $scope.cobrosTabla[j].fechaPresentacion | 111 | $scope.cobrosTabla[j].fechaPresentacion |
109 | .toISOString().slice(0, 19).replace('T', ' '), | 112 | .toISOString().slice(0, 19).replace('T', ' '), |
110 | IMP: Math.abs($scope.cobrosTabla[j].importe), | 113 | IMP: Math.abs($scope.cobrosTabla[j].importe), |
111 | RES: 0,//caja de tesorería | 114 | RES: 0,//caja de tesorería |
112 | SUBM: 0 | 115 | SUBM: 0 |
113 | }; | 116 | }; |
114 | cuerpos.push(cuerpoCobros); | 117 | cuerpos.push(cuerpoCobros); |
115 | 118 | ||
116 | if(!efectivo) { | 119 | if(!efectivo) { |
117 | var cheque = { | 120 | var cheque = { |
118 | BCO: $scope.cobrosTabla[j].banco.ID, | 121 | BCO: $scope.cobrosTabla[j].banco.ID, |
119 | NUM: $scope.comprobante, | 122 | NUM: $scope.comprobante, |
120 | FEP: $scope.cobrosTabla[j].fechaPresentacion | 123 | FEP: $scope.cobrosTabla[j].fechaPresentacion |
121 | .toISOString().slice(0, 19).replace('T', ' '), | 124 | .toISOString().slice(0, 19).replace('T', ' '), |
122 | FEE: $scope.cobrosTabla[j].fechaEmision | 125 | FEE: $scope.cobrosTabla[j].fechaEmision |
123 | .toISOString().slice(0, 19).replace('T', ' '), | 126 | .toISOString().slice(0, 19).replace('T', ' '), |
124 | LUG: $scope.cobrosTabla[j].localidad.NOMBRE, | 127 | LUG: $scope.cobrosTabla[j].localidad.NOMBRE, |
125 | IMP: $scope.cobrosTabla[j].importe, | 128 | IMP: $scope.cobrosTabla[j].importe, |
126 | LIB: $scope.cobrosTabla[j].librador, | 129 | LIB: $scope.cobrosTabla[j].librador, |
127 | EST: 'C',//'D' depositado, 'E' entregado, 'C' en cartera | 130 | EST: 'C',//'D' depositado, 'E' entregado, 'C' en cartera |
128 | PCI: $scope.cobrosTabla[j].provincia.ID, | 131 | PCI: $scope.cobrosTabla[j].provincia.ID, |
129 | LPLA: 0, | 132 | LPLA: 0, |
130 | PLA: 0, | 133 | PLA: 0, |
131 | VEN: $scope.usuario.CodVen,//Id vendedor | 134 | VEN: $scope.usuario.CodVen,//Id vendedor |
132 | CCLIE: $scope.cobranza.cliente.COD,//Id cliente | 135 | CCLIE: $scope.cobranza.cliente.COD,//Id cliente |
133 | REN: 0, | 136 | REN: 0, |
134 | PVEC: $scope.puntoVenta, | 137 | PVEC: $scope.puntoVenta, |
135 | NCOC: $scope.comprobante, | 138 | NCOC: $scope.comprobante, |
136 | OBSE: $scope.cobrosTabla[j].observaciones, | 139 | OBSE: $scope.cobrosTabla[j].observaciones, |
137 | LUV: 0, | 140 | LUV: 0, |
138 | ORI: 've', | 141 | ORI: 've', |
139 | FER: '', | 142 | FER: '', |
140 | BIMP: 0, | 143 | BIMP: 0, |
141 | COMP: 'C ' +'RC ' + $scope.puntoVenta + '-' + $scope.comprobante, | 144 | COMP: 'C ' +'RC ' + $scope.puntoVenta + '-' + $scope.comprobante, |
142 | VAL_E: '',//Cuando egresa por ingresos y egresos en el numero de egreso | 145 | VAL_E: '',//Cuando egresa por ingresos y egresos en el numero de egreso |
143 | VAL_I: '',//Cuando Ingresa por ingresos y egresos en el numero ingreso | 146 | VAL_I: '',//Cuando Ingresa por ingresos y egresos en el numero ingreso |
144 | REC_CAJ: 'D', | 147 | REC_CAJ: 'D', |
145 | TIPO_C: 0,//?? | 148 | TIPO_C: 0,//?? |
146 | SALDO_CAJ: 'S', | 149 | SALDO_CAJ: 'S', |
147 | FECHA_INGRESO: $scope.fecha | 150 | FECHA_INGRESO: $scope.fecha |
148 | .toISOString().slice(0, 19).replace('T', ' '), | 151 | .toISOString().slice(0, 19).replace('T', ' '), |
149 | Vendedor_valor: 0, | 152 | Vendedor_valor: 0, |
150 | FAMILIA: 0, | 153 | FAMILIA: 0, |
151 | CUIT_LIB: '', | 154 | CUIT_LIB: '', |
152 | COD_LUG: $scope.cobrosTabla[j].localidad.ID,//código lugar | 155 | COD_LUG: $scope.cobrosTabla[j].localidad.ID,//código lugar |
153 | SEN: '', | 156 | SEN: '', |
154 | NRC: 0, | 157 | NRC: 0, |
155 | COD_LARGO: '', | 158 | COD_LARGO: '', |
156 | VN: 0, | 159 | VN: 0, |
157 | ID_LECTOR: 0, | 160 | ID_LECTOR: 0, |
158 | NATHB: '' | 161 | NATHB: '' |
159 | }; | 162 | }; |
160 | cheques.push(cheque); | 163 | cheques.push(cheque); |
161 | } | 164 | } |
162 | } | 165 | } |
163 | 166 | ||
164 | cobranza = { | 167 | cobranza = { |
165 | recibo: { | 168 | recibo: { |
166 | CYV: 'V', | 169 | CYV: 'V', |
167 | TIP: 'C', | 170 | TIP: 'C', |
168 | TCO: 'RC', | 171 | TCO: 'RC', |
169 | PVE: $scope.puntoVenta, //Sucursar, punto de venta | 172 | PVE: $scope.puntoVenta, //Sucursar, punto de venta |
170 | NCO: $scope.comprobante, //Numero de comprobante | 173 | NCO: $scope.comprobante, //Numero de comprobante |
171 | FEC: $scope.fecha.toISOString().slice(0, 19).replace('T', ' '), | 174 | FEC: $scope.fecha.toISOString().slice(0, 19).replace('T', ' '), |
172 | CLI: $scope.cobranza.cliente.COD, | 175 | CLI: $scope.cobranza.cliente.COD, |
173 | ATO: 0, //número de asiento | 176 | ATO: 0, //número de asiento |
174 | CFE: $scope.cobranza.cobrador.nombre, | 177 | CFE: $scope.cobranza.cobrador.nombre, |
175 | PLA: '',//Numero de planilla, sin uso | 178 | PLA: '',//Numero de planilla, sin uso |
176 | ID_MONEDA: $scope.cobranza.moneda.ID, | 179 | ID_MONEDA: $scope.cobranza.moneda.ID, |
177 | COTIZACION: $scope.cobranza.cotizacion.VENDEDOR, | 180 | COTIZACION: $scope.cobranza.cotizacion.VENDEDOR, |
178 | idCobrador: $scope.cobranza.cobrador.id | 181 | idCobrador: $scope.cobranza.cobrador.id |
179 | }, | 182 | }, |
180 | cuerpo: cuerpos, | 183 | cuerpo: cuerpos, |
181 | cheques: cheques, | 184 | cheques: cheques, |
182 | acobypag: { | 185 | acobypag: { |
183 | CYV: 'V', | 186 | CYV: 'V', |
184 | COD: $scope.cobranza.cliente.COD, | 187 | COD: $scope.cobranza.cliente.COD, |
185 | FEP: $scope.fecha.toISOString().slice(0, 19).replace('T', ' '), | 188 | FEP: $scope.fecha.toISOString().slice(0, 19).replace('T', ' '), |
186 | TIP: 'C', | 189 | TIP: 'C', |
187 | TCO: 'RC', | 190 | TCO: 'RC', |
188 | SUC: $scope.puntoVenta, | 191 | SUC: $scope.puntoVenta, |
189 | NCO: $scope.comprobante, | 192 | NCO: $scope.comprobante, |
190 | IPA: $scope.getTotalCobrado(), | 193 | IPA: $scope.getTotalCobrado(), |
191 | SAL: '',//?? | 194 | SAL: '',//?? |
192 | TCA: 1, | 195 | TCA: 1, |
193 | ZONA: 1, | 196 | ZONA: 1, |
194 | FPA: 2,//Forma de pago | 197 | FPA: 2,//Forma de pago |
195 | REC: 0, | 198 | REC: 0, |
196 | REP: 0, | 199 | REP: 0, |
197 | FER: null, | 200 | FER: null, |
198 | REM: 0, | 201 | REM: 0, |
199 | FRE: null,//?? | 202 | FRE: null,//?? |
200 | PRO: 'N', | 203 | PRO: 'N', |
201 | FEV: $scope.fecha.toISOString().slice(0, 19).replace('T', ' ') | 204 | FEV: $scope.fecha.toISOString().slice(0, 19).replace('T', ' ') |
202 | }, | 205 | }, |
203 | datosCobrador: { | 206 | datosCobrador: { |
204 | COD: $scope.cobranza.cobrador.id, | 207 | COD: $scope.cobranza.cobrador.id, |
205 | PVE: $scope.puntoVenta, | 208 | PVE: $scope.puntoVenta, |
206 | NUM: $scope.comprobante, | 209 | NUM: $scope.comprobante, |
207 | EST: 'C', | 210 | EST: 'C', |
208 | OBS: 'RC: ' + $scope.comprobante + '-' + $scope.fecha.toLocaleDateString(), | 211 | OBS: 'RC: ' + $scope.comprobante + '-' + $scope.fecha.toLocaleDateString(), |
209 | DAT1: 'C', | 212 | DAT1: 'C', |
210 | CLI: $scope.cobranza.cliente.COD | 213 | CLI: $scope.cobranza.cliente.COD |
211 | } | 214 | } |
212 | }; | 215 | }; |
213 | focaCrearCobranzaService.guardarCobranza(cobranza).then( | 216 | focaCrearCobranzaService.guardarCobranza(cobranza).then( |
214 | function(result) { | 217 | function(result) { |
215 | $scope.saveLoading = false; | 218 | $scope.saveLoading = false; |
216 | focaModalService.alert('Cobranza guardada con éxito'); | 219 | focaModalService.alert('Cobranza guardada con éxito'); |
217 | 220 | ||
218 | focaSeguimientoService.guardarPosicion( | 221 | focaSeguimientoService.guardarPosicion( |
219 | result.data.numero, | 222 | result.data.numero, |
220 | 'Cobranza', | 223 | 'Cobranza', |
221 | 'Nº: ' + $filter('comprobante')([ | 224 | 'Nº: ' + $filter('comprobante')([ |
222 | result.data.sucursal, | 225 | result.data.sucursal, |
223 | result.data.numero | 226 | result.data.numero |
224 | ]) + '<br/>' + | 227 | ]) + '<br/>' + |
225 | 'Vendedor: ' + $scope.cobranza.cobrador.nombre + '<br/>' + | 228 | 'Vendedor: ' + $scope.cobranza.cobrador.nombre + '<br/>' + |
226 | 'Total: ' + $filter('currency')($scope.getTotalCobrado()), | 229 | 'Total: ' + $filter('currency')($scope.getTotalCobrado()), |
227 | result.data.sucursal | 230 | result.data.sucursal |
228 | ); | 231 | ); |
229 | 232 | ||
230 | $scope.cobranza = { | 233 | $scope.cobranza = { |
231 | fecha: new Date() | 234 | fecha: new Date() |
232 | }; | 235 | }; |
233 | setearMonedaPorDefecto(); | 236 | setearMonedaPorDefecto(); |
234 | obtenerNumeroComprobante(); | 237 | obtenerNumeroComprobante(); |
235 | 238 | ||
236 | $scope.cabecera = []; | 239 | $scope.cabecera = []; |
237 | $scope.fecha = new Date(); | 240 | $scope.fecha = new Date(); |
238 | $scope.facturaTabla = []; | 241 | $scope.facturaTabla = []; |
239 | $scope.cobrosTabla = []; | 242 | $scope.cobrosTabla = []; |
240 | }, function(error) { | 243 | }, function(error) { |
241 | focaModalService.alert('Hubo un problema al cargar la cobranza'); | 244 | focaModalService.alert('Hubo un problema al cargar la cobranza'); |
242 | $scope.saveLoading = false; | 245 | $scope.saveLoading = false; |
243 | console.info(error); | 246 | console.info(error); |
244 | } | 247 | } |
245 | ); | 248 | ); |
246 | }; | 249 | }; |
247 | 250 | ||
248 | $scope.swichCobro = function() { | 251 | $scope.swichCobro = function() { |
249 | $scope.cobroDeuda = false; | 252 | $scope.cobroDeuda = false; |
250 | }; | 253 | }; |
251 | 254 | ||
252 | $scope.swichDeuda = function() { | 255 | $scope.swichDeuda = function() { |
253 | $scope.cobroDeuda = true; | 256 | $scope.cobroDeuda = true; |
254 | }; | 257 | }; |
255 | 258 | ||
256 | $scope.seleccionarCobranza = function() { | 259 | $scope.seleccionarCobranza = function() { |
257 | 260 | ||
258 | var modalInstance = $uibModal.open( | 261 | var modalInstance = $uibModal.open( |
259 | { | 262 | { |
260 | ariaLabelledBy: 'Busqueda de Cobranzas', | 263 | ariaLabelledBy: 'Busqueda de Cobranzas', |
261 | templateUrl: 'foca-modal-cobranza.html', | 264 | templateUrl: 'foca-modal-cobranza.html', |
262 | controller: 'focaModalCobranzaController', | 265 | controller: 'focaModalCobranzaController', |
263 | size: 'lg' | 266 | size: 'lg' |
264 | } | 267 | } |
265 | ); | 268 | ); |
266 | modalInstance.result.then(function(cobranza) { | 269 | modalInstance.result.then(function(cobranza) { |
267 | $scope.editando = true; | 270 | $scope.editando = true; |
268 | $scope.cabecera = []; | 271 | $scope.cabecera = []; |
269 | $scope.facturaTabla = []; | 272 | $scope.facturaTabla = []; |
270 | $scope.cobrosTabla = []; | 273 | $scope.cobrosTabla = []; |
271 | 274 | ||
272 | $scope.fecha = new Date(cobranza.fecha); | 275 | $scope.fecha = new Date(cobranza.fecha); |
273 | 276 | ||
274 | addCabecera('Cliente:', cobranza.cliente.NOM); | 277 | addCabecera('Cliente:', cobranza.cliente.NOM); |
275 | addCabecera('Cobrador:', cobranza.cobrador); | 278 | addCabecera('Cobrador:', cobranza.cobrador); |
276 | 279 | ||
277 | $scope.facturaTabla = cobranza.facturas; | 280 | $scope.facturaTabla = cobranza.facturas; |
278 | $scope.cobrosTabla = cobranza.cobros; | 281 | $scope.cobrosTabla = cobranza.cobros; |
279 | 282 | ||
280 | }); | 283 | }); |
281 | }; | 284 | }; |
282 | 285 | ||
283 | $scope.seleccionarCliente = function() { | 286 | $scope.seleccionarCliente = function() { |
284 | 287 | ||
285 | var modalInstance = $uibModal.open( | 288 | var modalInstance = $uibModal.open( |
286 | { | 289 | { |
287 | ariaLabelledBy: 'Busqueda de Cliente', | 290 | ariaLabelledBy: 'Busqueda de Cliente', |
288 | templateUrl: 'foca-busqueda-cliente-modal.html', | 291 | templateUrl: 'foca-busqueda-cliente-modal.html', |
289 | controller: 'focaBusquedaClienteModalController', | 292 | controller: 'focaBusquedaClienteModalController', |
290 | size: 'lg' | 293 | size: 'lg' |
291 | } | 294 | } |
292 | ); | 295 | ); |
293 | modalInstance.result.then( | 296 | modalInstance.result.then( |
294 | function(cliente) { | 297 | function(cliente) { |
295 | addCabecera('Cliente:', cliente.nom); | 298 | addCabecera('Cliente:', cliente.nom); |
296 | $scope.cobranza.cliente = { | 299 | $scope.cobranza.cliente = { |
297 | COD: cliente.cod, | 300 | COD: cliente.cod, |
298 | CUIT: cliente.cuit, | 301 | CUIT: cliente.cuit, |
299 | NOM: cliente.nom | 302 | NOM: cliente.nom |
300 | }; | 303 | }; |
301 | }, function() { | 304 | }, function() { |
302 | 305 | ||
303 | } | 306 | } |
304 | ); | 307 | ); |
305 | }; | 308 | }; |
306 | 309 | ||
307 | $scope.seleccionarFactura = function() { | 310 | $scope.seleccionarFactura = function() { |
308 | if(!$scope.cobranza.cliente) { | 311 | if(!$scope.cobranza.cliente) { |
309 | focaModalService.alert('Seleccione primero un cliente'); | 312 | focaModalService.alert('Seleccione primero un cliente'); |
310 | return; | 313 | return; |
311 | } | 314 | } |
312 | var modalInstance = $uibModal.open( | 315 | var modalInstance = $uibModal.open( |
313 | { | 316 | { |
314 | ariaLabelledBy: 'Busqueda de Facturas', | 317 | ariaLabelledBy: 'Busqueda de Facturas', |
315 | templateUrl: 'foca-modal-factura.html', | 318 | templateUrl: 'foca-modal-factura.html', |
316 | controller: 'focaModalFacturaController', | 319 | controller: 'focaModalFacturaController', |
317 | size: 'lg', | 320 | size: 'lg', |
318 | resolve: { | 321 | resolve: { |
319 | parametrosFactura: function() { | 322 | parametrosFactura: function() { |
320 | return { | 323 | return { |
321 | cliente: $scope.cobranza.cliente.COD, | 324 | cliente: $scope.cobranza.cliente.COD, |
322 | simbolo: $scope.cobranza.moneda.SIMBOLO, | 325 | simbolo: $scope.cobranza.moneda.SIMBOLO, |
323 | cotizacion: $scope.cobranza.cotizacion.VENDEDOR, | 326 | cotizacion: $scope.cobranza.cotizacion.VENDEDOR, |
324 | moneda: $scope.cobranza.moneda.ID | 327 | moneda: $scope.cobranza.moneda.ID |
325 | }; | 328 | }; |
326 | } | 329 | } |
327 | } | 330 | } |
328 | } | 331 | } |
329 | ); | 332 | ); |
330 | modalInstance.result.then( | 333 | modalInstance.result.then( |
331 | function(facturas) { | 334 | function(facturas) { |
332 | $scope.facturaTabla = $scope.facturaTabla.concat(facturas); | 335 | $scope.facturaTabla = $scope.facturaTabla.concat(facturas); |
333 | }, function() { | 336 | }, function() { |
334 | 337 | ||
335 | } | 338 | } |
336 | ); | 339 | ); |
337 | }; | 340 | }; |
338 | 341 | ||
339 | $scope.seleccionarCheque = function() { | 342 | $scope.seleccionarCheque = function() { |
340 | var modalInstance = $uibModal.open( | 343 | var modalInstance = $uibModal.open( |
341 | { | 344 | { |
342 | ariaLabelledBy: 'Carga de cheques', | 345 | ariaLabelledBy: 'Carga de cheques', |
343 | templateUrl: 'modal-cheque.html', | 346 | templateUrl: 'modal-cheque.html', |
344 | controller: 'focaModalChequeController', | 347 | controller: 'focaModalChequeController', |
345 | size: 'lg' | 348 | size: 'lg' |
346 | } | 349 | } |
347 | ); | 350 | ); |
348 | modalInstance.result.then( | 351 | modalInstance.result.then( |
349 | function(cheque) { | 352 | function(cheque) { |
350 | var cobro = { | 353 | var cobro = { |
351 | tipo: 'Ch' + '(' + cheque.numero + ')' + ' ' + cheque.banco.desbco, | 354 | tipo: 'Ch' + '(' + cheque.numero + ')' + ' ' + cheque.banco.desbco, |
352 | numero: cheque.numero, | 355 | numero: cheque.numero, |
353 | banco: cheque.banco, | 356 | banco: cheque.banco, |
354 | fecha: cheque.fechaEmision.toLocaleDateString() + '-' + | 357 | fecha: cheque.fechaEmision.toLocaleDateString() + '-' + |
355 | cheque.fechaPresentacion.toLocaleDateString(), | 358 | cheque.fechaPresentacion.toLocaleDateString(), |
356 | fechaPresentacion: cheque.fechaPresentacion, | 359 | fechaPresentacion: cheque.fechaPresentacion, |
357 | fechaEmision: cheque.fechaEmision, | 360 | fechaEmision: cheque.fechaEmision, |
358 | importe: cheque.importe * $scope.cobranza.cotizacion.VENDEDOR, | 361 | importe: cheque.importe * $scope.cobranza.cotizacion.VENDEDOR, |
359 | localidad: cheque.localidad, | 362 | localidad: cheque.localidad, |
360 | librador: cheque.librador, | 363 | librador: cheque.librador, |
361 | provincia: cheque.provincia, | 364 | provincia: cheque.provincia, |
362 | observaciones: cheque.observaciones | 365 | observaciones: cheque.observaciones |
363 | }; | 366 | }; |
364 | $scope.cobrosTabla.push(cobro); | 367 | $scope.cobrosTabla.push(cobro); |
365 | }, function() { | 368 | }, function() { |
366 | 369 | ||
367 | } | 370 | } |
368 | ); | 371 | ); |
369 | }; | 372 | }; |
370 | 373 | ||
371 | $scope.seleccionarEfectivo = function() { | 374 | $scope.seleccionarEfectivo = function() { |
372 | var modalInstance = $uibModal.open( | 375 | var modalInstance = $uibModal.open( |
373 | { | 376 | { |
374 | ariaLabelledBy: 'Carga de cheques', | 377 | ariaLabelledBy: 'Carga de cheques', |
375 | templateUrl: 'modal-efectivo.html', | 378 | templateUrl: 'modal-efectivo.html', |
376 | controller: 'focaModalEfectivoController', | 379 | controller: 'focaModalEfectivoController', |
377 | size: 'sm', | 380 | size: 'sm', |
378 | resolve: { | 381 | resolve: { |
379 | sugerido: function() { | 382 | sugerido: function() { |
380 | var sugerido = $scope.getTotalDeuda() + $scope.getTotalCobrado(); | 383 | var sugerido = $scope.getTotalDeuda() + $scope.getTotalCobrado(); |
381 | return sugerido < 0 ? sugerido : null ; | 384 | return sugerido < 0 ? sugerido : null ; |
382 | } | 385 | } |
383 | } | 386 | } |
384 | } | 387 | } |
385 | ); | 388 | ); |
386 | modalInstance.result.then( | 389 | modalInstance.result.then( |
387 | function(efectivo) { | 390 | function(efectivo) { |
388 | var cobro = { | 391 | var cobro = { |
389 | tipo: 'Efectivo', | 392 | tipo: 'Efectivo', |
390 | fecha: new Date(), | 393 | fecha: new Date(), |
391 | importe: efectivo * $scope.cobranza.cotizacion.VENDEDOR | 394 | importe: efectivo * $scope.cobranza.cotizacion.VENDEDOR |
392 | }; | 395 | }; |
393 | $scope.cobrosTabla = $scope.cobrosTabla.filter(function(a) { | 396 | $scope.cobrosTabla = $scope.cobrosTabla.filter(function(a) { |
394 | return a.tipo !== 'Efectivo'; | 397 | return a.tipo !== 'Efectivo'; |
395 | }); | 398 | }); |
396 | $scope.cobrosTabla.push(cobro); | 399 | $scope.cobrosTabla.push(cobro); |
397 | }, function() { | 400 | }, function() { |
398 | 401 | ||
399 | } | 402 | } |
400 | ); | 403 | ); |
401 | }; | 404 | }; |
402 | 405 | ||
403 | $scope.seleccionarMoneda = function() { | 406 | $scope.seleccionarMoneda = function() { |
404 | var modalInstance = $uibModal.open( | 407 | var modalInstance = $uibModal.open( |
405 | { | 408 | { |
406 | ariaLabelledBy: 'Busqueda de Moneda', | 409 | ariaLabelledBy: 'Busqueda de Moneda', |
407 | templateUrl: 'modal-moneda.html', | 410 | templateUrl: 'modal-moneda.html', |
408 | controller: 'focaModalMonedaController', | 411 | controller: 'focaModalMonedaController', |
409 | size: 'lg' | 412 | size: 'lg' |
410 | } | 413 | } |
411 | ); | 414 | ); |
412 | modalInstance.result.then( | 415 | modalInstance.result.then( |
413 | function(moneda) { | 416 | function(moneda) { |
414 | $scope.seleccionarCotizacion(moneda); | 417 | $scope.seleccionarCotizacion(moneda); |
415 | }, function() { | 418 | }, function() { |
416 | 419 | ||
417 | } | 420 | } |
418 | ); | 421 | ); |
419 | }; | 422 | }; |
420 | 423 | ||
421 | $scope.seleccionarCotizacion = function(moneda) { | 424 | $scope.seleccionarCotizacion = function(moneda) { |
422 | var modalInstance = $uibModal.open( | 425 | var modalInstance = $uibModal.open( |
423 | { | 426 | { |
424 | ariaLabelledBy: 'Busqueda de Cotización', | 427 | ariaLabelledBy: 'Busqueda de Cotización', |
425 | templateUrl: 'modal-cotizacion.html', | 428 | templateUrl: 'modal-cotizacion.html', |
426 | controller: 'focaModalCotizacionController', | 429 | controller: 'focaModalCotizacionController', |
427 | size: 'lg', | 430 | size: 'lg', |
428 | resolve: {idMoneda: function() {return moneda.ID;}} | 431 | resolve: {idMoneda: function() {return moneda.ID;}} |
429 | } | 432 | } |
430 | ); | 433 | ); |
431 | modalInstance.result.then( | 434 | modalInstance.result.then( |
432 | function(cotizacion) { | 435 | function(cotizacion) { |
433 | $scope.cobranza.moneda = moneda; | 436 | $scope.cobranza.moneda = moneda; |
434 | $scope.cobranza.cotizacion = cotizacion; | 437 | $scope.cobranza.cotizacion = cotizacion; |
435 | addCabecera('Moneda:', moneda.DETALLE); | 438 | addCabecera('Moneda:', moneda.DETALLE); |
436 | addCabecera( | 439 | addCabecera( |
437 | 'Fecha cotizacion:', | 440 | 'Fecha cotizacion:', |
438 | $filter('date')(cotizacion.FECHA, 'dd/MM/yyyy') | 441 | $filter('date')(cotizacion.FECHA, 'dd/MM/yyyy') |
439 | ); | 442 | ); |
440 | addCabecera('Cotizacion:', cotizacion.VENDEDOR); | 443 | addCabecera('Cotizacion:', cotizacion.VENDEDOR); |
441 | }, function() { | 444 | }, function() { |
442 | 445 | ||
443 | } | 446 | } |
444 | ); | 447 | ); |
445 | }; | 448 | }; |
446 | 449 | ||
447 | $scope.seleccionarCobrador = function() { | 450 | $scope.seleccionarCobrador = function() { |
448 | var modalInstance = $uibModal.open( | 451 | var modalInstance = $uibModal.open( |
449 | { | 452 | { |
450 | ariaLabelledBy: 'Busqueda de Cobradores', | 453 | ariaLabelledBy: 'Busqueda de Cobradores', |
451 | templateUrl: 'modal-cobradores.html', | 454 | templateUrl: 'modal-cobradores.html', |
452 | controller: 'focaModalCobradoresController', | 455 | controller: 'focaModalCobradoresController', |
453 | size: 'lg' | 456 | size: 'lg' |
454 | } | 457 | } |
455 | ); | 458 | ); |
456 | modalInstance.result.then( | 459 | modalInstance.result.then( |
457 | function(cobrador) { | 460 | function(cobrador) { |
458 | addCabecera('Cobrador:', cobrador.nombre); | 461 | addCabecera('Cobrador:', cobrador.nombre); |
459 | $scope.cobranza.cobrador = cobrador; | 462 | $scope.cobranza.cobrador = cobrador; |
460 | }, function() { | 463 | }, function() { |
461 | 464 | ||
462 | } | 465 | } |
463 | ); | 466 | ); |
464 | }; | 467 | }; |
465 | 468 | ||
466 | $scope.getTotalDeuda = function() { | 469 | $scope.getTotalDeuda = function() { |
467 | var total = 0; | 470 | var total = 0; |
468 | for (var i = 0; i < $scope.facturaTabla.length; i++) { | 471 | for (var i = 0; i < $scope.facturaTabla.length; i++) { |
469 | total += $scope.facturaTabla[i].IPA; | 472 | total += $scope.facturaTabla[i].IPA; |
470 | } | 473 | } |
471 | return parseFloat(total.toFixed(2)); | 474 | return parseFloat(total.toFixed(2)); |
472 | }; | 475 | }; |
473 | 476 | ||
474 | $scope.getTotalCobrado = function() { | 477 | $scope.getTotalCobrado = function() { |
475 | var total = 0; | 478 | var total = 0; |
476 | for (var i = 0; i < $scope.cobrosTabla.length; i++) { | 479 | for (var i = 0; i < $scope.cobrosTabla.length; i++) { |
477 | total += $scope.cobrosTabla[i].importe; | 480 | total += $scope.cobrosTabla[i].importe; |
478 | } | 481 | } |
479 | return parseFloat(total.toFixed(2)); | 482 | return parseFloat(total.toFixed(2)); |
480 | }; | 483 | }; |
481 | 484 | ||
482 | $scope.getSubTotal = function() { | 485 | $scope.getSubTotal = function() { |
483 | if($scope.articuloACargar) { | 486 | if($scope.articuloACargar) { |
484 | return $scope.articuloACargar.precio * $scope.articuloACargar.cantidad; | 487 | return $scope.articuloACargar.precio * $scope.articuloACargar.cantidad; |
485 | } | 488 | } |
486 | }; | 489 | }; |
487 | //Recibe aviso si el teclado está en uso | 490 | //Recibe aviso si el teclado está en uso |
488 | // $rootScope.$on('usarTeclado', function(event, data) { | 491 | // $rootScope.$on('usarTeclado', function(event, data) { |
489 | // if(data) { | 492 | // if(data) { |
490 | // $scope.mostrarTeclado = true; | 493 | // $scope.mostrarTeclado = true; |
491 | // return; | 494 | // return; |
492 | // } | 495 | // } |
493 | // $scope.mostrarTeclado = false; | 496 | // $scope.mostrarTeclado = false; |
494 | // }) | 497 | // }) |
495 | $scope.selectFocus = function($event) { | 498 | $scope.selectFocus = function($event) { |
496 | //Si el teclado esta en uso no selecciona el valor | 499 | //Si el teclado esta en uso no selecciona el valor |
497 | // if($scope.mostrarTeclado) { | 500 | // if($scope.mostrarTeclado) { |
498 | // return; | 501 | // return; |
499 | // } | 502 | // } |
500 | $event.target.select(); | 503 | $event.target.select(); |
501 | }; | 504 | }; |
502 | 505 | ||
503 | $scope.salir = function() { | 506 | $scope.salir = function() { |
504 | $location.path('/'); | 507 | $location.path('/'); |
505 | }; | 508 | }; |
506 | 509 | ||
507 | $scope.parsearATexto = function(articulo) { | 510 | $scope.parsearATexto = function(articulo) { |
508 | articulo.cantidad = parseFloat(articulo.cantidad); | 511 | articulo.cantidad = parseFloat(articulo.cantidad); |
509 | articulo.precio = parseFloat(articulo.precio); | 512 | articulo.precio = parseFloat(articulo.precio); |
510 | }; | 513 | }; |
511 | 514 | ||
512 | $scope.rellenar = function(relleno, longitud) { | 515 | $scope.rellenar = function(relleno, longitud) { |
513 | relleno = '' + relleno; | 516 | relleno = '' + relleno; |
514 | while (relleno.length < longitud) { | 517 | while (relleno.length < longitud) { |
515 | relleno = '0' + relleno; | 518 | relleno = '0' + relleno; |
516 | } | 519 | } |
517 | 520 | ||
518 | return relleno; | 521 | return relleno; |
519 | }; | 522 | }; |
520 | 523 | ||
521 | $scope.quitarFactura = function(key) { | 524 | $scope.quitarFactura = function(key) { |
522 | $scope.facturaTabla.splice(key, 1); | 525 | $scope.facturaTabla.splice(key, 1); |
523 | }; | 526 | }; |
524 | 527 | ||
525 | $scope.quitarCobro = function(key) { | 528 | $scope.quitarCobro = function(key) { |
526 | $scope.cobrosTabla.splice(key, 1); | 529 | $scope.cobrosTabla.splice(key, 1); |
527 | }; | 530 | }; |
528 | 531 | ||
529 | function addCabecera(label, valor) { | 532 | function addCabecera(label, valor) { |
530 | var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); | 533 | var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); |
531 | if(propiedad.length === 1) { | 534 | if(propiedad.length === 1) { |
532 | propiedad[0].valor = valor; | 535 | propiedad[0].valor = valor; |
533 | } else { | 536 | } else { |
534 | $scope.cabecera.push({label: label, valor: valor}); | 537 | $scope.cabecera.push({label: label, valor: valor}); |
535 | } | 538 | } |
536 | } | 539 | } |
537 | // TODO: descomentar cuando se use | 540 | // TODO: descomentar cuando se use |
538 | /*function removeCabecera(label) { | 541 | /*function removeCabecera(label) { |
539 | var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); | 542 | var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); |
540 | if(propiedad.length === 1){ | 543 | if(propiedad.length === 1){ |
541 | $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1); | 544 | $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1); |
542 | } | 545 | } |
543 | }*/ | 546 | }*/ |
544 | function setearMonedaPorDefecto() { | 547 | function setearMonedaPorDefecto() { |
545 | var monedaPorDefecto; | 548 | var monedaPorDefecto; |
546 | //Trabajo con la cotización más reciente, por eso uso siempre la primera '[0]' | 549 | //Trabajo con la cotización más reciente, por eso uso siempre la primera '[0]' |
547 | focaCrearCobranzaService.getCotizacionByIdMoneda(1).then(function(res) { | 550 | focaCrearCobranzaService.getCotizacionByIdMoneda(1).then(function(res) { |
548 | monedaPorDefecto = res.data[0]; | 551 | monedaPorDefecto = res.data[0]; |
549 | $scope.cobranza.moneda = monedaPorDefecto; | 552 | $scope.cobranza.moneda = monedaPorDefecto; |
550 | $scope.cobranza.cotizacion = monedaPorDefecto.cotizaciones[0]; | 553 | $scope.cobranza.cotizacion = monedaPorDefecto.cotizaciones[0]; |
551 | }); | 554 | }); |
552 | } | 555 | } |
553 | 556 | ||
554 | function obtenerNumeroComprobante() { | 557 | function obtenerNumeroComprobante() { |
555 | focaCrearCobranzaService.getNumeroRecibo().then( | 558 | focaCrearCobranzaService.getNumeroRecibo().then( |
556 | function(res) { | 559 | function(res) { |
557 | $scope.puntoVenta = $scope.rellenar(res.data.sucursal, 4); | 560 | $scope.puntoVenta = $scope.rellenar(res.data.sucursal, 4); |
558 | $scope.comprobante = $scope.rellenar(res.data.numeroRecibo, 8); | 561 | $scope.comprobante = $scope.rellenar(res.data.numeroRecibo, 8); |
559 | }, | 562 | }, |
560 | function(err) { | 563 | function(err) { |
561 | focaModalService.alert('La terminal no esta configurada correctamente'); | 564 | focaModalService.alert('La terminal no esta configurada correctamente'); |
562 | console.info(err); | 565 | console.info(err); |
563 | } | 566 | } |
564 | ); | 567 | ); |
565 | } | 568 | } |
566 | obtenerNumeroComprobante(); | 569 | obtenerNumeroComprobante(); |
567 | setearMonedaPorDefecto(); | 570 | setearMonedaPorDefecto(); |
568 | } | 571 | } |
src/views/cobranza.html
1 | <div class="crear-nota-pedido"> | 1 | <div class="crear-nota-pedido foca-crear one-row row"> |
2 | <form name="formCrearNota" ng-submit="crearNotaPedido()" class="mb-0"> | 2 | <form name="formCrearNota" ng-submit="crearNotaPedido()" class="mb-0 col-lg-12"> |
3 | <div class="row"> | 3 | <div class="row"> |
4 | <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> | 4 | <div class="col-md-10 col-lg-12"> |
5 | <div class="row p-1 panel-informativo"> | 5 | <div class="row panel-informativo"> |
6 | <div class="col-12"> | 6 | <div class="col-12"> |
7 | <div class="row"> | 7 | <div class="row titulares"> |
8 | <div class="col-12 col-sm-4 nota-pedido"> | 8 | <div class="col-12 col-sm-3 nota-pedido border border-left-0 border-white align-middle"> |
9 | <strong>RECIBO DE COBRANZA</strong> | 9 | <h5 class="mb-0">RECIBO DE COBRANZA</h5> |
10 | </div> | 10 | </div> |
11 | <div class="col-5 col-sm-4 numero-pedido" | 11 | <div class="col-12 col-sm-3 numero-pedido text-center text-md-left border border-white align-middle" |
12 | >Nº {{puntoVenta}}-{{comprobante}} | 12 | >Nº {{puntoVenta}}-{{comprobante}} |
13 | <button | 13 | <button |
14 | class="btn btn-xs btn-outline-dark" | 14 | class="btn btn-xs btn-outline-light float-right" |
15 | type="button" | 15 | type="button" |
16 | ng-click="seleccionarCobranza()" | 16 | ng-click="seleccionarCobranza()" |
17 | > | 17 | > |
18 | <i class="fa fa-search"></i> | 18 | <i class="fa fa-search"></i> |
19 | </button> | 19 | </button> |
20 | </div> | 20 | </div> |
21 | <div class="col-7 col-sm-4 text-right"> | 21 | <div class="col-7 col-sm-3 border border-white align-middle"> |
22 | Fecha: | 22 | Fecha: |
23 | <span | 23 | <span |
24 | ng-show="!datepickerAbierto" | 24 | ng-show="!datepickerAbierto" |
25 | ng-bind="fecha | date:'dd/MM/yyyy HH:mm'" | 25 | ng-bind="fecha | date:'dd/MM/yyyy'" |
26 | ng-click="datepickerAbierto = true" | 26 | ng-click="datepickerAbierto = true" |
27 | > | 27 | > |
28 | </span> | 28 | </span> |
29 | <input | 29 | <input |
30 | ng-show="datepickerAbierto" | 30 | ng-show="datepickerAbierto" |
31 | type="date" | 31 | type="date" |
32 | ng-model="fecha" | 32 | ng-model="fecha" |
33 | ng-change="datepickerAbierto = false" | 33 | ng-change="datepickerAbierto = false" |
34 | ng-blur="datepickerAbierto = false" | 34 | ng-blur="datepickerAbierto = false" |
35 | class="form-control form-control-sm col-8 float-right" | 35 | class="form-control form-control-sm col-8 float-right" |
36 | foca-focus="datepickerAbierto" | 36 | foca-focus="datepickerAbierto" |
37 | hasta-hoy | 37 | hasta-hoy |
38 | /> | 38 | /> |
39 | </div> | 39 | </div> |
40 | <div class="col-5 col-sm-3 border border-white border-right-0 align-middle"> | ||
41 | Hora: | ||
42 | <span | ||
43 | ng-show="!datepickerAbierto" | ||
44 | ng-bind="fecha | date:'HH:mm'" | ||
45 | ng-click="datepickerAbierto = true" | ||
46 | > | ||
47 | </span> | ||
48 | </div> | ||
40 | </div> | 49 | </div> |
41 | <div class="row"> | 50 | <div class="row py-2"> |
42 | <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> | 51 | <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> |
43 | <span class="label" ng-bind="cab.label"></span> | 52 | <span class="label" ng-bind="cab.label"></span> |
44 | <span class="valor" ng-bind="cab.valor"></span> | 53 | <span class="valor" ng-bind="cab.valor"></span> |
45 | </div> | 54 | </div> |
46 | <a | 55 | <a |
47 | class="btn col-12 btn-secondary d-sm-none" | 56 | class="btn col-12 btn-secondary d-sm-none" |
48 | ng-show="cabecera.length > 0" | 57 | ng-show="cabecera.length > 0" |
49 | ng-click="showCabecera = !showCabecera" | 58 | ng-click="showCabecera = !showCabecera" |
50 | > | 59 | > |
51 | <i | 60 | <i |
52 | class="fa fa-chevron-down" | 61 | class="fa fa-chevron-down" |
53 | ng-hide="showCabecera" | 62 | ng-hide="showCabecera" |
54 | aria-hidden="true" | 63 | aria-hidden="true" |
55 | > | 64 | > |
56 | </i> | 65 | </i> |
57 | <i | 66 | <i |
58 | class="fa fa-chevron-up" | 67 | class="fa fa-chevron-up" |
59 | ng-show="showCabecera" | 68 | ng-show="showCabecera" |
60 | aria-hidden="true"> | 69 | aria-hidden="true"> |
61 | </i> | 70 | </i> |
62 | </a> | 71 | </a> |
63 | </div> | 72 | </div> |
64 | </div> | 73 | </div> |
65 | </div> | 74 | </div> |
66 | <div class="row p-1 botonera-secundaria"> | 75 | </div> |
76 | </div> | ||
77 | </form> | ||
78 | <div class="col-lg-12"> | ||
79 | <div class="row mt-4"> | ||
80 | <div class="col-12 col-md-10 border border-light rounded"> | ||
81 | <div class="row px-5 py-2 botonera-secundaria"> | ||
67 | <div class="col-12"> | 82 | <div class="col-12"> |
68 | <div class="row"> | 83 | <div class="row"> |
69 | <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera"> | 84 | <div |
85 | class="col-6 col-sm-2 px-1 py-1 m-auto m-md-0" | ||
86 | ng-repeat="boton in botonera" | ||
87 | ng-class="{'d-none d-md-grid': boton.texto == ''}"> | ||
70 | <button | 88 | <button |
71 | type="button" | 89 | type="button" |
72 | class="btn btn-default btn-block btn-xs text-left py-2" | 90 | class="btn btn-default btn-block btn-xs text-center py-1 rounded border border-light" |
73 | ng-click="boton.accion()" | 91 | ng-click="boton.accion()" |
74 | ng-class="{'d-none d-sm-block': boton.texto == ''}" | 92 | ng-class="{'d-sm-block h-100': boton.texto == ''}" |
75 | > | 93 | > |
76 | <i | 94 | <img src="{{boton.imagen}}" alt="" ng-if="boton.imagen"> |
77 | class="fa fa-arrow-circle-right" | 95 | <span>{{boton.texto}}</span> |
78 | ng-show="boton.texto != ''" | ||
79 | ></i> | ||
80 | | ||
81 | {{boton.texto}} | ||
82 | </button> | 96 | </button> |
83 | </div> | 97 | </div> |
84 | </div> | 98 | </div> |
85 | </div> | 99 | </div> |
86 | </div> | 100 | </div> |
87 | </div> | 101 | <!-- PC --> |
88 | </div> | 102 | <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="cobroDeuda"> |
89 | </form> | 103 | <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom"> |
90 | <div class="row"> | 104 | <thead> |
91 | <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2"> | 105 | <tr class="d-flex"> |
92 | <!-- PC --> | 106 | <th class="col-auto">#</th> |
93 | <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="cobroDeuda"> | 107 | <th class="col">Comprobante</th> |
94 | <table class="table tabla-articulo table-striped table-sm table-dark"> | 108 | <th class="col">Fecha</th> |
95 | <thead> | 109 | <th class="col">Importe</th> |
96 | <tr class="d-flex"> | 110 | <th class="col-auto"> |
97 | <th class="col-auto">#</th> | 111 | <button |
98 | <th class="col">Comprobante</th> | 112 | class="btn btn-outline-secondary selectable" |
99 | <th class="col">Fecha</th> | 113 | ng-click="show = !show; masMenos()" |
100 | <th class="col">Importe</th> | ||
101 | <th class="col-auto"> | ||
102 | <button | ||
103 | class="btn btn-outline-secondary selectable" | ||
104 | ng-click="show = !show; masMenos()" | ||
105 | > | ||
106 | <i | ||
107 | class="fa fa-chevron-down" | ||
108 | ng-show="show" | ||
109 | aria-hidden="true" | ||
110 | > | ||
111 | </i> | ||
112 | <i | ||
113 | class="fa fa-chevron-up" | ||
114 | ng-hide="show" | ||
115 | aria-hidden="true"> | ||
116 | </i> | ||
117 | </button> | ||
118 | </th> | ||
119 | </th> | ||
120 | </tr> | ||
121 | </thead> | ||
122 | <tbody class="tabla-articulo-body"> | ||
123 | <tr | ||
124 | ng-repeat="(key, factura) in facturaTabla" | ||
125 | class="d-flex" | ||
126 | ng-show="show || key == facturaTabla.length - 1" | ||
127 | > | ||
128 | <td ng-bind="key + 1" class="col-auto"></td> | ||
129 | <td class="col" ng-bind="factura.numeroFactura" | ||
130 | ></td> | ||
131 | <td class="col" ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></td> | ||
132 | <td | ||
133 | class="col" | ||
134 | ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) | | ||
135 | currency: cobranza.moneda.SIMBOLO : 4"></td> | ||
136 | <td class="text-center col-auto"> | ||
137 | <button | ||
138 | class="btn btn-outline-secondary" | ||
139 | ng-click="quitarFactura(key)" | ||
140 | > | ||
141 | <i class="fa fa-trash"></i> | ||
142 | </button> | ||
143 | </td> | ||
144 | </tr> | ||
145 | </tbody> | ||
146 | <tfoot> | ||
147 | <tr ng-show="cargando" class="d-flex"> | ||
148 | <td class="col-2"> | ||
149 | <a | ||
150 | class="form-control form-control-sm btn btn-secondary" | ||
151 | ng-click="seleccionarFactura()" | ||
152 | >Pendientes</a> | ||
153 | </td> | ||
154 | </tr> | ||
155 | <tr class="d-flex"> | ||
156 | <td class="col-auto px-1"> | ||
157 | <strong>Comprobantes:</strong> | ||
158 | <a ng-bind="facturaTabla.length"></a> | ||
159 | </td> | ||
160 | <td class="text-right ml-auto table-celda-total no-border-top"> | ||
161 | <strong>Cancela:</strong> | ||
162 | </td> | ||
163 | <td class="table-celda-total text-right no-border-top"> | ||
164 | <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) | | ||
165 | currency: cobranza.moneda.SIMBOLO}}</strong> | ||
166 | </td> | ||
167 | <td class="text-right ml-auto table-celda-total no-border-top"> | ||
168 | <strong>Total Cobrado:</strong> | ||
169 | </td> | ||
170 | <td class="table-celda-total text-right no-border-top"> | ||
171 | <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) | | ||
172 | currency: cobranza.moneda.SIMBOLO}}</strong> | ||
173 | </td> | ||
174 | <td class="text-right ml-auto table-celda-total no-border-top"> | ||
175 | <strong>DF:</strong> | ||
176 | </td> | ||
177 | <td class="table-celda-total text-right no-border-top mr-1"> | ||
178 | <strong>{{((getTotalCobrado() + getTotalDeuda()) / | ||
179 | cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}} | ||
180 | </strong> | ||
181 | </td> | ||
182 | </tr> | ||
183 | </tfoot> | ||
184 | </table> | ||
185 | </div> | ||
186 | <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="!cobroDeuda"> | ||
187 | <table class="table tabla-articulo table-striped table-sm table-dark"> | ||
188 | <thead> | ||
189 | <tr class="d-flex"> | ||
190 | <th class="col-auto">#</th> | ||
191 | <th class="col">Cobro</th> | ||
192 | <th class="col">Fecha</th> | ||
193 | <th class="col">Importe</th> | ||
194 | <th class="col-auto"> | ||
195 | <button | ||
196 | class="btn btn-outline-secondary selectable" | ||
197 | ng-click="show = !show; masMenos()" | ||
198 | > | ||
199 | <i | ||
200 | class="fa fa-chevron-down" | ||
201 | ng-show="show" | ||
202 | aria-hidden="true" | ||
203 | > | 114 | > |
204 | </i> | 115 | <i |
205 | <i | 116 | class="fa fa-chevron-down" |
206 | class="fa fa-chevron-up" | 117 | ng-show="show" |
207 | ng-hide="show" | 118 | aria-hidden="true" |
208 | aria-hidden="true"> | 119 | > |
209 | </i> | 120 | </i> |
210 | </button> | 121 | <i |
211 | </th> | 122 | class="fa fa-chevron-up" |
212 | </th> | 123 | ng-hide="show" |
213 | </tr> | 124 | aria-hidden="true"> |
214 | </thead> | 125 | </i> |
215 | <tbody class="tabla-articulo-body"> | 126 | </button> |
216 | <tr | 127 | </th> |
217 | ng-repeat="(key, cobro) in cobrosTabla" | 128 | </th> |
218 | class="d-flex" | 129 | </tr> |
219 | ng-show="show || key == cobrosTabla.length - 1" | 130 | </thead> |
220 | > | 131 | <tbody class="tabla-articulo-body"> |
221 | <td ng-bind="key + 1" class="col-auto"></td> | 132 | <tr |
222 | <td class="col" ng-bind="cobro.tipo"></td> | 133 | ng-repeat="(key, factura) in facturaTabla" |
223 | <td class="col" ng-bind="cobro.fecha | date : 'dd/MM/yyyy'"></td> | 134 | class="d-flex" |
224 | <td | 135 | ng-show="show || key == facturaTabla.length - 1" |
225 | class="col" | 136 | > |
226 | ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) | | 137 | <td ng-bind="key + 1" class="col-auto"></td> |
227 | currency: cobranza.moneda.SIMBOLO : 4"></td> | 138 | <td class="col" ng-bind="factura.numeroFactura" |
228 | <td class="text-center col-auto"> | 139 | ></td> |
229 | <button | 140 | <td class="col" ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></td> |
230 | class="btn btn-outline-secondary" | 141 | <td |
231 | ng-click="quitarCobro(key)" | 142 | class="col" |
232 | > | 143 | ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) | |
233 | <i class="fa fa-trash"></i> | 144 | currency: cobranza.moneda.SIMBOLO : 4"></td> |
234 | </button> | 145 | <td class="text-center col-auto"> |
235 | </td> | ||
236 | </tr> | ||
237 | </tbody> | ||
238 | <tfoot> | ||
239 | <tr ng-show="cargando" class="d-flex"> | ||
240 | <td class="col-2"> | ||
241 | <a | ||
242 | class="form-control form-control-sm btn btn-secondary" | ||
243 | ng-click="seleccionarCheque()" | ||
244 | >Cheque</a> | ||
245 | </td> | ||
246 | <td class="col-2"> | ||
247 | <a | ||
248 | class="form-control form-control-sm btn btn-secondary" | ||
249 | ng-click="seleccionarEfectivo()" | ||
250 | >Efectivo</a> | ||
251 | </td> | ||
252 | </tr> | ||
253 | <tr class="d-flex"> | ||
254 | <td class="col-auto px-1"> | ||
255 | <strong>Cobros:</strong> | ||
256 | <a ng-bind="cobrosTabla.length"></a> | ||
257 | </td> | ||
258 | <td class="text-right ml-auto table-celda-total no-border-top"> | ||
259 | <strong>Cancela:</strong> | ||
260 | </td> | ||
261 | <td class="table-celda-total text-right no-border-top"> | ||
262 | <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) | | ||
263 | currency: cobranza.moneda.SIMBOLO}}</strong> | ||
264 | </td> | ||
265 | <td class="text-right ml-auto table-celda-total no-border-top"> | ||
266 | <strong>Total Cobrado:</strong> | ||
267 | </td> | ||
268 | <td class="table-celda-total text-right no-border-top"> | ||
269 | <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) | | ||
270 | currency: cobranza.moneda.SIMBOLO}}</strong> | ||
271 | </td> | ||
272 | <td class="text-right ml-auto table-celda-total no-border-top"> | ||
273 | <strong>DF:</strong> | ||
274 | </td> | ||
275 | <td class="table-celda-total text-right no-border-top mr-1"> | ||
276 | <strong>{{((getTotalCobrado() + getTotalDeuda()) / | ||
277 | cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}} | ||
278 | </strong> | ||
279 | </td> | ||
280 | </tr> | ||
281 | </tfoot> | ||
282 | </table> | ||
283 | </div> | ||
284 | <!-- MOBILE --> | ||
285 | <div class="row d-sm-none mb-5"> | ||
286 | <!-- FACTURAS --> | ||
287 | <table class="table table-sm table-striped table-dark mb-5" ng-show="cobroDeuda"> | ||
288 | <thead> | ||
289 | <tr class="d-flex"> | ||
290 | <th class="">#</th> | ||
291 | <th class="col px-0"> | ||
292 | <div class="d-flex"> | ||
293 | <div class="col-4 px-1">Factura</div> | ||
294 | <div class="col-4 px-1">Fecha</div> | ||
295 | <div class="col-4 px-1">Importe</div> | ||
296 | </div> | ||
297 | </th> | ||
298 | <th class="text-center tamaño-boton"> | ||
299 | | ||
300 | </th> | ||
301 | </tr> | ||
302 | </thead> | ||
303 | <tbody> | ||
304 | <tr | ||
305 | ng-repeat="(key, factura) in facturaTabla" | ||
306 | ng-show="show || key == facturaTabla.length - 1" | ||
307 | > | ||
308 | <td class="w-100 align-middle d-flex p-0"> | ||
309 | <div class="align-middle p-1"> | ||
310 | <span ng-bind="key+1" class="align-middle"></span> | ||
311 | </div> | ||
312 | <div class="col px-0"> | ||
313 | <div class="d-flex"> | ||
314 | <div class="col-4 px-1"> | ||
315 | <span ng-bind="factura.numeroFactura" | ||
316 | ></span> | ||
317 | </div> | ||
318 | <div class="col-4 px-1"> | ||
319 | <span ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></span> | ||
320 | </div> | ||
321 | <div class="col-4 px-1"> | ||
322 | <span | ||
323 | ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) | | ||
324 | currency:cobranza.moneda.SIMBOLO : 4"></span> | ||
325 | </div> | ||
326 | </div> | ||
327 | </div> | ||
328 | <div class="align-middle p-1"> | ||
329 | <button | 146 | <button |
330 | class="btn btn-outline-secondary" | 147 | class="btn btn-outline-secondary" |
331 | ng-click="quitarFactura(key)" | 148 | ng-click="quitarFactura(key)" |
332 | > | 149 | > |
333 | <i class="fa fa-trash"></i> | 150 | <i class="fa fa-trash"></i> |
334 | </button> | 151 | </button> |
335 | </div> | 152 | </td> |
336 | </td> | 153 | </tr> |
337 | </tr> | 154 | </tbody> |
338 | </tbody> | 155 | <tfoot> |
339 | <tfoot> | 156 | <tr ng-show="cargando" class="d-flex"> |
340 | <!-- SELECCIONAR PRODUCTO --> | 157 | <td class="col-2 border-top-0"> |
341 | <tr ng-show="cargando" class="d-flex"> | 158 | <a |
342 | <td class="col-12"> | 159 | class="form-control form-control-sm btn btn-secondary" |
343 | <input | 160 | ng-click="seleccionarFactura()" |
344 | placeholder="Seleccione Factura" | 161 | >Pendientes</a> |
345 | class="form-control form-control-sm" | 162 | </td> |
346 | readonly | 163 | </tr> |
347 | ng-click="seleccionarFactura()" | 164 | <tr class="d-flex"> |
348 | /> | 165 | <td class="col-auto px-1 border-top-0"> |
349 | </td> | 166 | <strong>Comprobantes:</strong> |
350 | </tr> | 167 | <a ng-bind="facturaTabla.length"></a> |
351 | <!-- TOOGLE EXPANDIR --> | 168 | </td> |
352 | <tr> | 169 | <td class="text-right ml-auto table-celda-total no-border-top"> |
353 | <td class="col"> | 170 | <strong>Cancela:</strong> |
354 | <button | 171 | </td> |
355 | class="btn btn-outline-secondary selectable w-100" | 172 | <td class="table-celda-total text-right no-border-top"> |
356 | ng-click="show = !show; masMenos()" | 173 | <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) | |
357 | ng-show="facturaTabla.length > 0" | 174 | currency: cobranza.moneda.SIMBOLO}}</strong> |
358 | > | 175 | </td> |
359 | <i | 176 | <td class="text-right ml-auto table-celda-total no-border-top"> |
360 | class="fa fa-chevron-down" | 177 | <strong>Total Cobrado:</strong> |
361 | ng-hide="show" | 178 | </td> |
362 | aria-hidden="true" | 179 | <td class="table-celda-total text-right no-border-top"> |
180 | <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) | | ||
181 | currency: cobranza.moneda.SIMBOLO}}</strong> | ||
182 | </td> | ||
183 | <td class="text-right ml-auto table-celda-total no-border-top"> | ||
184 | <strong>DF:</strong> | ||
185 | </td> | ||
186 | <td class="table-celda-total text-right no-border-top mr-1"> | ||
187 | <strong>{{((getTotalCobrado() + getTotalDeuda()) / | ||
188 | cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}} | ||
189 | </strong> | ||
190 | </td> | ||
191 | </tr> | ||
192 | </tfoot> | ||
193 | </table> | ||
194 | </div> | ||
195 | <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="!cobroDeuda"> | ||
196 | <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom"> | ||
197 | <thead> | ||
198 | <tr class="d-flex"> | ||
199 | <th class="col-auto">#</th> | ||
200 | <th class="col">Cobro</th> | ||
201 | <th class="col">Fecha</th> | ||
202 | <th class="col">Importe</th> | ||
203 | <th class="col-auto"> | ||
204 | <button | ||
205 | class="btn btn-outline-secondary selectable" | ||
206 | ng-click="show = !show; masMenos()" | ||
363 | > | 207 | > |
364 | </i> | 208 | <i |
365 | <i | 209 | class="fa fa-chevron-down" |
366 | class="fa fa-chevron-up" | 210 | ng-show="show" |
367 | ng-show="show" | 211 | aria-hidden="true" |
368 | aria-hidden="true"> | 212 | > |
369 | </i> | 213 | </i> |
370 | </button> | 214 | <i |
371 | </td> | 215 | class="fa fa-chevron-up" |
372 | </tr> | 216 | ng-hide="show" |
373 | <!-- FOOTER --> | 217 | aria-hidden="true"> |
374 | <tr class="d-flex"> | 218 | </i> |
375 | <td class="align-middle no-border-top" colspan="2"> | 219 | </button> |
376 | <strong>Cantidad Items:</strong> | 220 | </th> |
377 | <a ng-bind="facturaTabla.length"></a> | 221 | </th> |
378 | </td> | 222 | </tr> |
379 | </tr> | 223 | </thead> |
380 | </tfoot> | 224 | <tbody class="tabla-articulo-body"> |
381 | </table> | 225 | <tr |
382 | <!-- COBROS --> | 226 | ng-repeat="(key, cobro) in cobrosTabla" |
383 | <table class="table table-sm table-striped table-dark mb-5" ng-show="!cobroDeuda"> | 227 | class="d-flex" |
384 | <thead> | 228 | ng-show="show || key == cobrosTabla.length - 1" |
385 | <tr class="d-flex"> | 229 | > |
386 | <th class="">#</th> | 230 | <td ng-bind="key + 1" class="col-auto"></td> |
387 | <th class="col px-0"> | 231 | <td class="col" ng-bind="cobro.tipo"></td> |
388 | <div class="d-flex"> | 232 | <td class="col" ng-bind="cobro.fecha | date : 'dd/MM/yyyy'"></td> |
389 | <div class="col-4 px-1">Cobro</div> | 233 | <td |
390 | <div class="col-4 px-1">Fecha</div> | 234 | class="col" |
391 | <div class="col-4 px-1">Importe</div> | 235 | ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) | |
392 | </div> | 236 | currency: cobranza.moneda.SIMBOLO : 4"></td> |
393 | </th> | 237 | <td class="text-center col-auto"> |
394 | <th class="text-center tamaño-boton"> | ||
395 | | ||
396 | </th> | ||
397 | </tr> | ||
398 | </thead> | ||
399 | <tbody> | ||
400 | <tr | ||
401 | ng-repeat="(key, cobro) in cobrosTabla" | ||
402 | ng-show="show || key == cobrosTabla.length - 1" | ||
403 | > | ||
404 | <td class="w-100 align-middle d-flex p-0"> | ||
405 | <div class="align-middle p-1"> | ||
406 | <span ng-bind="key+1" class="align-middle"></span> | ||
407 | </div> | ||
408 | <div class="col px-0"> | ||
409 | <div class="d-flex"> | ||
410 | <div class="col-4 px-1"> | ||
411 | <span ng-bind="cobro.tipo" | ||
412 | ></span> | ||
413 | </div> | ||
414 | <div class="col-4 px-1"> | ||
415 | <span ng-bind="cobro.fecha | date : 'dd/MM/yyyy'"></span> | ||
416 | </div> | ||
417 | <div class="col-4 px-1"> | ||
418 | <span | ||
419 | ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) | | ||
420 | currency: cobranza.moneda.SIMBOLO : 4"></span> | ||
421 | </div> | ||
422 | </div> | ||
423 | </div> | ||
424 | <div class="align-middle p-1"> | ||
425 | <button | 238 | <button |
426 | class="btn btn-outline-secondary" | 239 | class="btn btn-outline-secondary" |
427 | ng-click="quitarCobro(key)" | 240 | ng-click="quitarCobro(key)" |
428 | > | 241 | > |
429 | <i class="fa fa-trash"></i> | 242 | <i class="fa fa-trash"></i> |
430 | </button> | 243 | </button> |
431 | </div> | 244 | </td> |
432 | </td> | 245 | </tr> |
433 | </tr> | 246 | </tbody> |
434 | </tbody> | 247 | <tfoot> |
435 | <tfoot> | 248 | <tr ng-show="cargando" class="d-flex"> |
436 | <!-- SELECCIONAR PRODUCTO --> | 249 | <td class="col-2 border-top-0"> |
437 | <tr ng-show="cargando" class="d-flex"> | 250 | <a |
438 | <td class="col-6"> | 251 | class="form-control form-control-sm btn btn-secondary" |
439 | <input | 252 | ng-click="seleccionarCheque()" |
440 | placeholder="Cheque" | 253 | >Cheque</a> |
441 | class="form-control form-control-sm" | 254 | </td> |
442 | readonly | 255 | <td class="col-2 border-top-0"> |
443 | ng-click="seleccionarCheque()" | 256 | <a |
444 | /> | 257 | class="form-control form-control-sm btn btn-secondary" |
445 | </td> | 258 | ng-click="seleccionarEfectivo()" |
446 | <td class="col-6"> | 259 | >Efectivo</a> |
447 | <input | 260 | </td> |
448 | placeholder="Efectivo" | 261 | </tr> |
449 | class="form-control form-control-sm" | 262 | <tr class="d-flex"> |
450 | readonly | 263 | <td class="col-auto px-1 border-top-0"> |
451 | ng-click="seleccionarEfectivo()" | 264 | <strong>Cobros:</strong> |
452 | /> | 265 | <a ng-bind="cobrosTabla.length"></a> |
453 | </td> | 266 | </td> |
454 | </tr> | 267 | <td class="text-right ml-auto table-celda-total no-border-top"> |
455 | <!-- TOOGLE EXPANDIR --> | 268 | <strong>Cancela:</strong> |
456 | <tr> | 269 | </td> |
457 | <td class="col"> | 270 | <td class="table-celda-total text-right no-border-top"> |
458 | <button | 271 | <strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) | |
459 | class="btn btn-outline-secondary selectable w-100" | 272 | currency: cobranza.moneda.SIMBOLO}}</strong> |
460 | ng-click="show = !show; masMenos()" | 273 | </td> |
461 | ng-show="cobrosTabla.length > 0" | 274 | <td class="text-right ml-auto table-celda-total no-border-top"> |
462 | > | 275 | <strong>Total Cobrado:</strong> |
463 | <i | 276 | </td> |
464 | class="fa fa-chevron-down" | 277 | <td class="table-celda-total text-right no-border-top"> |
465 | ng-hide="show" | 278 | <strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) | |
466 | aria-hidden="true" | 279 | currency: cobranza.moneda.SIMBOLO}}</strong> |
280 | </td> | ||
281 | <td class="text-right ml-auto table-celda-total no-border-top"> | ||
282 | <strong>DF:</strong> | ||
283 | </td> | ||
284 | <td class="table-celda-total text-right no-border-top mr-1"> | ||
285 | <strong>{{((getTotalCobrado() + getTotalDeuda()) / | ||
286 | cobranza.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}} | ||
287 | </strong> | ||
288 | </td> | ||
289 | </tr> | ||
290 | </tfoot> | ||
291 | </table> | ||
292 | </div> | ||
293 | <!-- MOBILE --> | ||
294 | <div class="row d-sm-none mb-5"> | ||
295 | <!-- FACTURAS --> | ||
296 | <table class="table table-sm table-striped table-dark mb-5" ng-show="cobroDeuda"> | ||
297 | <thead> | ||
298 | <tr class="d-flex"> | ||
299 | <th class="">#</th> | ||
300 | <th class="col px-0"> | ||
301 | <div class="d-flex"> | ||
302 | <div class="col-4 px-1">Factura</div> | ||
303 | <div class="col-4 px-1">Fecha</div> | ||
304 | <div class="col-4 px-1">Importe</div> | ||
305 | </div> | ||
306 | </th> | ||
307 | <th class="text-center tamaño-boton"> | ||
308 | | ||
309 | </th> | ||
310 | </tr> | ||
311 | </thead> | ||
312 | <tbody> | ||
313 | <tr | ||
314 | ng-repeat="(key, factura) in facturaTabla" | ||
315 | ng-show="show || key == facturaTabla.length - 1" | ||
316 | > | ||
317 | <td class="w-100 align-middle d-flex p-0"> | ||
318 | <div class="align-middle p-1"> | ||
319 | <span ng-bind="key+1" class="align-middle"></span> | ||
320 | </div> | ||
321 | <div class="col px-0"> | ||
322 | <div class="d-flex"> | ||
323 | <div class="col-4 px-1"> | ||
324 | <span ng-bind="factura.numeroFactura" | ||
325 | ></span> | ||
326 | </div> | ||
327 | <div class="col-4 px-1"> | ||
328 | <span ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></span> | ||
329 | </div> | ||
330 | <div class="col-4 px-1"> | ||
331 | <span |