Eric Fernandez / foca-crear-nota-pedido

Commit ad888055b6f915134dde577d88e4d6b41745b9cb

Authored by Pablo Marco del Pont 2018-10-25 18:00:16 -0300

Exists in master

- Agregué $filter para buscar datos en cabecera.

- Refactoricé método addCabecera para usar angular.
- Agregué método removeCabecera para quitar datos que no se usen.
- Modifiqué la llamada a modal flete para enviarle datos actuales y obtener los datos actualizados.
- Modifiqué la forma en que se muestra la botonera lateral derecha.

Showing 2 changed files with 59 additions and 43 deletions Show diff stats

src/js/controller.js

Diff comments View file @ ad88805

1	angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',	1	angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
2	[	2	[
3	'$scope', '$uibModal', '$location', 'crearNotaPedidoService', 'focaModalService',	3	'$scope', '$uibModal', '$location', '$filter', 'crearNotaPedidoService',
4	function($scope, $uibModal, $location, crearNotaPedidoService, focaModalService) {	4	'focaModalService',
		5	function(
		6	$scope, $uibModal, $location, $filter, crearNotaPedidoService, focaModalService
		7	) {
5	$scope.botonera = [	8	$scope.botonera = [
6	{texto: 'Vendedor', accion: function() {$scope.seleccionarVendedor();}},	9	{texto: 'Vendedor', accion: function() {$scope.seleccionarVendedor();}},
7	{texto: 'Cliente', accion: function() {$scope.seleccionarCliente();}},	10	{texto: 'Cliente', accion: function() {$scope.seleccionarCliente();}},
8	{texto: 'Moneda', accion: function() {$scope.abrirModalMoneda();}},	11	{texto: 'Moneda', accion: function() {$scope.abrirModalMoneda();}},
9	{	12	{
10	texto: 'Precios y condiciones',	13	texto: 'Precios y condiciones',
11	accion: function() {$scope.abrirModalListaPrecio();}},	14	accion: function() {$scope.abrirModalListaPrecio();}},
12	{texto: 'Flete', accion: function() {$scope.abrirModalFlete();}},	15	{texto: 'Flete', accion: function() {$scope.abrirModalFlete();}},
13	{texto: 'Bomba', accion: function() {}},	16	{texto: 'Bomba', accion: function() {}},
14	{texto: 'Detalle', accion: function() {}},	17	{texto: 'Detalle', accion: function() {}},
15	{texto: 'Totales', accion: function() {}}	18	{texto: 'Totales', accion: function() {}}
16	];	19	];
17		20
18	$scope.show = false;	21	$scope.show = false;
19	$scope.cargando = true;	22	$scope.cargando = true;
20	$scope.dateOptions = {	23	$scope.dateOptions = {
21	maxDate: new Date(),	24	maxDate: new Date(),
22	minDate: new Date(2010, 0, 1)	25	minDate: new Date(2010, 0, 1)
23	};	26	};
24		27
25	$scope.notaPedido = {	28	$scope.notaPedido = {
26	vendedor: {},	29	vendedor: {},
27	cliente: {},	30	cliente: {},
28	domicilio: {dom: ''},	31	domicilio: {dom: ''},
29	moneda: {detalle: ''}	32	moneda: {detalle: ''}
30	};	33	};
31		34
32	$scope.cabecera = [];	35	$scope.cabecera = [];
33		36
34	$scope.now = new Date();	37	$scope.now = new Date();
35	$scope.puntoVenta = Math.round(Math.random() * 10000);	38	$scope.puntoVenta = Math.round(Math.random() * 10000);
36	$scope.comprobante = Math.round(Math.random() * 1000000);	39	$scope.comprobante = Math.round(Math.random() * 1000000);
37		40
38	$scope.articulosTabla = [];	41	$scope.articulosTabla = [];
39	var idLista;	42	var idLista;
40	var notaPedidoTemp = crearNotaPedidoService.getNotaPedido();	43	var notaPedidoTemp = crearNotaPedidoService.getNotaPedido();
41	crearNotaPedidoService.getPrecioCondicion().then(	44	crearNotaPedidoService.getPrecioCondicion().then(
42	function(res) {	45	function(res) {
43	$scope.precioCondiciones = res.data;	46	$scope.precioCondiciones = res.data;
44	}	47	}
45	);	48	);
46	if (notaPedidoTemp !== undefined) {	49	if (notaPedidoTemp !== undefined) {
47	notaPedidoTemp.fechaCarga = new Date(notaPedidoTemp.fechaCarga);	50	notaPedidoTemp.fechaCarga = new Date(notaPedidoTemp.fechaCarga);
48	$scope.notaPedido = notaPedidoTemp;	51	$scope.notaPedido = notaPedidoTemp;
49	$scope.notaPedido.flete = ($scope.notaPedido.flete).toString();	52	$scope.notaPedido.flete = ($scope.notaPedido.flete).toString();
50	$scope.notaPedido.bomba = ($scope.notaPedido.bomba).toString();	53	$scope.notaPedido.bomba = ($scope.notaPedido.bomba).toString();
51	idLista = $scope.notaPedido.precioCondicion;	54	idLista = $scope.notaPedido.precioCondicion;
52	crearNotaPedidoService	55	crearNotaPedidoService
53	.getArticulosByIdNotaPedido($scope.notaPedido.id).then(	56	.getArticulosByIdNotaPedido($scope.notaPedido.id).then(
54	function(res) {	57	function(res) {
55	$scope.articulosTabla = res.data;	58	$scope.articulosTabla = res.data;
56	}	59	}
57	);	60	);
58	//TODO DOMICILIOS QUE SE CARGAN AL EDITAR NOTA DE PEDIDO	61	//TODO DOMICILIOS QUE SE CARGAN AL EDITAR NOTA DE PEDIDO
59	//(NO REQUERIDO EN ESTA VERSION)	62	//(NO REQUERIDO EN ESTA VERSION)
60	// crearNotaPedidoService.getDomiciliosByIdNotaPedido($scope.notaPedido.id).then(	63	// crearNotaPedidoService.getDomiciliosByIdNotaPedido($scope.notaPedido.id).then(
61	// function(res) {	64	// function(res) {
62	// $scope.notaPedido.domicilio = res.data;	65	// $scope.notaPedido.domicilio = res.data;
63	// }	66	// }
64	// );	67	// );
65	} else {	68	} else {
66	$scope.notaPedido.fechaCarga = new Date();	69	$scope.notaPedido.fechaCarga = new Date();
67	$scope.notaPedido.bomba = '0';	70	$scope.notaPedido.bomba = '0';
68	$scope.notaPedido.flete = '0';	71	$scope.notaPedido.flete = '0';
69	idLista = undefined;	72	idLista = undefined;
70	}	73	}
71	//TO DO - FUNCIONES PARA MULTIPLES DOMICILIOS NO IMPLEMENTADAS EN ESTA DEMO	74	//TO DO - FUNCIONES PARA MULTIPLES DOMICILIOS NO IMPLEMENTADAS EN ESTA DEMO
72	// $scope.addNewDom = function() {	75	// $scope.addNewDom = function() {
73	// $scope.notaPedido.domicilio.push({ 'id': 0 });	76	// $scope.notaPedido.domicilio.push({ 'id': 0 });
74	// };	77	// };
75	// $scope.removeNewChoice = function(choice) {	78	// $scope.removeNewChoice = function(choice) {
76	// if ($scope.notaPedido.domicilio.length > 1) {	79	// if ($scope.notaPedido.domicilio.length > 1) {
77	// $scope.notaPedido.domicilio.splice($scope.notaPedido.domicilio.findIndex(	80	// $scope.notaPedido.domicilio.splice($scope.notaPedido.domicilio.findIndex(
78	// function(c) {	81	// function(c) {
79	// return c.$$hashKey === choice.$$hashKey;	82	// return c.$$hashKey === choice.$$hashKey;
80	// }	83	// }
81	// ), 1);	84	// ), 1);
82	// }	85	// }
83	// };	86	// };
84	$scope.crearNotaPedido = function() {	87	$scope.crearNotaPedido = function() {
85	if($scope.articulosTabla.length === 0) {	88	if($scope.articulosTabla.length === 0) {
86	focaModalService.alert('Debe cargar almenos un articulo');	89	focaModalService.alert('Debe cargar almenos un articulo');
87	return;	90	return;
88	}	91	}
89	if($scope.notaPedido.domicilio.id === undefined) {	92	if($scope.notaPedido.domicilio.id === undefined) {
90	$scope.notaPedido.domicilio.id = 0;	93	$scope.notaPedido.domicilio.id = 0;
91	}	94	}
92	var date = new Date();	95	var date = new Date();
93	var notaPedido = {	96	var notaPedido = {
94	id: 0,	97	id: 0,
95	fechaCarga: new Date(date.getTime() - (date.getTimezoneOffset() * 60000))	98	fechaCarga: new Date(date.getTime() - (date.getTimezoneOffset() * 60000))
96	.toISOString().slice(0, 19).replace('T', ' '),	99	.toISOString().slice(0, 19).replace('T', ' '),
97	vendedor: $scope.notaPedido.vendedor.nombre,	100	vendedor: $scope.notaPedido.vendedor.nombre,
98	idCliente: $scope.notaPedido.cliente.id,	101	idCliente: $scope.notaPedido.cliente.id,
99	domicilio: $scope.notaPedido.domicilio,	102	domicilio: $scope.notaPedido.domicilio,
100	precioCondicion: $scope.notaPedido.precioCondicion,	103	precioCondicion: $scope.notaPedido.precioCondicion,
101	bomba: $scope.notaPedido.bomba,	104	bomba: $scope.notaPedido.bomba,
102	flete: $scope.notaPedido.flete,	105	flete: $scope.notaPedido.flete,
103	total: $scope.getTotal()	106	total: $scope.getTotal()
104	};	107	};
105	crearNotaPedidoService.crearNotaPedido(notaPedido).then(	108	crearNotaPedidoService.crearNotaPedido(notaPedido).then(
106	function(data) {	109	function(data) {
107	focaModalService.alert('Nota pedido creada');	110	focaModalService.alert('Nota pedido creada');
108	if($scope.notaPedido.flete === 1) {	111	if($scope.notaPedido.flete === 1) {
109	var flete = {	112	var flete = {
110	idNotaPedido: data.data.id,	113	idNotaPedido: data.data.id,
111	idTransportista: $scope.notaPedido.fleteId,	114	idTransportista: $scope.notaPedido.fleteId,
112	idChofer: $scope.notaPedido.chofer.id,	115	idChofer: $scope.notaPedido.chofer.id,
113	idVehiculo: $scope.notaPedido.vehiculo.id,	116	idVehiculo: $scope.notaPedido.vehiculo.id,
114	kilometros: $scope.notaPedido.kilometros,	117	kilometros: $scope.notaPedido.kilometros,
115	costoKilometro: $scope.notaPedido.costoUnitarioKmFlete	118	costoKilometro: $scope.notaPedido.costoUnitarioKmFlete
116	};	119	};
117	crearNotaPedidoService.crearFlete(flete);	120	crearNotaPedidoService.crearFlete(flete);
118	}	121	}
119	var articulosNotaPedido = $scope.articulosTabla;	122	var articulosNotaPedido = $scope.articulosTabla;
120	for(var i = 0; i < articulosNotaPedido.length; i++) {	123	for(var i = 0; i < articulosNotaPedido.length; i++) {
121	delete articulosNotaPedido[i].edit;	124	delete articulosNotaPedido[i].edit;
122	articulosNotaPedido[i].idNotaPedido = data.data.id;	125	articulosNotaPedido[i].idNotaPedido = data.data.id;
123	crearNotaPedidoService	126	crearNotaPedidoService
124	.crearArticulosParaNotaPedido(articulosNotaPedido[i]);	127	.crearArticulosParaNotaPedido(articulosNotaPedido[i]);
125	}	128	}
126	$scope.limpiarPantalla();	129	$scope.limpiarPantalla();
127	}	130	}
128	);	131	);
129	};	132	};
130		133
131	$scope.seleccionarArticulo = function() {	134	$scope.seleccionarArticulo = function() {
132	if (idLista === undefined) {	135	if (idLista === undefined) {
133	focaModalService.alert(	136	focaModalService.alert(
134	'Primero seleccione una lista de precio y condicion');	137	'Primero seleccione una lista de precio y condicion');
135	return;	138	return;
136	}	139	}
137	var modalInstance = $uibModal.open(	140	var modalInstance = $uibModal.open(
138	{	141	{
139	ariaLabelledBy: 'Busqueda de Productos',	142	ariaLabelledBy: 'Busqueda de Productos',
140	templateUrl: 'modal-busqueda-productos.html',	143	templateUrl: 'modal-busqueda-productos.html',
141	controller: 'modalBusquedaProductosCtrl',	144	controller: 'modalBusquedaProductosCtrl',
142	resolve: { idLista: function() { return idLista; } },	145	resolve: { idLista: function() { return idLista; } },
143	size: 'lg'	146	size: 'lg'
144	}	147	}
145	);	148	);
146	modalInstance.result.then(	149	modalInstance.result.then(
147	function(producto) {	150	function(producto) {
148	var newArt =	151	var newArt =
149	{	152	{
150	id: 0,	153	id: 0,
151	codigo: producto.codigo,	154	codigo: producto.codigo,
152	sector: producto.sector,	155	sector: producto.sector,
153	descripcion: producto.descripcion,	156	descripcion: producto.descripcion,
154	item: $scope.articulosTabla.length + 1,	157	item: $scope.articulosTabla.length + 1,
155	nombre: producto.descripcion,	158	nombre: producto.descripcion,
156	precio: producto.precio.toFixed(2),	159	precio: producto.precio.toFixed(2),
157	costoUnitario: producto.costo,	160	costoUnitario: producto.costo,
158	edit: false	161	edit: false
159	};	162	};
160	$scope.articuloACargar = newArt;	163	$scope.articuloACargar = newArt;
161	$scope.cargando = false;	164	$scope.cargando = false;
162	}, function() {	165	}, function() {
163	// funcion ejecutada cuando se cancela el modal	166	// funcion ejecutada cuando se cancela el modal
164	}	167	}
165	);	168	);
166	};	169	};
167		170
168	$scope.seleccionarVendedor = function() {	171	$scope.seleccionarVendedor = function() {
169	var modalInstance = $uibModal.open(	172	var modalInstance = $uibModal.open(
170	{	173	{
171	ariaLabelledBy: 'Busqueda de Vendedores',	174	ariaLabelledBy: 'Busqueda de Vendedores',
172	templateUrl: 'modal-vendedores.html',	175	templateUrl: 'modal-vendedores.html',
173	controller: 'modalVendedoresCtrl',	176	controller: 'modalVendedoresCtrl',
174	size: 'lg'	177	size: 'lg'
175	}	178	}
176	);	179	);
177	modalInstance.result.then(	180	modalInstance.result.then(
178	function(vendedor) {	181	function(vendedor) {
179	addCabecera('Vendedor:', vendedor.NomVen);	182	addCabecera('Vendedor:', vendedor.NomVen);
180	$scope.notaPedido.vendedor.nombre = vendedor.NomVen;	183	$scope.notaPedido.vendedor.nombre = vendedor.NomVen;
181	}, function() {	184	}, function() {
182		185
183	}	186	}
184	);	187	);
185	};	188	};
186		189
187	$scope.seleccionarPetrolera = function() {	190	$scope.seleccionarPetrolera = function() {
188	var modalInstance = $uibModal.open(	191	var modalInstance = $uibModal.open(
189	{	192	{
190	ariaLabelledBy: 'Busqueda de Petrolera',	193	ariaLabelledBy: 'Busqueda de Petrolera',
191	templateUrl: 'modal-petroleras.html',	194	templateUrl: 'modal-petroleras.html',
192	controller: 'modalPetrolerasCtrl',	195	controller: 'modalPetrolerasCtrl',
193	size: 'lg'	196	size: 'lg'
194	}	197	}
195	);	198	);
196	modalInstance.result.then(	199	modalInstance.result.then(
197	function(petrolera) {	200	function(petrolera) {
198	$scope.notaPedido.petrolera = petrolera.NOM;	201	$scope.notaPedido.petrolera = petrolera.NOM;
199	}, function() {	202	}, function() {
200		203
201	}	204	}
202	);	205	);
203	};	206	};
204		207
205	$scope.seleccionarCliente = function() {	208	$scope.seleccionarCliente = function() {
206	var modalInstance = $uibModal.open(	209	var modalInstance = $uibModal.open(
207	{	210	{
208	ariaLabelledBy: 'Busqueda de Cliente',	211	ariaLabelledBy: 'Busqueda de Cliente',
209	templateUrl: 'foca-busqueda-cliente-modal.html',	212	templateUrl: 'foca-busqueda-cliente-modal.html',
210	controller: 'focaBusquedaClienteModalController',	213	controller: 'focaBusquedaClienteModalController',
211	size: 'lg'	214	size: 'lg'
212	}	215	}
213	);	216	);
214	modalInstance.result.then(	217	modalInstance.result.then(
215	function(cliente) {	218	function(cliente) {
216	$scope.notaPedido.cliente.nombre = cliente.nom;	219	$scope.notaPedido.cliente.nombre = cliente.nom;
217	$scope.notaPedido.cliente.id = cliente.cod;	220	$scope.notaPedido.cliente.id = cliente.cod;
218	crearNotaPedidoService.getDomiciliosByIdCliente(cliente.cod).then(	221	crearNotaPedidoService.getDomiciliosByIdCliente(cliente.cod).then(
219	function(data) {	222	function(data) {
220	if(data.data.length === 0){	223	if(data.data.length === 0){
221	focaModalService	224	focaModalService
222	.alert('El cliente no tienen domicilios de entrega')	225	.alert('El cliente no tienen domicilios de entrega')
223	.then(	226	.then(
224	function() {	227	function() {
225	$scope.seleccionarCliente();	228	$scope.seleccionarCliente();
226	$scope.notaPedido.cliente = {nombre: ''};	229	$scope.notaPedido.cliente = {nombre: ''};
227	}	230	}
228	);	231	);
229	return;	232	return;
230	}	233	}
231	$scope.domiciliosCliente = data.data;	234	$scope.domiciliosCliente = data.data;
232	}	235	}
233	);	236	);
234		237
235	addCabecera('Cliente:', cliente.nom);	238	addCabecera('Cliente:', cliente.nom);
236	}, function() {	239	}, function() {
237		240
238	}	241	}
239	);	242	);
240	};	243	};
241		244
242	$scope.mostrarFichaCliente = function() {	245	$scope.mostrarFichaCliente = function() {
243	$uibModal.open(	246	$uibModal.open(
244	{	247	{
245	ariaLabelledBy: 'Datos del Cliente',	248	ariaLabelledBy: 'Datos del Cliente',
246	templateUrl: 'foca-crear-nota-pedido-ficha-cliente.html',	249	templateUrl: 'foca-crear-nota-pedido-ficha-cliente.html',
247	controller: 'focaCrearNotaPedidoFichaClienteController',	250	controller: 'focaCrearNotaPedidoFichaClienteController',
248	size: 'lg'	251	size: 'lg'
249	}	252	}
250	);	253	);
251	};	254	};
252		255
253	$scope.getTotal = function() {	256	$scope.getTotal = function() {
254	var total = 0;	257	var total = 0;
255	var arrayTempArticulos = $scope.articulosTabla;	258	var arrayTempArticulos = $scope.articulosTabla;
256	for (var i = 0; i < arrayTempArticulos.length; i++) {	259	for (var i = 0; i < arrayTempArticulos.length; i++) {
257	total += arrayTempArticulos[i].precio * arrayTempArticulos[i].cantidad;	260	total += arrayTempArticulos[i].precio * arrayTempArticulos[i].cantidad;
258	}	261	}
259	return total.toFixed(2);	262	return total.toFixed(2);
260	};	263	};
261		264
262	$scope.getSubTotal = function() {	265	$scope.getSubTotal = function() {
263	if($scope.articuloACargar) {	266	if($scope.articuloACargar) {
264	return $scope.articuloACargar.precio * $scope.articuloACargar.cantidad;	267	return $scope.articuloACargar.precio * $scope.articuloACargar.cantidad;
265	}	268	}
266	};	269	};
267		270
268	$scope.abrirModalListaPrecio = function() {	271	$scope.abrirModalListaPrecio = function() {
269	var modalInstance = $uibModal.open(	272	var modalInstance = $uibModal.open(
270	{	273	{
271	ariaLabelledBy: 'Busqueda de Precio Condición',	274	ariaLabelledBy: 'Busqueda de Precio Condición',
272	templateUrl: 'modal-precio-condicion.html',	275	templateUrl: 'modal-precio-condicion.html',
273	controller: 'focaModalPrecioCondicionController',	276	controller: 'focaModalPrecioCondicionController',
274	size: 'lg'	277	size: 'lg'
275	}	278	}
276	);	279	);
277	modalInstance.result.then(	280	modalInstance.result.then(
278	function(precioCondicion) {	281	function(precioCondicion) {
279	$scope.notaPedido.precioCondicion = precioCondicion.nombre;	282	$scope.notaPedido.precioCondicion = precioCondicion.nombre;
280	idLista = precioCondicion.idListaPrecio;	283	idLista = precioCondicion.idListaPrecio;
281	$scope.articulosTabla = [];	284	$scope.articulosTabla = [];
282		285
283	addCabecera('Precios y condiciones:', precioCondicion.nombre);	286	addCabecera('Precios y condiciones:', precioCondicion.nombre);
284	}, function() {	287	}, function() {
285		288
286	}	289	}
287	);	290	);
288	};	291	};
289		292
290	$scope.abrirModalFlete = function() {	293	$scope.abrirModalFlete = function() {
291	var modalInstance = $uibModal.open(	294	var modalInstance = $uibModal.open(
292	{	295	{
293	ariaLabelledBy: 'Busqueda de Flete',	296	ariaLabelledBy: 'Busqueda de Flete',
294	templateUrl: 'modal-flete.html',	297	templateUrl: 'modal-flete.html',
295	controller: 'focaModalFleteController',	298	controller: 'focaModalFleteController',
296	size: 'lg'	299	size: 'lg',
		300	resolve: {
		301	parametrosFlete:
		302	function() {
		303	return {
		304	flete: $scope.notaPedido.flete,
		305	bomba: $scope.notaPedido.bomba,
		306	kilometros: $scope.notaPedido.kilometros
		307	};
		308	}
		309	}
297	}	310	}
298	);	311	);
299	modalInstance.result.then(	312	modalInstance.result.then(
300	function(flete) {	313	function(datos) {
301	$scope.limpiarFlete();	314	$scope.notaPedido.flete = datos.flete;
302	$scope.notaPedido.fleteNombre = flete.nombre;	315	$scope.notaPedido.bomba = datos.bomba;
303	$scope.notaPedido.fleteId = flete.id;	316	$scope.notaPedido.kilometros = datos.kilometros;
304	$scope.choferes = flete.chofer;	317
305	$scope.vehiculos = flete.vehiculo;	318	addCabecera('Flete:', datos.flete);
306		319	if(datos.flete === 'si') {
307	addCabecera('Flete:', flete.nombre);	320	addCabecera('Bomba:', datos.bomba);
		321	addCabecera('Kilometros:', datos.kilometros);
		322	} else {
		323	removeCabecera('Bomba:');
		324	removeCabecera('Kilometros:');
		325	}
308	}, function() {	326	}, function() {
309		327
310	}	328	}
311	);	329	);
312	};	330	};
313		331
314	$scope.abrirModalMoneda = function() {	332	$scope.abrirModalMoneda = function() {
315	var modalInstance = $uibModal.open(	333	var modalInstance = $uibModal.open(
316	{	334	{
317	ariaLabelledBy: 'Busqueda de Moneda',	335	ariaLabelledBy: 'Busqueda de Moneda',
318	templateUrl: 'modal-moneda.html',	336	templateUrl: 'modal-moneda.html',
319	controller: 'focaModalMonedaController',	337	controller: 'focaModalMonedaController',
320	size: 'lg'	338	size: 'lg'
321	}	339	}
322	);	340	);
323	modalInstance.result.then(	341	modalInstance.result.then(
324	function(moneda) {	342	function(moneda) {
325	$scope.notaPedido.moneda = {	343	$scope.notaPedido.moneda = {
326	id: moneda.ID,	344	id: moneda.ID,
327	detalle: moneda.DETALLE,	345	detalle: moneda.DETALLE,
328	simbolo: moneda.SIMBOLO	346	simbolo: moneda.SIMBOLO
329	};	347	};
330		348
331	addCabecera('Moneda:', moneda.DETALLE);	349	addCabecera('Moneda:', moneda.DETALLE);
332	}, function() {	350	}, function() {
333		351
334	}	352	}
335	);	353	);
336	};	354	};
337		355
338	$scope.agregarATabla = function(key) {	356	$scope.agregarATabla = function(key) {
339	if(key === 13) {	357	if(key === 13) {
340	if($scope.articuloACargar.cantidad === undefined \|\|	358	if($scope.articuloACargar.cantidad === undefined \|\|
341	$scope.articuloACargar.cantidad === 0 \|\|	359	$scope.articuloACargar.cantidad === 0 \|\|
342	$scope.articuloACargar.cantidad === null ){	360	$scope.articuloACargar.cantidad === null ){
343	focaModalService.alert('El valor debe ser al menos 1');	361	focaModalService.alert('El valor debe ser al menos 1');
344	return;	362	return;
345	}	363	}
346	$scope.articulosTabla.unshift($scope.articuloACargar);	364	$scope.articulosTabla.unshift($scope.articuloACargar);
347	$scope.cargando = true;	365	$scope.cargando = true;
348	}	366	}
349	};	367	};
350		368
351	$scope.quitarArticulo = function(key) {	369	$scope.quitarArticulo = function(key) {
352	$scope.articulosTabla.splice(key, 1);	370	$scope.articulosTabla.splice(key, 1);
353	};	371	};
354		372
355	$scope.editarArticulo = function(key, articulo) {	373	$scope.editarArticulo = function(key, articulo) {
356	if(key === 13) {	374	if(key === 13) {
357	if(articulo.cantidad === null \|\| articulo.cantidad === 0 \|\|	375	if(articulo.cantidad === null \|\| articulo.cantidad === 0 \|\|
358	articulo.cantidad === undefined){	376	articulo.cantidad === undefined){
359	focaModalService.alert('El valor debe ser al menos 1');	377	focaModalService.alert('El valor debe ser al menos 1');
360	return;	378	return;
361	}	379	}
362	articulo.edit = false;	380	articulo.edit = false;
363	}	381	}
364	};	382	};
365		383
366	$scope.cambioEdit = function(articulo) {	384	$scope.cambioEdit = function(articulo) {
367	articulo.edit = true;	385	articulo.edit = true;
368	};	386	};
369		387
370	$scope.limpiarFlete = function() {	388	$scope.limpiarFlete = function() {
371	$scope.notaPedido.fleteNombre = '';	389	$scope.notaPedido.fleteNombre = '';
372	$scope.notaPedido.chofer = '';	390	$scope.notaPedido.chofer = '';
373	$scope.notaPedido.vehiculo = '';	391	$scope.notaPedido.vehiculo = '';
374	$scope.notaPedido.kilometros = '';	392	$scope.notaPedido.kilometros = '';
375	$scope.notaPedido.costoUnitarioKmFlete = '';	393	$scope.notaPedido.costoUnitarioKmFlete = '';
376	$scope.choferes = '';	394	$scope.choferes = '';
377	$scope.vehiculos = '';	395	$scope.vehiculos = '';
378	};	396	};
379		397
380	$scope.limpiarPantalla = function() {	398	$scope.limpiarPantalla = function() {
381	$scope.limpiarFlete();	399	$scope.limpiarFlete();
382	$scope.notaPedido.flete = '0';	400	$scope.notaPedido.flete = '0';
383	$scope.notaPedido.bomba = '0';	401	$scope.notaPedido.bomba = '0';
384	$scope.notaPedido.precioCondicion = '';	402	$scope.notaPedido.precioCondicion = '';
385	$scope.articulosTabla = [];	403	$scope.articulosTabla = [];
386	$scope.notaPedido.vendedor.nombre = '';	404	$scope.notaPedido.vendedor.nombre = '';
387	$scope.notaPedido.cliente = {nombre: ''};	405	$scope.notaPedido.cliente = {nombre: ''};
388	$scope.notaPedido.domicilio = {dom: ''};	406	$scope.notaPedido.domicilio = {dom: ''};
389	$scope.domiciliosCliente = [];	407	$scope.domiciliosCliente = [];
390	};	408	};
391		409
392	$scope.resetFilter = function() {	410	$scope.resetFilter = function() {
393	$scope.articuloACargar = {};	411	$scope.articuloACargar = {};
394	$scope.cargando = true;	412	$scope.cargando = true;
395	};	413	};
396		414
397	$scope.selectFocus = function($event) {	415	$scope.selectFocus = function($event) {
398	$event.target.select();	416	$event.target.select();
399	};	417	};
400		418
401	$scope.salir = function() {	419	$scope.salir = function() {
402	$location.path('/');	420	$location.path('/');
403	};	421	};
404		422
405	function addCabecera(label, valor) {	423	function addCabecera(label, valor) {
406	let existe = false;	424	var propiedad = $filter('filter')($scope.cabecera, {label: label});
407		425	if(propiedad.length === 1) {
408	for (var i = $scope.cabecera.length - 1; i >= 0; i--) {	426	propiedad[0].valor = valor;
409	if ($scope.cabecera[i].label === label) {	427	} else {
410	$scope.cabecera[i].valor = valor;	428	$scope.cabecera.push({label: label, valor: valor});
411	existe = true;
412	break;
413	}
414
415	}	429	}
416		430	}
417	if (!existe) {	431
418	$scope.cabecera.push({	432	function removeCabecera(label) {
419	label: label,	433	var propiedad = $filter('filter')($scope.cabecera, {label: label});
420	valor: valor	434	if(propiedad.length === 1){
421	});	435	$scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1);
422	}	436	}
423	}	437	}
424	}	438	}
425	]	439	]
426	)	440	)
427	.controller('notaPedidoListaCtrl', [	441	.controller('notaPedidoListaCtrl', [
428	'$scope',	442	'$scope',
429	'crearNotaPedidoService',	443	'crearNotaPedidoService',
430	'$location',	444	'$location',
431	function($scope, crearNotaPedidoService, $location) {	445	function($scope, crearNotaPedidoService, $location) {
432	crearNotaPedidoService.obtenerNotaPedido().then(function(datos) {	446	crearNotaPedidoService.obtenerNotaPedido().then(function(datos) {
433	$scope.notaPedidos = datos.data;	447	$scope.notaPedidos = datos.data;
434	});	448	});
435	$scope.editar = function(notaPedido) {	449	$scope.editar = function(notaPedido) {
436	crearNotaPedidoService.setNotaPedido(notaPedido);	450	crearNotaPedidoService.setNotaPedido(notaPedido);
437	$location.path('/venta-nota-pedido/abm/');	451	$location.path('/venta-nota-pedido/abm/');
438	};	452	};
439	$scope.crearPedido = function() {	453	$scope.crearPedido = function() {
440	crearNotaPedidoService.clearNotaPedido();	454	crearNotaPedidoService.clearNotaPedido();
441	$location.path('/venta-nota-pedido/abm/');	455	$location.path('/venta-nota-pedido/abm/');
442	};	456	};
443	}	457	}
444	])	458	])
445	.controller('focaCrearNotaPedidoFichaClienteController', [	459	.controller('focaCrearNotaPedidoFichaClienteController', [
446	'$scope',	460	'$scope',
447	'crearNotaPedidoService',	461	'crearNotaPedidoService',
448	'$location',	462	'$location',
449	function($scope, crearNotaPedidoService, $location) {	463	function($scope, crearNotaPedidoService, $location) {
450	crearNotaPedidoService.obtenerNotaPedido().then(function(datos) {	464	crearNotaPedidoService.obtenerNotaPedido().then(function(datos) {
451	$scope.notaPedidos = datos.data;	465	$scope.notaPedidos = datos.data;
452	});	466	});
453	$scope.editar = function(notaPedido) {	467	$scope.editar = function(notaPedido) {
454	crearNotaPedidoService.setNotaPedido(notaPedido);	468	crearNotaPedidoService.setNotaPedido(notaPedido);
455	$location.path('/venta-nota-pedido/abm/');	469	$location.path('/venta-nota-pedido/abm/');
456	};	470	};
457	$scope.crearPedido = function() {	471	$scope.crearPedido = function() {
458	crearNotaPedidoService.clearNotaPedido();	472	crearNotaPedidoService.clearNotaPedido();
459	$location.path('/venta-nota-pedido/abm/');	473	$location.path('/venta-nota-pedido/abm/');

src/views/nota-pedido.html

Diff comments View file @ ad88805

 <div class="crear-nota-pedido">
     <form name="formCrearNota" ng-submit="crearNotaPedido()">
         <div class="row">
             <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                 <div class="row p-1 panel-informativo">
                     <div class="col-12">
                         <div class="row">
                             <div class="col-3">
                                 {{ now | date:'dd/MM/yyyy HH:mm'}}
                             </div>
                             <div class="col-6 text-center">
                                 <div class="h2">NOTA DE PEDIDO</div>
                             </div>
                             <div class="col-3 text-right">{{puntoVenta}}-{{comprobante}}</div>
                         </div>
                         <div class="row">
                             <div class="col-auto" ng-repeat="cab in cabecera">
                                 <span class="label" ng-bind="cab.label"></span>
                                 <span class="valor" ng-bind="cab.valor"></span>
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="row p-1 botonera-secundaria">
                     <div class=" col-12 col-sm-6 col-md-3 botonera" ng-repeat="boton in botonera">
                         <button
                             type="button"
                             class="btn btn-default btn-block btn-xs"
                             ng-bind="boton.texto"
                             ng-click="boton.accion()"
                         ></button>
                     </div>
                 </div>
             </div>
         </div>
     </form>
     <div class="row">
         <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2">
             <div class="row grilla-articulos align-items-end">
                 <table class="table table-striped table-sm table-dark">
                     <thead>
                         <tr>
                             <th>Sector</th>
                             <th>Código</th>
                             <th>Descripción</th>
                             <th>Precio Unitario</th>
                             <th>Cantidad</th>
                             <th>SubTotal</th>
                             <th>
                                 <button
                                     class="btn btn-outline-secondary selectable"
                                     style="float: right;"
                                     ng-click="show = !show; masMenos()"
                                 >
                                     <i
                                         class="fa fa-chevron-down"
                                         ng-hide="show"
                                         aria-hidden="true"
                                     >
                                     </i>
                                     <i
                                         class="fa fa-chevron-up"
                                         ng-show="show"
                                         aria-hidden="true">
                                     </i>
                                 </button>
                             </th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr ng-show="!cargando">
                             <td><input
                                     class="form-control"
                                     ng-model="articuloACargar.sector"
                                     readonly></td>
                             <td><input
                                     class="form-control"
                                     ng-model="articuloACargar.codigo"
                                     readonly></td>
                             <td><input
                                     class="form-control"
                                     ng-model="articuloACargar.descripcion"
                                     readonly></td>
                             <td><input
                                     class="form-control"
                                     ng-value="articuloACargar.precio | currency: '$'"
                                     readonly></td>
                             <td><input
                                     class="form-control"
                                     type="number"
                                     min="1"
                                     ng-model="articuloACargar.cantidad"
                                     foca-focus="!cargando"
                                     esc-key="resetFilter()"
                                     ng-keypress="agregarATabla($event.keyCode)"></td>
                             <td><input
                                     class="form-control"
                                     ng-value="getSubTotal() | currency: '$'"
                                     readonly></td>
                             <td class="text-center"><button
                                     class="btn btn-outline-secondary btn-sm"
                                     ng-click="agregarATabla(13)">
                                 <i class="fa fa-save"></i>
                             </button></td>
                         </tr>
                         <tr
                             ng-repeat="(key, articulo) in articulosTabla"
                             ng-show="show || key == 0"
                         >
                             <td ng-bind="articulo.sector"></td>
                             <td ng-bind="articulo.codigo"></td>
                             <td ng-bind="articulo.descripcion"></td>
                             <td ng-bind="articulo.precio | currency: '$'"></td>
                             <td><input
                                     ng-show="articulo.edit"
                                     ng-model="articulo.cantidad"
                                     class="form-control"
                                     type="number"
                                     min="1"
                                     foca-focus="articulo.edit"
                                     ng-keypress="editarArticulo($event.keyCode, articulo)"
                                     ng-focus="selectFocus($event)"
                                 >
                                 <i
                                     class="selectable"
                                     ng-click="cambioEdit(articulo)"
                                     ng-hide="articulo.edit"
                                     ng-bind="articulo.cantidad">
                                 </i>
                             </td>
                             <td
                                 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">
                             </td>
                             <td class="text-center">
                                 <button
                                     class="btn btn-outline-secondary btn-sm"
                                     ng-click="quitarArticulo(key)"
                                 >
                                     <i class="fa fa-trash"></i>
                                 </button>
                             </td>
                         </tr>
                         <tr ng-show="cargando">
                             <td colspan="7">
                                 <input
                                     placeholder="Seleccione Articulo"
                                     class="form-control form-control-sm"
                                     readonly
                                     ng-click="seleccionarArticulo()"
                                 />
                             </td>
                         </tr>
                     </tbody>
                     <tfoot>
                         <tr class="">
                             <td colspan="4">
                                 <strong>Cantidad Items:</strong>
                                 <a ng-bind="articulosTabla.length"></a>
                             </td>
                             <td class="text-right table-celda-total"><h3>Total:</h3></td>
                             <td class="table-celda-total text-right" colspan="1">
                                 <h3>{{getTotal() | currency: '$'}}</h3>
                             </td>
                             <td colspan="2"></td>
                         </tr>
                     </tfoot>
                 </table>
             </div>
         </div>
-        <div class="col-auto my-2">
+        <div class="col-auto my-2 col-lg-2 botonera-lateral">
-            <button
+            <div class="row align-items-end">
-                ng-click="crearNotaPedido()"
+                <div class="col-12">
-                type="submit"
+                    <button
-                title="Crear nota pedido"
+                        ng-click="crearNotaPedido()"
-                class="btn btn-default">
+                        type="submit"
-                Guardar
+                        title="Crear nota pedido"
-            </button>
+                        class="btn btn-default btn-block mb-2">
-            <br/>
+                        Guardar
-            <br/>
+                    </button>
-            <button
+                    <button
-                ng-click="salir()"
+                        ng-click="salir()"
-                type="button"
+                        type="button"
-                title="Salir"
+                        title="Salir"
-                class="btn btn-default">
+                        class="btn btn-default btn-block">
-                Salir
+                        Salir
-            </button>
+                    </button>
+                </div>
+            </div>
         </div>
     </div>
 </div>
 <!--
 <form name="formCrearNota">
     <uib-tabset active="active">
         <uib-tab index="0" heading="General">
             <input type="hidden" name="id" ng-model="notaPedido.id" />
             <div>
                 <div class="col-auto my-2">
                     <button type="submit" title="Siguiente" class="btn btn-primary float-right">Siguiente</button>
                 </div>
             </div>
             <br>
             <br>
             <div class="row">
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Fecha de carga</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <input type="date" class="form-control" ng-model="notaPedido.fechaCarga" ng-required="true">
                     </div>
                 </div>
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Kilómetros</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <input type="number" min="0" step="0.01" class="form-control" placeholder="Kilómetros recorridos para la entrega en el cliente"
                             ng-model="notaPedido.kilometros" ng-required="true">
                     </div>
                 </div>
             </div>
             <div class="row my-3">
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Jurisdicción de IIBB</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <input type="text" class="form-control" placeholder="Jurisdicción de IIBB donde se realiza la entrega"
                             ng-model="notaPedido.jurisdiccionIIBB" ng-required="true">
                     </div>
                 </div>
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Costo de financiación</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <div class="input-group mb-2">
                             <div class="input-group-prepend">
                                 <div class="input-group-text">$</div>
                             </div>
                             <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo de financiación"
                                 ng-model="notaPedido.costoFinanciacion">
                         </div>
                     </div>
                 </div>
             </div>
             <div class="row">
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Bomba</label>
                     </div>
                 </div>
                 <div class="col-md-1">
                     <div class="col-auto">
                         <div class="form-check custom-radio custom-control-inline">
                             <input class="form-check-input" type="radio" name="radioBomba" value="1" ng-model="notaPedido.bomba">
                             <label class="form-check-label">
                                 Si
                             </label>
                         </div>
                         <div class="form-check custom-radio custom-control-inline">
                             <input class="form-check-input" type="radio" name="radioBomba" value="0" ng-model="notaPedido.bomba">
                             <label class="form-check-label">
                                 No
                             </label>
                         </div>
                     </div>
                 </div>
                 <div class="col-md-1">
                     <div class="col-auto">
                         <label>Flete</label>
                     </div>
                 </div>
                 <div class="col-md-1">
                     <div class="col-auto">
                         <div class="form-check custom-radio custom-control-inline">
                             <input class="form-check-input" type="radio" name="radioFlete" value="1" ng-model="notaPedido.flete">
                             <label class="form-check-label">
                                 Si
                             </label>
                         </div>
                         <div class="form-check custom-radio custom-control-inline">
                             <input class="form-check-input" type="radio" name="radioFlete" value="0" ng-model="notaPedido.flete">
                             <label class="form-check-label">
                                 FOB
                             </label>
                         </div>
                     </div>
                 </div>
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Costo unitario kilometro flete</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <div class="input-group mb-2">
                             <div class="input-group-prepend">
                                 <div class="input-group-text">$</div>
                             </div>
                             <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo unitario del kilometro del flete"
                                 ng-model="notaPedido.costoUnitarioKmFlete" ng-required="true">
                         </div>
                     </div>
                 </div>
             </div>
             <div class="row my-3">
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Vendedor</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <input type="text" class="form-control" placeholder="Seleccione vendedor" ng-model="notaPedido.vendedor"
                             ng-click="seleccionarVendedor()" readonly>
                     </div>
                 </div>
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Petrolera</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <input type="text" class="form-control" placeholder="Seleccione petrolera" ng-model="notaPedido.petrolera"
                             ng-click="seleccionarPetrolera()" readonly>
                     </div>
                 </div>
             </div>
             </div>
             <div class="row">
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Cliente</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <input type="text" class="form-control" placeholder="Seleccione cliente" ng-model="notaPedido.cliente"
                             ng-click="seleccionarCliente()" ng-change="obtenerDomicilios()" readonly>
                     </div>
                 </div>
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Domicilio</label>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="col-md-12 row" ng-repeat="domicilio in notaPedido.domicilio">
                         <div class="col-auto">
                             <input type="text" ng-model="domicilio.dom" placeholder="Domicilio" uib-typeahead="
                                     domi.dom
                                     for domi
                                     in domiciliosCliente
                                 "
                                 typeahead-no-results="sinResultados" typeahead-min-length="0" typeahead-on-select="seleccionar($item)"
                                 class="form-control mb-2" ng-disabled="domicilio.id > 0" ng-required="true">
                             <i ng-show="cargandoClientes" class="fas fa-sync"></i>
                             <div ng-show="sinResultados">
                                 No se encontraron resultados.
                             </div>
                         </div>
                         <a class="btn" ng-click="removeNewChoice(domicilio)" ng-if="domicilio.id==0">-</a>
                         <a class="btn" ng-click="addNewDom()">+</a>
                     </div>
                 </div>
             </div>
         </uib-tab>
         <uib-tab index="1" heading="Producto" disable="formCrearNota.$invalid">
             <div>
                 <div class="col-auto my-2">
                     <button ng-click="crearNotaPedido()" type="button" title="Crear nota pedido" class="btn btn-primary float-right">Crear</button>
                 </div>
             </div>
             <br>
             <br>
             <div class="row">
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Precios y condiciones</label>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="col-auto">
                         <select class="form-control" ng-change="cargarArticulos()" ng-model="notaPedido.precioCondicion" ng-options="preCond.id as preCond.nombre for preCond in precioCondiciones">
                         </select>
                     </div>
                 </div>
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Producto</label>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="col-auto">
                         <input type="text" class="form-control" placeholder="Seleccione producto" ng-model="notaPedido.producto"
                             ng-click="seleccionarArticulo()" readonly>
                     </div>
                 </div>
             </div>
             <div class="col-md-12">
                 <table class="table my-3 table-hover table-nonfluid">
                     <thead>
                         <tr>
                             <th>Código</th>
                             <th>Nombre</th>
                             <th>Precio unitario</th>
                             <th>Costo unitario bruto</th>
                             <th>Cantidad</th>
                             <th>Subtotal</th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr ng-repeat="articulo in articulosTabla">
                             <td ng-bind="articulo.codigo"></td>
                             <td ng-bind="articulo.nombre"></td>
                             <td ng-bind="articulo.precio"></td>
                             <td ng-bind="articulo.costoUnitario"></td>
                             <td><input ng-model="articulo.cantidad" class="form-control" type="number" min="0" value="1"></td>
                             <td ng-bind="getSubTotal(articulo.item)"></td>
                         </tr>
                     </tbody>
                 </table>
             </div>
         </uib-tab>
     </uib-tabset>
 </form>-->