Commit c09ac249b620b8ed260f4bef986b5765bc325f28

Authored by Pablo Marco del Pont
Exists in master

Merge branch 'master' into 'master'

Master

See merge request modulos-npm/foca-crear-nota-pedido!41
src/js/controller.js
1 angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl', 1 angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
2 [ 2 [
3 '$scope', '$uibModal', '$location', '$filter', 'crearNotaPedidoService', 3 '$scope', '$uibModal', '$location', '$filter', 'crearNotaPedidoService',
4 'focaModalService', 4 'focaModalService',
5 function( 5 function(
6 $scope, $uibModal, $location, $filter, crearNotaPedidoService, focaModalService 6 $scope, $uibModal, $location, $filter, crearNotaPedidoService, focaModalService
7 ) { 7 ) {
8 $scope.botonera = [ 8 $scope.botonera = [
9 {texto: 'Vendedor', accion: function() {$scope.seleccionarVendedor();}}, 9 {texto: 'Vendedor', accion: function() {$scope.seleccionarVendedor();}},
10 {texto: 'Cliente', accion: function() {$scope.seleccionarCliente();}}, 10 {texto: 'Cliente', accion: function() {$scope.seleccionarCliente();}},
11 {texto: 'Proveedor', accion: function() {$scope.seleccionarProveedor();}}, 11 {texto: 'Proveedor', accion: function() {$scope.seleccionarProveedor();}},
12 {texto: 'Moneda', accion: function() {$scope.abrirModalMoneda();}}, 12 {texto: 'Moneda', accion: function() {$scope.abrirModalMoneda();}},
13 { 13 {
14 texto: 'Precios y condiciones', 14 texto: 'Precios y condiciones',
15 accion: function() {$scope.abrirModalListaPrecio();}}, 15 accion: function() {$scope.abrirModalListaPrecio();}},
16 {texto: 'Flete', accion: function() {$scope.abrirModalFlete();}}, 16 {texto: 'Flete', accion: function() {$scope.abrirModalFlete();}},
17 {texto: '', accion: function() {}}, 17 {texto: '', accion: function() {}},
18 {texto: '', accion: function() {}} 18 {texto: '', accion: function() {}}
19 ]; 19 ];
20 $scope.datepickerAbierto = false; 20 $scope.datepickerAbierto = false;
21 21
22 $scope.show = false; 22 $scope.show = false;
23 $scope.cargando = true; 23 $scope.cargando = true;
24 $scope.dateOptions = { 24 $scope.dateOptions = {
25 maxDate: new Date(), 25 maxDate: new Date(),
26 minDate: new Date(2010, 0, 1) 26 minDate: new Date(2010, 0, 1)
27 }; 27 };
28 28
29 $scope.notaPedido = { 29 $scope.notaPedido = {
30 vendedor: {}, 30 vendedor: {},
31 cliente: {}, 31 cliente: {},
32 domicilio: {dom: ''}, 32 domicilio: {dom: ''},
33 moneda: {detalle: ''} 33 moneda: {detalle: ''}
34 }; 34 };
35 35
36 $scope.cabecera = []; 36 $scope.cabecera = [];
37 $scope.showCabecera = true; 37 $scope.showCabecera = true;
38 38
39 $scope.now = new Date(); 39 $scope.now = new Date();
40 $scope.puntoVenta = Math.round(Math.random() * 10000); 40 $scope.puntoVenta = Math.round(Math.random() * 10000);
41 $scope.comprobante = Math.round(Math.random() * 1000000); 41 $scope.comprobante = Math.round(Math.random() * 1000000);
42 42
43 $scope.articulosTabla = []; 43 $scope.articulosTabla = [];
44 var idLista; 44 $scope.idLista = undefined;
45 var notaPedidoTemp = crearNotaPedidoService.getNotaPedido(); 45 var notaPedidoTemp = crearNotaPedidoService.getNotaPedido();
46 crearNotaPedidoService.getPrecioCondicion().then( 46 crearNotaPedidoService.getPrecioCondicion().then(
47 function(res) { 47 function(res) {
48 $scope.precioCondiciones = res.data; 48 $scope.precioCondiciones = res.data;
49 } 49 }
50 ); 50 );
51 if (notaPedidoTemp !== undefined) { 51 if (notaPedidoTemp !== undefined) {
52 notaPedidoTemp.fechaCarga = new Date(notaPedidoTemp.fechaCarga); 52 notaPedidoTemp.fechaCarga = new Date(notaPedidoTemp.fechaCarga);
53 $scope.notaPedido = notaPedidoTemp; 53 $scope.notaPedido = notaPedidoTemp;
54 $scope.notaPedido.flete = ($scope.notaPedido.flete).toString(); 54 $scope.notaPedido.flete = ($scope.notaPedido.flete).toString();
55 $scope.notaPedido.bomba = ($scope.notaPedido.bomba).toString(); 55 $scope.notaPedido.bomba = ($scope.notaPedido.bomba).toString();
56 idLista = $scope.notaPedido.precioCondicion; 56 $scope.idLista = $scope.notaPedido.precioCondicion;
57 crearNotaPedidoService 57 crearNotaPedidoService
58 .getArticulosByIdNotaPedido($scope.notaPedido.id).then( 58 .getArticulosByIdNotaPedido($scope.notaPedido.id).then(
59 function(res) { 59 function(res) {
60 $scope.articulosTabla = res.data; 60 $scope.articulosTabla = res.data;
61 } 61 }
62 ); 62 );
63 //TODO DOMICILIOS QUE SE CARGAN AL EDITAR NOTA DE PEDIDO 63 //TODO DOMICILIOS QUE SE CARGAN AL EDITAR NOTA DE PEDIDO
64 //(NO REQUERIDO EN ESTA VERSION) 64 //(NO REQUERIDO EN ESTA VERSION)
65 // crearNotaPedidoService.getDomiciliosByIdNotaPedido($scope.notaPedido.id).then( 65 // crearNotaPedidoService.getDomiciliosByIdNotaPedido($scope.notaPedido.id).then(
66 // function(res) { 66 // function(res) {
67 // $scope.notaPedido.domicilio = res.data; 67 // $scope.notaPedido.domicilio = res.data;
68 // } 68 // }
69 // ); 69 // );
70 } else { 70 } else {
71 $scope.notaPedido.fechaCarga = new Date(); 71 $scope.notaPedido.fechaCarga = new Date();
72 $scope.notaPedido.bomba = '0'; 72 $scope.notaPedido.bomba = '0';
73 $scope.notaPedido.flete = '0'; 73 $scope.notaPedido.flete = '0';
74 idLista = undefined; 74 $scope.idLista = undefined;
75 } 75 }
76 //TO DO - FUNCIONES PARA MULTIPLES DOMICILIOS NO IMPLEMENTADAS EN ESTA DEMO 76 //TO DO - FUNCIONES PARA MULTIPLES DOMICILIOS NO IMPLEMENTADAS EN ESTA DEMO
77 // $scope.addNewDom = function() { 77 // $scope.addNewDom = function() {
78 // $scope.notaPedido.domicilio.push({ 'id': 0 }); 78 // $scope.notaPedido.domicilio.push({ 'id': 0 });
79 // }; 79 // };
80 // $scope.removeNewChoice = function(choice) { 80 // $scope.removeNewChoice = function(choice) {
81 // if ($scope.notaPedido.domicilio.length > 1) { 81 // if ($scope.notaPedido.domicilio.length > 1) {
82 // $scope.notaPedido.domicilio.splice($scope.notaPedido.domicilio.findIndex( 82 // $scope.notaPedido.domicilio.splice($scope.notaPedido.domicilio.findIndex(
83 // function(c) { 83 // function(c) {
84 // return c.$$hashKey === choice.$$hashKey; 84 // return c.$$hashKey === choice.$$hashKey;
85 // } 85 // }
86 // ), 1); 86 // ), 1);
87 // } 87 // }
88 // }; 88 // };
89 $scope.crearNotaPedido = function() { 89 $scope.crearNotaPedido = function() {
90 if($scope.articulosTabla.length === 0) { 90 if($scope.articulosTabla.length === 0) {
91 focaModalService.alert('Debe cargar almenos un articulo'); 91 focaModalService.alert('Debe cargar almenos un articulo');
92 return; 92 return;
93 } 93 }
94 if($scope.notaPedido.domicilio.id === undefined) { 94 if($scope.notaPedido.domicilio.id === undefined) {
95 $scope.notaPedido.domicilio.id = 0; 95 $scope.notaPedido.domicilio.id = 0;
96 } 96 }
97 var date = new Date(); 97 var date = new Date();
98 var notaPedido = { 98 var notaPedido = {
99 id: 0, 99 id: 0,
100 fechaCarga: new Date(date.getTime() - (date.getTimezoneOffset() * 60000)) 100 fechaCarga: new Date(date.getTime() - (date.getTimezoneOffset() * 60000))
101 .toISOString().slice(0, 19).replace('T', ' '), 101 .toISOString().slice(0, 19).replace('T', ' '),
102 vendedor: $scope.notaPedido.vendedor.nombre, 102 vendedor: $scope.notaPedido.vendedor.nombre,
103 idCliente: $scope.notaPedido.cliente.id, 103 idCliente: $scope.notaPedido.cliente.id,
104 domicilio: $scope.notaPedido.domicilio, 104 domicilio: $scope.notaPedido.domicilio,
105 bomba: $scope.notaPedido.bomba, 105 bomba: $scope.notaPedido.bomba,
106 flete: $scope.notaPedido.flete, 106 flete: $scope.notaPedido.flete,
107 total: $scope.getTotal() 107 total: $scope.getTotal()
108 }; 108 };
109 crearNotaPedidoService.crearNotaPedido(notaPedido).then( 109 crearNotaPedidoService.crearNotaPedido(notaPedido).then(
110 function(data) { 110 function(data) {
111 if($scope.notaPedido.flete === 1) { 111 if($scope.notaPedido.flete === 1) {
112 var flete = { 112 var flete = {
113 idNotaPedido: data.data.id, 113 idNotaPedido: data.data.id,
114 idTransportista: $scope.notaPedido.fleteId, 114 idTransportista: $scope.notaPedido.fleteId,
115 idChofer: $scope.notaPedido.chofer.id, 115 idChofer: $scope.notaPedido.chofer.id,
116 idVehiculo: $scope.notaPedido.vehiculo.id, 116 idVehiculo: $scope.notaPedido.vehiculo.id,
117 kilometros: $scope.notaPedido.kilometros, 117 kilometros: $scope.notaPedido.kilometros,
118 costoKilometro: $scope.notaPedido.costoUnitarioKmFlete 118 costoKilometro: $scope.notaPedido.costoUnitarioKmFlete
119 }; 119 };
120 crearNotaPedidoService.crearFlete(flete); 120 crearNotaPedidoService.crearFlete(flete);
121 } 121 }
122 var articulosNotaPedido = $scope.articulosTabla; 122 var articulosNotaPedido = $scope.articulosTabla;
123 for(var i = 0; i < articulosNotaPedido.length; i++) { 123 for(var i = 0; i < articulosNotaPedido.length; i++) {
124 delete articulosNotaPedido[i].edit; 124 delete articulosNotaPedido[i].editCantidad;
125 delete articulosNotaPedido[i].editPrecio;
125 articulosNotaPedido[i].idNotaPedido = data.data.id; 126 articulosNotaPedido[i].idNotaPedido = data.data.id;
126 crearNotaPedidoService 127 crearNotaPedidoService
127 .crearArticulosParaNotaPedido(articulosNotaPedido[i]); 128 .crearArticulosParaNotaPedido(articulosNotaPedido[i]);
128 } 129 }
129 var plazos = $scope.plazosPagos; 130 var plazos = $scope.plazosPagos;
130 for(var j = 0; j < plazos.length; j++) { 131 for(var j = 0; j < plazos.length; j++) {
131 var json = { 132 var json = {
132 idPedido: data.data.id, 133 idPedido: data.data.id,
133 dias: plazos[j].dias 134 dias: plazos[j].dias
134 }; 135 };
135 crearNotaPedidoService.crearPlazosParaNotaPedido(json); 136 crearNotaPedidoService.crearPlazosParaNotaPedido(json);
136 } 137 }
137 focaModalService.alert('Nota pedido creada'); 138 focaModalService.alert('Nota pedido creada');
138 $scope.limpiarPantalla(); 139 $scope.limpiarPantalla();
139 } 140 }
140 ); 141 );
141 }; 142 };
142 143
143 $scope.seleccionarArticulo = function() { 144 $scope.seleccionarArticulo = function() {
144 if (idLista === undefined) { 145 if ($scope.idLista === undefined) {
145 focaModalService.alert( 146 focaModalService.alert(
146 'Primero seleccione una lista de precio y condicion'); 147 'Primero seleccione una lista de precio y condicion');
147 return; 148 return;
148 } 149 }
149 var modalInstance = $uibModal.open( 150 var modalInstance = $uibModal.open(
150 { 151 {
151 ariaLabelledBy: 'Busqueda de Productos', 152 ariaLabelledBy: 'Busqueda de Productos',
152 templateUrl: 'modal-busqueda-productos.html', 153 templateUrl: 'modal-busqueda-productos.html',
153 controller: 'modalBusquedaProductosCtrl', 154 controller: 'modalBusquedaProductosCtrl',
154 resolve: { idLista: function() { return idLista; } }, 155 resolve: { idLista: function() { return $scope.idLista; } },
155 size: 'lg' 156 size: 'lg'
156 } 157 }
157 ); 158 );
158 modalInstance.result.then( 159 modalInstance.result.then(
159 function(producto) { 160 function(producto) {
160 var newArt = 161 var newArt =
161 { 162 {
162 id: 0, 163 id: 0,
163 codigo: producto.codigo, 164 codigo: producto.codigo,
164 sector: producto.sector, 165 sector: producto.sector,
165 sectorCodigo: producto.sector + '-' + producto.codigo, 166 sectorCodigo: producto.sector + '-' + producto.codigo,
166 descripcion: producto.descripcion, 167 descripcion: producto.descripcion,
167 item: $scope.articulosTabla.length + 1, 168 item: $scope.articulosTabla.length + 1,
168 nombre: producto.descripcion, 169 nombre: producto.descripcion,
169 precio: producto.precio.toFixed(2), 170 precio: parseFloat(producto.precio.toFixed(2)),
170 costoUnitario: producto.costo, 171 costoUnitario: producto.costo,
171 edit: false 172 editCantidad: false,
173 editPrecio: false
172 }; 174 };
173 $scope.articuloACargar = newArt; 175 $scope.articuloACargar = newArt;
174 $scope.cargando = false; 176 $scope.cargando = false;
175 }, function() { 177 }, function() {
176 // funcion ejecutada cuando se cancela el modal 178 // funcion ejecutada cuando se cancela el modal
177 } 179 }
178 ); 180 );
179 }; 181 };
180 182
181 $scope.seleccionarVendedor = function() { 183 $scope.seleccionarVendedor = function() {
182 var modalInstance = $uibModal.open( 184 var modalInstance = $uibModal.open(
183 { 185 {
184 ariaLabelledBy: 'Busqueda de Vendedores', 186 ariaLabelledBy: 'Busqueda de Vendedores',
185 templateUrl: 'modal-vendedores.html', 187 templateUrl: 'modal-vendedores.html',
186 controller: 'modalVendedoresCtrl', 188 controller: 'modalVendedoresCtrl',
187 size: 'lg' 189 size: 'lg'
188 } 190 }
189 ); 191 );
190 modalInstance.result.then( 192 modalInstance.result.then(
191 function(vendedor) { 193 function(vendedor) {
192 addCabecera('Vendedor:', vendedor.NomVen); 194 addCabecera('Vendedor:', vendedor.NomVen);
193 $scope.notaPedido.vendedor.nombre = vendedor.NomVen; 195 $scope.notaPedido.vendedor.nombre = vendedor.NomVen;
194 }, function() { 196 }, function() {
195 197
196 } 198 }
197 ); 199 );
198 }; 200 };
199 201
200 $scope.seleccionarProveedor = function() { 202 $scope.seleccionarProveedor = function() {
201 var modalInstance = $uibModal.open( 203 var modalInstance = $uibModal.open(
202 { 204 {
203 ariaLabelledBy: 'Busqueda de Proveedor', 205 ariaLabelledBy: 'Busqueda de Proveedor',
204 templateUrl: 'modal-proveedor.html', 206 templateUrl: 'modal-proveedor.html',
205 controller: 'focaModalProveedorCtrl', 207 controller: 'focaModalProveedorCtrl',
206 size: 'lg' 208 size: 'lg'
207 } 209 }
208 ); 210 );
209 modalInstance.result.then( 211 modalInstance.result.then(
210 function(proveedor) { 212 function(proveedor) {
211 $scope.notaPedido.proveedor = proveedor.NOM; 213 $scope.notaPedido.proveedor = proveedor.NOM;
212 addCabecera('Proveedor:', proveedor.NOM); 214 addCabecera('Proveedor:', proveedor.NOM);
213 }, function() { 215 }, function() {
214 216
215 } 217 }
216 ); 218 );
217 }; 219 };
218 220
219 $scope.seleccionarCliente = function() { 221 $scope.seleccionarCliente = function() {
220 var modalInstance = $uibModal.open( 222 var modalInstance = $uibModal.open(
221 { 223 {
222 ariaLabelledBy: 'Busqueda de Cliente', 224 ariaLabelledBy: 'Busqueda de Cliente',
223 templateUrl: 'foca-busqueda-cliente-modal.html', 225 templateUrl: 'foca-busqueda-cliente-modal.html',
224 controller: 'focaBusquedaClienteModalController', 226 controller: 'focaBusquedaClienteModalController',
225 size: 'lg' 227 size: 'lg'
226 } 228 }
227 ); 229 );
228 modalInstance.result.then( 230 modalInstance.result.then(
229 function(cliente) { 231 function(cliente) {
230 $scope.notaPedido.cliente.nombre = cliente.nom; 232 $scope.notaPedido.cliente.nombre = cliente.nom;
231 $scope.notaPedido.cliente.id = cliente.cod; 233 $scope.notaPedido.cliente.id = cliente.cod;
232 crearNotaPedidoService.getDomiciliosByIdCliente(cliente.cod).then( 234 crearNotaPedidoService.getDomiciliosByIdCliente(cliente.cod).then(
233 function(data) { 235 function(data) {
234 if(data.data.length === 0){ 236 if(data.data.length === 0){
235 focaModalService 237 focaModalService
236 .alert('El cliente no tienen domicilios de entrega') 238 .alert('El cliente no tienen domicilios de entrega')
237 .then( 239 .then(
238 function() { 240 function() {
239 $scope.seleccionarCliente(); 241 $scope.seleccionarCliente();
240 $scope.notaPedido.cliente = {nombre: ''}; 242 $scope.notaPedido.cliente = {nombre: ''};
241 } 243 }
242 ); 244 );
243 return; 245 return;
244 } 246 }
245 var modalInstanceDomicilio = $uibModal.open( 247 var modalInstanceDomicilio = $uibModal.open(
246 { 248 {
247 ariaLabelledBy: 'Busqueda de Domicilios', 249 ariaLabelledBy: 'Busqueda de Domicilios',
248 templateUrl: 'modal-domicilio.html', 250 templateUrl: 'modal-domicilio.html',
249 controller: 'focaModalDomicilioController', 251 controller: 'focaModalDomicilioController',
250 resolve: { idCliente: function() { return cliente.cod; }}, 252 resolve: { idCliente: function() { return cliente.cod; }},
251 size: 'lg', 253 size: 'lg',
252 backdrop: 'static', 254 backdrop: 'static',
253 } 255 }
254 ); 256 );
255 modalInstanceDomicilio.result.then( 257 modalInstanceDomicilio.result.then(
256 function(domicilio) { 258 function(domicilio) {
257 focaModalService.alert('Domicilio elegido' + domicilio.dom); 259 focaModalService.alert('Domicilio elegido' + domicilio.dom);
258 }, function() { 260 }, function() {
259 $scope.notaPedido.cliente.nombre = ''; 261 $scope.notaPedido.cliente.nombre = '';
260 $scope.notaPedido.cliente.id = ''; 262 $scope.notaPedido.cliente.id = '';
261 removeCabecera('Cliente:'); 263 removeCabecera('Cliente:');
262 $scope.seleccionarCliente(); 264 $scope.seleccionarCliente();
263 return; 265 return;
264 } 266 }
265 ); 267 );
266 } 268 }
267 ); 269 );
268 addCabecera('Cliente:', cliente.nom); 270 addCabecera('Cliente:', cliente.nom);
269 }, function() { 271 }, function() {
270 272
271 } 273 }
272 ); 274 );
273 }; 275 };
274 276
275 $scope.mostrarFichaCliente = function() { 277 $scope.mostrarFichaCliente = function() {
276 $uibModal.open( 278 $uibModal.open(
277 { 279 {
278 ariaLabelledBy: 'Datos del Cliente', 280 ariaLabelledBy: 'Datos del Cliente',
279 templateUrl: 'foca-crear-nota-pedido-ficha-cliente.html', 281 templateUrl: 'foca-crear-nota-pedido-ficha-cliente.html',
280 controller: 'focaCrearNotaPedidoFichaClienteController', 282 controller: 'focaCrearNotaPedidoFichaClienteController',
281 size: 'lg' 283 size: 'lg'
282 } 284 }
283 ); 285 );
284 }; 286 };
285 287
286 $scope.getTotal = function() { 288 $scope.getTotal = function() {
287 var total = 0; 289 var total = 0;
288 var arrayTempArticulos = $scope.articulosTabla; 290 var arrayTempArticulos = $scope.articulosTabla;
289 for (var i = 0; i < arrayTempArticulos.length; i++) { 291 for (var i = 0; i < arrayTempArticulos.length; i++) {
290 total += arrayTempArticulos[i].precio * arrayTempArticulos[i].cantidad; 292 total += arrayTempArticulos[i].precio * arrayTempArticulos[i].cantidad;
291 } 293 }
292 return total.toFixed(2); 294 return total.toFixed(2);
293 }; 295 };
294 296
295 $scope.getSubTotal = function() { 297 $scope.getSubTotal = function() {
296 if($scope.articuloACargar) { 298 if($scope.articuloACargar) {
297 return $scope.articuloACargar.precio * $scope.articuloACargar.cantidad; 299 return $scope.articuloACargar.precio * $scope.articuloACargar.cantidad;
298 } 300 }
299 }; 301 };
300 302
301 $scope.abrirModalListaPrecio = function() { 303 $scope.abrirModalListaPrecio = function() {
302 var modalInstance = $uibModal.open( 304 var modalInstance = $uibModal.open(
303 { 305 {
304 ariaLabelledBy: 'Busqueda de Precio Condición', 306 ariaLabelledBy: 'Busqueda de Precio Condición',
305 templateUrl: 'modal-precio-condicion.html', 307 templateUrl: 'modal-precio-condicion.html',
306 controller: 'focaModalPrecioCondicionController', 308 controller: 'focaModalPrecioCondicionController',
307 size: 'lg' 309 size: 'lg'
308 } 310 }
309 ); 311 );
310 modalInstance.result.then( 312 modalInstance.result.then(
311 function(precioCondicion) { 313 function(precioCondicion) {
312 var cabecera = ''; 314 var cabecera = '';
313 var plazosConcat = ''; 315 var plazosConcat = '';
314 if(!Array.isArray(precioCondicion)) { 316 if(!Array.isArray(precioCondicion)) {
315 $scope.plazosPagos = precioCondicion.plazoPago; 317 $scope.plazosPagos = precioCondicion.plazoPago;
316 idLista = precioCondicion.idListaPrecio; 318 $scope.idLista = precioCondicion.idListaPrecio;
317 for(var i = 0; i < precioCondicion.plazoPago.length; i++) { 319 for(var i = 0; i < precioCondicion.plazoPago.length; i++) {
318 plazosConcat += precioCondicion.plazoPago[i].dias + ' '; 320 plazosConcat += precioCondicion.plazoPago[i].dias + ' ';
319 } 321 }
320 cabecera = precioCondicion.nombre + ' ' + plazosConcat.trim(); 322 cabecera = precioCondicion.nombre + ' ' + plazosConcat.trim();
321 } else { //Cuando se ingresan los plazos manualmente 323 } else { //Cuando se ingresan los plazos manualmente
322 idLista = -1; //-1, el modal productos busca todos los productos 324 $scope.idLista = -1; //-1, el modal productos busca todos los productos
323 $scope.plazosPagos = precioCondicion; 325 $scope.plazosPagos = precioCondicion;
324 for(var j = 0; j < precioCondicion.length; j++) { 326 for(var j = 0; j < precioCondicion.length; j++) {
325 plazosConcat += precioCondicion[j].dias + ' '; 327 plazosConcat += precioCondicion[j].dias + ' ';
326 } 328 }
327 cabecera = 'Ingreso manual ' + plazosConcat.trim(); 329 cabecera = 'Ingreso manual ' + plazosConcat.trim();
328 } 330 }
329 $scope.articulosTabla = []; 331 $scope.articulosTabla = [];
330 addCabecera('Precios y condiciones:', cabecera); 332 addCabecera('Precios y condiciones:', cabecera);
331 }, function() { 333 }, function() {
332 334
333 } 335 }
334 ); 336 );
335 }; 337 };
336 338
337 $scope.abrirModalFlete = function() { 339 $scope.abrirModalFlete = function() {
338 var modalInstance = $uibModal.open( 340 var modalInstance = $uibModal.open(
339 { 341 {
340 ariaLabelledBy: 'Busqueda de Flete', 342 ariaLabelledBy: 'Busqueda de Flete',
341 templateUrl: 'modal-flete.html', 343 templateUrl: 'modal-flete.html',
342 controller: 'focaModalFleteController', 344 controller: 'focaModalFleteController',
343 size: 'lg', 345 size: 'lg',
344 resolve: { 346 resolve: {
345 parametrosFlete: 347 parametrosFlete:
346 function() { 348 function() {
347 return { 349 return {
348 flete: $scope.notaPedido.flete, 350 flete: $scope.notaPedido.flete,
349 bomba: $scope.notaPedido.bomba, 351 bomba: $scope.notaPedido.bomba,
350 kilometros: $scope.notaPedido.kilometros 352 kilometros: $scope.notaPedido.kilometros
351 }; 353 };
352 } 354 }
353 } 355 }
354 } 356 }
355 ); 357 );
356 modalInstance.result.then( 358 modalInstance.result.then(
357 function(datos) { 359 function(datos) {
358 $scope.notaPedido.flete = datos.flete; 360 $scope.notaPedido.flete = datos.flete;
359 $scope.notaPedido.bomba = datos.bomba; 361 $scope.notaPedido.bomba = datos.bomba;
360 $scope.notaPedido.kilometros = datos.kilometros; 362 $scope.notaPedido.kilometros = datos.kilometros;
361 363
362 addCabecera('Flete:', datos.flete); 364 addCabecera('Flete:', datos.flete);
363 if(datos.flete === 'si') { 365 if(datos.flete === 'si') {
364 addCabecera('Bomba:', datos.bomba); 366 addCabecera('Bomba:', datos.bomba);
365 addCabecera('Kilometros:', datos.kilometros); 367 addCabecera('Kilometros:', datos.kilometros);
366 } else { 368 } else {
367 removeCabecera('Bomba:'); 369 removeCabecera('Bomba:');
368 removeCabecera('Kilometros:'); 370 removeCabecera('Kilometros:');
369 } 371 }
370 }, function() { 372 }, function() {
371 373
372 } 374 }
373 ); 375 );
374 }; 376 };
375 377
376 $scope.abrirModalMoneda = function() { 378 $scope.abrirModalMoneda = function() {
377 var modalInstance = $uibModal.open( 379 var modalInstance = $uibModal.open(
378 { 380 {
379 ariaLabelledBy: 'Busqueda de Moneda', 381 ariaLabelledBy: 'Busqueda de Moneda',
380 templateUrl: 'modal-moneda.html', 382 templateUrl: 'modal-moneda.html',
381 controller: 'focaModalMonedaController', 383 controller: 'focaModalMonedaController',
382 size: 'lg' 384 size: 'lg'
383 } 385 }
384 ); 386 );
385 modalInstance.result.then( 387 modalInstance.result.then(
386 function(moneda) { 388 function(moneda) {
387 $scope.notaPedido.moneda = { 389 $scope.notaPedido.moneda = {
388 id: moneda.ID, 390 id: moneda.ID,
389 detalle: moneda.DETALLE, 391 detalle: moneda.DETALLE,
390 simbolo: moneda.SIMBOLO 392 simbolo: moneda.SIMBOLO
391 }; 393 };
392 394
393 addCabecera('Moneda:', moneda.DETALLE); 395 addCabecera('Moneda:', moneda.DETALLE);
394 $scope.abrirModalCotizacion(moneda.ID); 396 $scope.abrirModalCotizacion(moneda.ID);
395 }, function() { 397 }, function() {
396 398
397 } 399 }
398 ); 400 );
399 }; 401 };
400 402
401 $scope.abrirModalCotizacion = function(idMoneda) { 403 $scope.abrirModalCotizacion = function(idMoneda) {
402 var modalInstance = $uibModal.open( 404 var modalInstance = $uibModal.open(
403 { 405 {
404 ariaLabelledBy: 'Busqueda de Cotización', 406 ariaLabelledBy: 'Busqueda de Cotización',
405 templateUrl: 'modal-cotizacion.html', 407 templateUrl: 'modal-cotizacion.html',
406 controller: 'focaModalCotizacionController', 408 controller: 'focaModalCotizacionController',
407 size: 'lg', 409 size: 'lg',
408 resolve: {idMoneda: function() {return idMoneda;}} 410 resolve: {idMoneda: function() {return idMoneda;}}
409 } 411 }
410 ); 412 );
411 modalInstance.result.then( 413 modalInstance.result.then(
412 function(cotizacion) { 414 function(cotizacion) {
413 $scope.notaPedido.cotizacion = { 415 $scope.notaPedido.cotizacion = {
414 id: cotizacion.ID, 416 id: cotizacion.ID,
415 cotizacion: cotizacion.COTIZACION 417 cotizacion: cotizacion.COTIZACION
416 }; 418 };
417 419
418 addCabecera( 420 addCabecera(
419 'Fecha cotizacion:', 421 'Fecha cotizacion:',
420 $filter('date')(cotizacion.FECHA, 'dd/MM/yyyy') 422 $filter('date')(cotizacion.FECHA, 'dd/MM/yyyy')
421 ); 423 );
422 addCabecera('Cotizacion:', cotizacion.COTIZACION); 424 addCabecera('Cotizacion:', cotizacion.COTIZACION);
423 }, function() { 425 }, function() {
424 426
425 } 427 }
426 ); 428 );
427 }; 429 };
428 430
429 $scope.agregarATabla = function(key) { 431 $scope.agregarATabla = function(key) {
430 if(key === 13) { 432 if(key === 13) {
431 if($scope.articuloACargar.cantidad === undefined || 433 if($scope.articuloACargar.cantidad === undefined ||
432 $scope.articuloACargar.cantidad === 0 || 434 $scope.articuloACargar.cantidad === 0 ||
433 $scope.articuloACargar.cantidad === null ){ 435 $scope.articuloACargar.cantidad === null ){
434 focaModalService.alert('El valor debe ser al menos 1'); 436 focaModalService.alert('El valor debe ser al menos 1');
435 return; 437 return;
436 } 438 }
437 delete $scope.articuloACargar.sectorCodigo; 439 delete $scope.articuloACargar.sectorCodigo;
438 $scope.articulosTabla.push($scope.articuloACargar); 440 $scope.articulosTabla.push($scope.articuloACargar);
439 $scope.cargando = true; 441 $scope.cargando = true;
440 } 442 }
441 }; 443 };
442 444
443 $scope.quitarArticulo = function(key) { 445 $scope.quitarArticulo = function(key) {
444 $scope.articulosTabla.splice(key, 1); 446 $scope.articulosTabla.splice(key, 1);
445 }; 447 };
446 448
447 $scope.editarArticulo = function(key, articulo) { 449 $scope.editarArticulo = function(key, articulo) {
448 if(key === 13) { 450 if(key === 13) {
449 if(articulo.cantidad === null || articulo.cantidad === 0 || 451 if(articulo.cantidad === null || articulo.cantidad === 0 ||
450 articulo.cantidad === undefined){ 452 articulo.cantidad === undefined){
451 focaModalService.alert('El valor debe ser al menos 1'); 453 focaModalService.alert('El valor debe ser al menos 1');
452 return; 454 return;
453 } 455 }
454 articulo.edit = false; 456 articulo.editCantidad = false;
457 articulo.editPrecio = false;
455 } 458 }
456 }; 459 };
457 460
458 $scope.cambioEdit = function(articulo) { 461 $scope.cambioEdit = function(articulo, propiedad) {
459 articulo.edit = true; 462 if(propiedad === 'cantidad') {
463 articulo.editCantidad = true;
464 } else if(propiedad === 'precio') {
465 articulo.editPrecio = true;
466 }
460 }; 467 };
461 468
462 $scope.limpiarFlete = function() { 469 $scope.limpiarFlete = function() {
463 $scope.notaPedido.fleteNombre = ''; 470 $scope.notaPedido.fleteNombre = '';
464 $scope.notaPedido.chofer = ''; 471 $scope.notaPedido.chofer = '';
465 $scope.notaPedido.vehiculo = ''; 472 $scope.notaPedido.vehiculo = '';
466 $scope.notaPedido.kilometros = ''; 473 $scope.notaPedido.kilometros = '';
467 $scope.notaPedido.costoUnitarioKmFlete = ''; 474 $scope.notaPedido.costoUnitarioKmFlete = '';
468 $scope.choferes = ''; 475 $scope.choferes = '';
469 $scope.vehiculos = ''; 476 $scope.vehiculos = '';
470 }; 477 };
471 478
472 $scope.limpiarPantalla = function() { 479 $scope.limpiarPantalla = function() {
473 $scope.limpiarFlete(); 480 $scope.limpiarFlete();
474 $scope.notaPedido.flete = '0'; 481 $scope.notaPedido.flete = '0';
475 $scope.notaPedido.bomba = '0'; 482 $scope.notaPedido.bomba = '0';
476 $scope.notaPedido.precioCondicion = ''; 483 $scope.notaPedido.precioCondicion = '';
477 $scope.articulosTabla = []; 484 $scope.articulosTabla = [];
478 $scope.notaPedido.vendedor.nombre = ''; 485 $scope.notaPedido.vendedor.nombre = '';
479 $scope.notaPedido.cliente = {nombre: ''}; 486 $scope.notaPedido.cliente = {nombre: ''};
480 $scope.notaPedido.domicilio = {dom: ''}; 487 $scope.notaPedido.domicilio = {dom: ''};
481 $scope.domiciliosCliente = []; 488 $scope.domiciliosCliente = [];
482 }; 489 };
483 490
484 $scope.resetFilter = function() { 491 $scope.resetFilter = function() {
485 $scope.articuloACargar = {}; 492 $scope.articuloACargar = {};
486 $scope.cargando = true; 493 $scope.cargando = true;
487 }; 494 };
488 495
489 $scope.selectFocus = function($event) { 496 $scope.selectFocus = function($event) {
490 $event.target.select(); 497 $event.target.select();
491 }; 498 };
492 499
493 $scope.salir = function() { 500 $scope.salir = function() {
494 $location.path('/'); 501 $location.path('/');
495 }; 502 };
496 503
497 function addCabecera(label, valor) { 504 function addCabecera(label, valor) {
498 var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); 505 var propiedad = $filter('filter')($scope.cabecera, {label: label}, true);
499 if(propiedad.length === 1) { 506 if(propiedad.length === 1) {
500 propiedad[0].valor = valor; 507 propiedad[0].valor = valor;
501 } else { 508 } else {
502 $scope.cabecera.push({label: label, valor: valor}); 509 $scope.cabecera.push({label: label, valor: valor});
503 } 510 }
504 } 511 }
505 512
506 function removeCabecera(label) { 513 function removeCabecera(label) {
507 var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); 514 var propiedad = $filter('filter')($scope.cabecera, {label: label}, true);
508 if(propiedad.length === 1){ 515 if(propiedad.length === 1){
509 $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1); 516 $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1);
510 } 517 }
511 } 518 }
512 } 519 }
513 ] 520 ]
514 ) 521 )
515 .controller('notaPedidoListaCtrl', [ 522 .controller('notaPedidoListaCtrl', [
516 '$scope', 523 '$scope',
517 'crearNotaPedidoService', 524 'crearNotaPedidoService',
518 '$location', 525 '$location',
519 function($scope, crearNotaPedidoService, $location) { 526 function($scope, crearNotaPedidoService, $location) {
520 crearNotaPedidoService.obtenerNotaPedido().then(function(datos) { 527 crearNotaPedidoService.obtenerNotaPedido().then(function(datos) {
521 $scope.notaPedidos = datos.data; 528 $scope.notaPedidos = datos.data;
522 }); 529 });
523 $scope.editar = function(notaPedido) { 530 $scope.editar = function(notaPedido) {
524 crearNotaPedidoService.setNotaPedido(notaPedido); 531 crearNotaPedidoService.setNotaPedido(notaPedido);
525 $location.path('/venta-nota-pedido/abm/'); 532 $location.path('/venta-nota-pedido/abm/');
526 }; 533 };
527 $scope.crearPedido = function() { 534 $scope.crearPedido = function() {
528 crearNotaPedidoService.clearNotaPedido(); 535 crearNotaPedidoService.clearNotaPedido();
529 $location.path('/venta-nota-pedido/abm/'); 536 $location.path('/venta-nota-pedido/abm/');
530 }; 537 };
531 } 538 }
532 ]) 539 ])
533 .controller('focaCrearNotaPedidoFichaClienteController', [ 540 .controller('focaCrearNotaPedidoFichaClienteController', [
534 '$scope', 541 '$scope',
535 'crearNotaPedidoService', 542 'crearNotaPedidoService',
536 '$location', 543 '$location',
537 function($scope, crearNotaPedidoService, $location) { 544 function($scope, crearNotaPedidoService, $location) {
538 crearNotaPedidoService.obtenerNotaPedido().then(function(datos) { 545 crearNotaPedidoService.obtenerNotaPedido().then(function(datos) {
539 $scope.notaPedidos = datos.data; 546 $scope.notaPedidos = datos.data;
540 }); 547 });
541 $scope.editar = function(notaPedido) { 548 $scope.editar = function(notaPedido) {
542 crearNotaPedidoService.setNotaPedido(notaPedido); 549 crearNotaPedidoService.setNotaPedido(notaPedido);
543 $location.path('/venta-nota-pedido/abm/'); 550 $location.path('/venta-nota-pedido/abm/');
544 }; 551 };
545 $scope.crearPedido = function() { 552 $scope.crearPedido = function() {
546 crearNotaPedidoService.clearNotaPedido(); 553 crearNotaPedidoService.clearNotaPedido();
547 $location.path('/venta-nota-pedido/abm/'); 554 $location.path('/venta-nota-pedido/abm/');
548 }; 555 };
549 } 556 }
550 ]); 557 ]);
551 558
src/views/nota-pedido.html
1 <div class="crear-nota-pedido"> 1 <div class="crear-nota-pedido">
2 <form name="formCrearNota" ng-submit="crearNotaPedido()" class="mb-0"> 2 <form name="formCrearNota" ng-submit="crearNotaPedido()" class="mb-0">
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 offset-md-1 col-lg-8 offset-lg-2">
5 <div class="row p-1 panel-informativo"> 5 <div class="row p-1 panel-informativo">
6 <div class="col-12"> 6 <div class="col-12">
7 <div class="row"> 7 <div class="row">
8 <div class="col-12 col-sm-4 nota-pedido"> 8 <div class="col-12 col-sm-4 nota-pedido">
9 <h5>NOTA DE PEDIDO</h5> 9 <h5>NOTA DE PEDIDO</h5>
10 </div> 10 </div>
11 <div class="col-6 col-sm-4 numero-pedido">Nº {{puntoVenta}}-{{comprobante}}</div> 11 <div class="col-6 col-sm-4 numero-pedido">Nº {{puntoVenta}}-{{comprobante}}</div>
12 <div class="col-6 col-sm-4 text-right crear-nota-pedido-fecha"> 12 <div class="col-6 col-sm-4 text-right crear-nota-pedido-fecha">
13 Fecha: 13 Fecha:
14 <span 14 <span
15 ng-show="!datepickerAbierto" 15 ng-show="!datepickerAbierto"
16 ng-bind="now | date:'dd/MM/yyyy HH:mm'" 16 ng-bind="now | date:'dd/MM/yyyy HH:mm'"
17 ng-click="datepickerAbierto = true" 17 ng-click="datepickerAbierto = true"
18 > 18 >
19 </span> 19 </span>
20 <input 20 <input
21 ng-show="datepickerAbierto" 21 ng-show="datepickerAbierto"
22 type="date" 22 type="date"
23 ng-model="now" 23 ng-model="now"
24 ng-change="datepickerAbierto = false" 24 ng-change="datepickerAbierto = false"
25 ng-blur="datepickerAbierto = false" 25 ng-blur="datepickerAbierto = false"
26 class="form-control form-control-sm col-8 float-right" 26 class="form-control form-control-sm col-8 float-right"
27 foca-focus="datepickerAbierto" 27 foca-focus="datepickerAbierto"
28 hasta-hoy 28 hasta-hoy
29 /> 29 />
30 </div> 30 </div>
31 </div> 31 </div>
32 <div class="row"> 32 <div class="row">
33 <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> 33 <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
34 <span class="label" ng-bind="cab.label"></span> 34 <span class="label" ng-bind="cab.label"></span>
35 <span class="valor" ng-bind="cab.valor"></span> 35 <span class="valor" ng-bind="cab.valor"></span>
36 </div> 36 </div>
37 <a 37 <a
38 class="btn col-12 btn-secondary d-sm-none" 38 class="btn col-12 btn-secondary d-sm-none"
39 ng-show="cabecera.length > 0" 39 ng-show="cabecera.length > 0"
40 ng-click="showCabecera = !showCabecera" 40 ng-click="showCabecera = !showCabecera"
41 > 41 >
42 <i 42 <i
43 class="fa fa-chevron-down" 43 class="fa fa-chevron-down"
44 ng-hide="showCabecera" 44 ng-hide="showCabecera"
45 aria-hidden="true" 45 aria-hidden="true"
46 > 46 >
47 </i> 47 </i>
48 <i 48 <i
49 class="fa fa-chevron-up" 49 class="fa fa-chevron-up"
50 ng-show="showCabecera" 50 ng-show="showCabecera"
51 aria-hidden="true"> 51 aria-hidden="true">
52 </i> 52 </i>
53 </a> 53 </a>
54 </div> 54 </div>
55 </div> 55 </div>
56 </div> 56 </div>
57 <div class="row p-1 botonera-secundaria"> 57 <div class="row p-1 botonera-secundaria">
58 <div class="col-12"> 58 <div class="col-12">
59 <div class="row"> 59 <div class="row">
60 <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera"> 60 <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
61 <button 61 <button
62 type="button" 62 type="button"
63 class="btn btn-default btn-block btn-xs text-left py-2" 63 class="btn btn-default btn-block btn-xs text-left py-2"
64 ng-click="boton.accion()" 64 ng-click="boton.accion()"
65 ng-class="{'d-none d-sm-block': boton.texto == ''}" 65 ng-class="{'d-none d-sm-block': boton.texto == ''}"
66 > 66 >
67 <i 67 <i
68 class="fa fa-arrow-circle-right" 68 class="fa fa-arrow-circle-right"
69 ng-show="boton.texto != ''" 69 ng-show="boton.texto != ''"
70 ></i> 70 ></i>
71 &nbsp; 71 &nbsp;
72 {{boton.texto}} 72 {{boton.texto}}
73 </button> 73 </button>
74 </div> 74 </div>
75 </div> 75 </div>
76 </div> 76 </div>
77 </div> 77 </div>
78 </div> 78 </div>
79 </div> 79 </div>
80 </form> 80 </form>
81 <div class="row"> 81 <div class="row">
82 <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2"> 82 <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
83 <!-- PC --> 83 <!-- PC -->
84 <div class="row grilla-articulo align-items-end"> 84 <div class="row grilla-articulo align-items-end">
85 <table class="table tabla-articulo table-striped table-sm table-dark mb-0"> 85 <table class="table tabla-articulo table-striped table-sm table-dark mb-0">
86 <thead> 86 <thead>
87 <tr class="d-flex"> 87 <tr class="d-flex">
88 <th class="">#</th> 88 <th class="">#</th>
89 <th class="col">Código</th> 89 <th class="col">Código</th>
90 <th class="col-4">Descripción</th> 90 <th class="col-4">Descripción</th>
91 <th class="col text-right">Cantidad</th> 91 <th class="col text-right">Cantidad</th>
92 <th class="col text-right">Precio Unitario</th> 92 <th class="col text-right">Precio Unitario</th>
93 <th class="col text-right">SubTotal</th> 93 <th class="col text-right">SubTotal</th>
94 <th class="text-right"> 94 <th class="text-right">
95 <button 95 <button
96 class="btn btn-outline-secondary selectable" 96 class="btn btn-outline-secondary selectable"
97 ng-click="show = !show; masMenos()" 97 ng-click="show = !show; masMenos()"
98 > 98 >
99 <i 99 <i
100 class="fa fa-chevron-down" 100 class="fa fa-chevron-down"
101 ng-show="show" 101 ng-show="show"
102 aria-hidden="true" 102 aria-hidden="true"
103 > 103 >
104 </i> 104 </i>
105 <i 105 <i
106 class="fa fa-chevron-up" 106 class="fa fa-chevron-up"
107 ng-hide="show" 107 ng-hide="show"
108 aria-hidden="true"> 108 aria-hidden="true">
109 </i> 109 </i>
110 </button> 110 </button>
111 </th> 111 </th>
112 </tr> 112 </tr>
113 </thead> 113 </thead>
114 <tbody class="tabla-articulo-body"> 114 <tbody class="tabla-articulo-body">
115 <tr 115 <tr
116 ng-repeat="(key, articulo) in articulosTabla" 116 ng-repeat="(key, articulo) in articulosTabla"
117 ng-show="show || key == (articulosTabla.length - 1)" 117 ng-show="show || key == (articulosTabla.length - 1)"
118 class="d-flex" 118 class="d-flex"
119 > 119 >
120 <td ng-bind="key + 1"></td> 120 <td ng-bind="key + 1"></td>
121 <td 121 <td
122 class="col" 122 class="col"
123 ng-bind="articulo.sector + '-' + articulo.codigo" 123 ng-bind="articulo.sector + '-' + articulo.codigo"
124 ></td> 124 ></td>
125 <td 125 <td
126 class="col-4" 126 class="col-4"
127 ng-bind="articulo.descripcion" 127 ng-bind="articulo.descripcion"
128 ></td> 128 ></td>
129 <td class="col text-right"> 129 <td class="col text-right">
130 <input 130 <input
131 ng-show="articulo.edit" 131 ng-show="articulo.editCantidad"
132 ng-model="articulo.cantidad" 132 ng-model="articulo.cantidad"
133 class="form-control" 133 class="form-control"
134 type="number" 134 type="number"
135 min="1" 135 min="1"
136 foca-focus="articulo.edit" 136 foca-focus="articulo.editCantidad"
137 ng-keypress="editarArticulo($event.keyCode, articulo)" 137 ng-keypress="editarArticulo($event.keyCode, articulo)"
138 ng-focus="selectFocus($event)" 138 ng-focus="selectFocus($event)"
139 > 139 >
140 <i 140 <i
141 class="selectable" 141 class="selectable"
142 ng-click="cambioEdit(articulo)" 142 ng-click="cambioEdit(articulo, 'cantidad')"
143 ng-hide="articulo.edit" 143 ng-hide="articulo.editCantidad"
144 ng-bind="articulo.cantidad"> 144 ng-bind="articulo.cantidad">
145 </i> 145 </i>
146 </td> 146 </td>
147 <td 147 <td class="col text-right">
148 class="col text-right" 148 <input
149 ng-bind="articulo.precio | currency: '$'" 149 ng-show="articulo.editPrecio"
150 ></td> 150 ng-model="articulo.precio"
151 class="form-control"
152 type="number"
153 min="1"
154 step="0.01"
155 foca-focus="articulo.editPrecio"
156 ng-keypress="editarArticulo($event.keyCode, articulo)"
157 ng-focus="selectFocus($event)"
158 >
159 <i
160 class="selectable"
161 ng-click="cambioEdit(articulo, 'precio')"
162 ng-hide="articulo.editPrecio"
163 ng-bind="articulo.precio">
164 </i>
165 </td>
151 <td 166 <td
152 class="col text-right" 167 class="col text-right"
153 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'"> 168 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">
154 </td> 169 </td>
155 <td class="text-center"> 170 <td class="text-center">
156 <button 171 <button
157 class="btn btn-outline-secondary" 172 class="btn btn-outline-secondary"
158 ng-click="quitarArticulo(key)" 173 ng-click="quitarArticulo(key)"
159 > 174 >
160 <i class="fa fa-trash"></i> 175 <i class="fa fa-trash"></i>
161 </button> 176 </button>
162 </td> 177 </td>
163 </tr> 178 </tr>
164 </tbody> 179 </tbody>
165 <tfoot> 180 <tfoot>
166 <tr ng-show="!cargando" class="d-flex"> 181 <tr ng-show="!cargando" class="d-flex">
167 <td 182 <td
168 class="align-middle" 183 class="align-middle"
169 ng-bind="articulosTabla.length + 1" 184 ng-bind="articulosTabla.length + 1"
170 ></td> 185 ></td>
171 <td class="col"> 186 <td class="col">
172 <input 187 <input
173 class="form-control" 188 class="form-control"
174 ng-model="articuloACargar.sectorCodigo" 189 ng-model="articuloACargar.sectorCodigo"
175 readonly 190 readonly
176 > 191 >
177 </td> 192 </td>
178 <td class="col-4 tabla-articulo-descripcion"> 193 <td class="col-4 tabla-articulo-descripcion">
179 <input 194 <input
180 class="form-control" 195 class="form-control"
181 ng-model="articuloACargar.descripcion" 196 ng-model="articuloACargar.descripcion"
182 readonly 197 readonly
183 > 198 >
184 </td> 199 </td>
185 <td class="col text-right"> 200 <td class="col text-right">
186 <input 201 <input
187 class="form-control" 202 class="form-control"
188 type="number" 203 type="number"
189 min="1" 204 min="1"
190 ng-model="articuloACargar.cantidad" 205 ng-model="articuloACargar.cantidad"
191 foca-focus="!cargando" 206 foca-focus="!cargando"
192 esc-key="resetFilter()" 207 esc-key="resetFilter()"
193 ng-keypress="agregarATabla($event.keyCode)" 208 ng-keypress="agregarATabla($event.keyCode)"
194 > 209 >
195 </td> 210 </td>
196 <td class="col text-right"> 211 <td class="col text-right">
197 <input 212 <input
198 class="form-control" 213 class="form-control"
199 ng-value="articuloACargar.precio | currency: '$'" 214 ng-value="articuloACargar.precio | currency: '$'"
215 ng-show="idLista != -1"
200 readonly 216 readonly
201 > 217 >
218 <input
219 class="form-control"
220 type="number"
221 step="0.01"
222 ng-model="articuloACargar.precio"
223 esc-key="resetFilter()"
224 ng-keypress="agregarATabla($event.keyCode)"
225 ng-show="idLista == -1"
226 >
202 </td> 227 </td>
203 <td class="col text-right"> 228 <td class="col text-right">
204 <input 229 <input
205 class="form-control" 230 class="form-control"
206 ng-value="getSubTotal() | currency: '$'" 231 ng-value="getSubTotal() | currency: '$'"
207 readonly 232 readonly
208 ></td> 233 ></td>
209 <td class="text-center align-middle"> 234 <td class="text-center align-middle">
210 <button 235 <button
211 class="btn btn-outline-secondary" 236 class="btn btn-outline-secondary"
212 ng-click="agregarATabla(13)" 237 ng-click="agregarATabla(13)"
213 > 238 >
214 <i class="fa fa-save"></i> 239 <i class="fa fa-save"></i>
215 </button> 240 </button>
216 </td> 241 </td>
217 </tr> 242 </tr>
218 <tr ng-show="cargando" class="d-flex"> 243 <tr ng-show="cargando" class="d-flex">
219 <td colspan="7" class="col-12"> 244 <td colspan="7" class="col-12">
220 <input 245 <input
221 placeholder="Seleccione Articulo" 246 placeholder="Seleccione Articulo"
222 class="form-control form-control-sm" 247 class="form-control form-control-sm"
223 readonly 248 readonly
224 ng-click="seleccionarArticulo()" 249 ng-click="seleccionarArticulo()"
225 /> 250 />
226 </td> 251 </td>
227 </tr> 252 </tr>
228 <tr class="d-flex"> 253 <tr class="d-flex">
229 <td colspan="4"> 254 <td colspan="4">
230 <strong>Cantidad Items:</strong> 255 <strong>Cantidad Items:</strong>
231 <a ng-bind="articulosTabla.length"></a> 256 <a ng-bind="articulosTabla.length"></a>
232 </td> 257 </td>
233 <td class="text-right ml-auto table-celda-total"><h3>Total:</h3></td> 258 <td class="text-right ml-auto table-celda-total"><h3>Total:</h3></td>
234 <td class="table-celda-total text-right" colspan="1"> 259 <td class="table-celda-total text-right" colspan="1">
235 <h3>{{getTotal() | currency: '$'}}</h3> 260 <h3>{{getTotal() | currency: '$'}}</h3>
236 </td> 261 </td>
237 <td class="text-right"> 262 <td class="text-right">
238 <button 263 <button
239 type="button" 264 type="button"
240 class="btn btn-default btn-sm" 265 class="btn btn-default btn-sm"
241 > 266 >
242 Totales 267 Totales
243 </button> 268 </button>
244 </td> 269 </td>
245 </tr> 270 </tr>
246 </tfoot> 271 </tfoot>
247 </table> 272 </table>
248 </div> 273 </div>
249 </div> 274 </div>
250 <div class="col-auto my-2 col-lg-2 botonera-lateral"> 275 <div class="col-auto my-2 col-lg-2 botonera-lateral">
251 <div class="row align-items-end"> 276 <div class="row align-items-end">
252 <div class="col-12"> 277 <div class="col-12">
253 <button 278 <button
254 ng-click="crearNotaPedido()" 279 ng-click="crearNotaPedido()"
255 type="submit" 280 type="submit"
256 title="Crear nota pedido" 281 title="Crear nota pedido"
257 class="btn btn-default btn-block mb-2"> 282 class="btn btn-default btn-block mb-2">
258 Guardar 283 Guardar
259 </button> 284 </button>
260 <button 285 <button
261 ng-click="salir()" 286 ng-click="salir()"
262 type="button" 287 type="button"
263 title="Salir" 288 title="Salir"
264 class="btn btn-default btn-block"> 289 class="btn btn-default btn-block">
265 Salir 290 Salir
266 </button> 291 </button>
267 </div> 292 </div>
268 </div> 293 </div>
269 </div> 294 </div>
270 </div> 295 </div>
271 </div> 296 </div>
272 297