Joel Vitelli / foca-crear-nota-pedido

Browse Code »

Commit 4ce4edd31a9613a37ea6766b277b94a68d235bae

Authored by Eric Fernandez 2018-10-31 13:44:28 -0300

2 parents 3e04616ff2 7a4e64e877

Exists in master and in 1 other branch

Merge branch 'master' of https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido

Showing 3 changed files Show diff stats

package.json

Diff comments View file @ 4ce4edd

 {
     "name": "foca-crear-nota-pedido",
     "version": "0.0.1",
     "description": "Listado y ABM nota de pedidos",
     "main": "index.js",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "compile": "gulp uglify",
         "gulp-pre-commit": "gulp pre-commit",
         "postinstall": "npm run compile && gulp clean-post-install",
         "install-dev": "npm install -D jasmine-core pre-commit angular angular-ladda ladda@1.0.6 angular-route bootstrap ui-bootstrap4 font-awesome gulp gulp-angular-templatecache gulp-connect gulp-clean gulp-htmlmin gulp-jshint gulp-rename gulp-replace gulp-sequence gulp-uglify-es gulp-uglify jquery jshint pump git+https://debo.suite.repo/modulos-npm/foca-directivas.git git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git git+https://debo.suite.repo/modulos-npm/foca-modal-proveedor.git git+https://debo.suite.repo/modulos-npm/foca-modal-busqueda-productos git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente.git git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git git+https://debo.suite.repo/modulos-npm/foca-modal-flete git+https://debo.suite.repo/modulos-npm/foca-modal.git git+https://debo.suite.repo/modulos-npm/foca-modal-domicilio.git"
     },
     "pre-commit": [
         "gulp-pre-commit"
     ],
     "repository": {
         "type": "git",
         "url": "https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido.git"
     },
     "author": "Foca Software",
     "license": "ISC",
     "peerDependencies": {
         "foca-busqueda-cliente": "git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente.git",
         "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git",
         "foca-modal-busqueda-productos": "git+https://debo.suite.repo/modulos-npm/foca-modal-busqueda-productos",
         "foca-modal-proveedor": "git+https://debo.suite.repo/modulos-npm/foca-modal-proveedor.git",
         "foca-modal-vendedores": "git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git"
     },
     "devDependencies": {
         "angular": "^1.7.5",
         "angular-ladda": "^0.4.3",
         "angular-route": "^1.7.5",
         "bootstrap": "^4.1.3",
         "foca-busqueda-cliente": "git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente.git",
         "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git",
         "foca-modal": "git+https://debo.suite.repo/modulos-npm/foca-modal.git",
         "foca-modal-busqueda-productos": "git+https://debo.suite.repo/modulos-npm/foca-modal-busqueda-productos",
         "foca-modal-domicilio": "git+https://debo.suite.repo/modulos-npm/foca-modal-domicilio.git",
-        "foca-modal-flete": "git+https://debo.suite.repo/modulos-npm/foca-modal-flete",
-        "foca-modal-precio-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git",
+        "foca-modal-flete": "git+https://debo.suite.repo/modulos-npm/foca-modal-flete",
+        "foca-modal-precio-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git",
         "foca-modal-proveedor": "git+https://debo.suite.repo/modulos-npm/foca-modal-proveedor.git",
         "foca-modal-vendedores": "git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git",
         "font-awesome": "^4.7.0",
         "gulp": "^3.9.1",
         "gulp-angular-templatecache": "^2.2.2",
         "gulp-clean": "^0.4.0",
         "gulp-concat": "^2.6.1",
         "gulp-connect": "^5.6.1",
         "gulp-htmlmin": "^5.0.1",
         "gulp-jshint": "^2.1.0",
         "gulp-rename": "^1.4.0",
         "gulp-replace": "^1.0.0",
         "gulp-sequence": "^1.0.0",
         "gulp-uglify": "^3.0.1",
         "gulp-uglify-es": "^1.0.4",
         "jasmine-core": "^3.3.0",
         "jquery": "^3.3.1",
         "jshint": "^2.9.6",
         "ladda": "1.0.6",
         "pre-commit": "^1.2.2",
         "pump": "^3.0.0",
         "ui-bootstrap4": "^3.0.5"
     }
 }

src/js/controller.js

Diff comments View file @ 4ce4edd

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

src/views/nota-pedido.html

Diff comments View file @ 4ce4edd

 <div class="crear-nota-pedido">
-    <form name="formCrearNota" ng-submit="crearNotaPedido()">
+    <form name="formCrearNota" ng-submit="crearNotaPedido()" class="mb-0">
         <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-12 col-sm-4 nota-pedido">
                                 <h5>NOTA DE PEDIDO</h5>
                             </div>
                             <div class="col-6 col-sm-4 numero-pedido">Nº {{puntoVenta}}-{{comprobante}}</div>
-                            <div class="col-6 col-sm-4 text-right">
+                            <div class="col-6 col-sm-4 text-right crear-nota-pedido-fecha">
-                                Fecha: {{ now | date:'dd/MM/yyyy HH:mm'}}
+                                Fecha:
+                                <span
+                                    ng-show="!datepickerAbierto"
+                                    ng-bind="now | date:'dd/MM/yyyy HH:mm'"
+                                    ng-click="datepickerAbierto = true"
+                                >
+                                </span>
+                                <input
+                                    ng-show="datepickerAbierto"
+                                    type="date"
+                                    ng-model="now"
+                                    ng-change="datepickerAbierto = false"
+                                    ng-blur="datepickerAbierto = false"
+                                    class="form-control form-control-sm col-8 float-right"
+                                    foca-focus="datepickerAbierto"
+                                />
                             </div>
                         </div>
                         <div class="row">
                             <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
                                 <span class="label" ng-bind="cab.label"></span>
                                 <span class="valor" ng-bind="cab.valor"></span>
                             </div>
                             <a
                                 class="btn col-12 btn-secondary d-sm-none"
                                 ng-show="cabecera.length > 0"
                                 ng-click="showCabecera = !showCabecera"
                             >
                                 <i
                                     class="fa fa-chevron-down"
                                     ng-hide="showCabecera"
                                     aria-hidden="true"
                                 >
                                 </i>
                                 <i
                                     class="fa fa-chevron-up"
                                     ng-show="showCabecera"
                                     aria-hidden="true">
                                 </i>
                             </a>
                         </div>
                     </div>
                 </div>
                 <div class="row p-1 botonera-secundaria">
                     <div class="col-12">
                         <div class="row">
                             <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
                                 <button
                                     type="button"
                                     class="btn btn-default btn-block btn-xs text-left py-2"
                                     ng-click="boton.accion()"
                                     ng-class="{'d-none d-sm-block': boton.texto == ''}"
                                 >
                                     <i
                                         class="fa fa-arrow-circle-right"
                                         ng-show="boton.texto != ''"
                                     ></i>
                                     &nbsp;
                                     {{boton.texto}}
                                 </button>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </form>
     <div class="row">
         <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
             <!-- PC -->
             <div class="row grilla-articulo align-items-end">
-                <table class="table tabla-articulo table-striped table-sm table-dark">
+                <table class="table tabla-articulo table-striped table-sm table-dark mb-0">
                     <thead>
                         <tr class="d-flex">
                             <th class="">#</th>
                             <th class="col">Código</th>
                             <th class="col-4">Descripción</th>
                             <th class="col text-right">Cantidad</th>
                             <th class="col text-right">Precio Unitario</th>
                             <th class="col text-right">SubTotal</th>
                             <th class="text-right">
                                 <button
                                     class="btn btn-outline-secondary selectable"
                                     ng-click="show = !show; masMenos()"
                                 >
                                     <i
                                         class="fa fa-chevron-down"
                                         ng-show="show"
                                         aria-hidden="true"
                                     >
                                     </i>
                                     <i
                                         class="fa fa-chevron-up"
                                         ng-hide="show"
                                         aria-hidden="true">
                                     </i>
                                 </button>
                             </th>
                         </tr>
                     </thead>
                     <tbody class="tabla-articulo-body">
                         <tr
                             ng-repeat="(key, articulo) in articulosTabla"
                             ng-show="show || key == (articulosTabla.length - 1)"
                             class="d-flex"
                         >
                             <td ng-bind="key + 1"></td>
                             <td
                                 class="col"
                                 ng-bind="articulo.sector + '-' + articulo.codigo"
                             ></td>
                             <td
                                 class="col-4"
                                 ng-bind="articulo.descripcion"
                             ></td>
                             <td class="col  text-right">
                                 <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
                                 class="col text-right"
                                 ng-bind="articulo.precio | currency: '$'"
                             ></td>
                             <td
                                 class="col text-right"
                                 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">
                             </td>
                             <td class="text-center">
                                 <button
                                     class="btn btn-outline-secondary"
                                     ng-click="quitarArticulo(key)"
                                 >
                                     <i class="fa fa-trash"></i>
                                 </button>
                             </td>
                         </tr>
                     </tbody>
                     <tfoot>
                         <tr ng-show="!cargando" class="d-flex">
                             <td
                                 class="align-middle"
                                 ng-bind="articulosTabla.length + 1"
                             ></td>
                             <td class="col">
                                 <input
                                     class="form-control"
                                     ng-model="articuloACargar.sectorCodigo"
                                     readonly
                                 >
                             </td>
                             <td class="col-4 tabla-articulo-descripcion">
                                 <input
                                     class="form-control"
                                     ng-model="articuloACargar.descripcion"
                                     readonly
                                 >
                             </td>
                             <td class="col text-right">
                                 <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 class="col text-right">
                                 <input
                                     class="form-control"
                                     ng-value="articuloACargar.precio | currency: '$'"
                                     readonly
                                 >
                             </td>
                             <td class="col text-right">
                                 <input
                                     class="form-control"
                                     ng-value="getSubTotal() | currency: '$'"
                                     readonly
                                 ></td>
                             <td class="text-center align-middle">
                                 <button
                                     class="btn btn-outline-secondary"
                                     ng-click="agregarATabla(13)"
                                 >
                                     <i class="fa fa-save"></i>
                                 </button>
                             </td>
                         </tr>
                         <tr ng-show="cargando" class="d-flex">
                             <td colspan="7" class="col-12">
                                 <input
                                     placeholder="Seleccione Articulo"
                                     class="form-control form-control-sm"
                                     readonly
                                     ng-click="seleccionarArticulo()"
                                 />
                             </td>
                         </tr>
                         <tr class="d-flex">
                             <td colspan="4">
                                 <strong>Cantidad Items:</strong>
                                 <a ng-bind="articulosTabla.length"></a>
                             </td>
                             <td class="text-right ml-auto table-celda-total"><h3>Total:</h3></td>
                             <td class="table-celda-total text-right" colspan="1">
                                 <h3>{{getTotal() | currency: '$'}}</h3>
                             </td>
                             <td class="text-right">
                                 <button
                                     type="button"
                                     class="btn btn-default btn-sm"
                                 >
                                     Totales
                                 </button>
                             </td>
                         </tr>
                     </tfoot>
                 </table>
             </div>
         </div>
         <div class="col-auto my-2 col-lg-2 botonera-lateral">
             <div class="row align-items-end">
                 <div class="col-12">
                     <button
                         ng-click="crearNotaPedido()"
                         type="submit"
                         title="Crear nota pedido"
                         class="btn btn-default btn-block mb-2">
                         Guardar
                     </button>
                     <button
                         ng-click="salir()"
                         type="button"
                         title="Salir"
                         class="btn btn-default btn-block">
                         Salir
                     </button>
                 </div>
             </div>
         </div>
     </div>
 </div>