Jose Pinto / foca-crear-cobranza

Browse Code »

Commit 9ac989f257bb678c2243b9f7a1698de809436ae6

Authored by Eric Fernandez 2018-12-04 11:37:10 -0300

0 parents

Exists in master

first commit

Showing 12 changed files with 1149 additions and 0 deletions Show diff stats

.gitignore

Diff comments View file @ 9ac989f

File was created	1	/node_modules
	2	/dist
	3	package-lock\.json
	4	/src/etc/develop.js
	5	tmp/
	6

.jshintrc

Diff comments View file @ 9ac989f

File was created	1	{
	2	/*
	3	* ENVIRONMENTS
	4	* =================
	5	*/
	6
	7	// Define globals exposed by modern browsers.
	8	"browser": true,
	9
	10	// Define globals exposed by jQuery.
	11	"jquery": true,
	12
	13	// Define globals exposed by Node.js.
	14	"node": true,
	15
	16	// Allow ES6.
	17	"esversion": 6,
	18
	19	/*
	20	* ENFORCING OPTIONS
	21	* =================
	22	*/
	23
	24	// Force all variable names to use either camelCase style or UPPER_CASE
	25	// with underscores.
	26	"camelcase": true,
	27
	28	// Prohibit use of == and != in favor of === and !==.
	29	"eqeqeq": true,
	30
	31	// Enforce tab width of 2 spaces.
	32	"indent": 4,
	33
	34	// Prohibit use of a variable before it is defined.
	35	"latedef": false,
	36
	37	// Enforce line length to 100 characters
	38	"maxlen": 100,
	39
	40	// Require capitalized names for constructor functions.
	41	"newcap": true,
	42
	43	// Enforce use of single quotation marks for strings.
	44	"quotmark": "single",
	45
	46	// Enforce placing 'use strict' at the top function scope
	47	"strict": false,
	48
	49	// Prohibit use of explicitly undeclared variables.
	50	"undef": true,
	51
	52	// Warn when variables are defined but never used.
	53	"unused": true,
	54
	55	// Para que funcione en angular
	56	"predef": ["angular", "alert", "spyOn", "expect", "it", "inject", "beforeEach", "describe"],
	57	/*
	58	* RELAXING OPTIONS
	59	* =================
	60	*/
	61
	62	// Suppress warnings about == null comparisons.
	63	"eqnull": true
	64	}
	65

README.md

Diff comments View file @ 9ac989f

	File was created	1	foca-crear-cobranza
		2

gulpfile.js

Diff comments View file @ 9ac989f

File was created	1	const templateCache = require('gulp-angular-templatecache');
	2	const clean = require('gulp-clean');
	3	const concat = require('gulp-concat');
	4	const htmlmin = require('gulp-htmlmin');
	5	const rename = require('gulp-rename');
	6	const uglify = require('gulp-uglify');
	7	const gulp = require('gulp');
	8	const pump = require('pump');
	9	const jshint = require('gulp-jshint');
	10	const replace = require('gulp-replace');
	11	const connect = require('gulp-connect');
	12
	13	var paths = {
	14	srcJS: 'src/js/*.js',
	15	srcViews: 'src/views/*.html',
	16	tmp: 'tmp',
	17	dist: 'dist/'
	18	};
	19
	20	gulp.task('templates', ['clean'], function() {
	21	return pump(
	22	[
	23	gulp.src(paths.srcViews),
	24	htmlmin(),
	25	templateCache('views.js', {
	26	module: 'focaCrearCobranza',
	27	root: ''
	28	}),
	29	gulp.dest(paths.tmp)
	30	]
	31	);
	32	});
	33
	34	gulp.task('uglify', ['templates'], function() {
	35	return pump(
	36	[
	37	gulp.src([
	38	paths.srcJS,
	39	'tmp/views.js'
	40	]),
	41	concat('foca-crear-cobranza.js'),
	42	replace('src/views/', ''),
	43	gulp.dest(paths.tmp),
	44	rename('foca-crear-cobranza.min.js'),
	45	uglify(),
	46	replace('"ngRoute","ui.bootstrap","focaModal","focaModalFactura","focaBusquedaCliente",'+
	47	'"focaDirectivas","focaModalMoneda","focaModalCotizacion"', ''),
	48	gulp.dest(paths.dist)
	49	]
	50	);
	51	});
	52
	53	gulp.task('clean', function() {
	54	return gulp.src(['tmp', 'dist'], {read: false})
	55	.pipe(clean());
	56	});
	57
	58	gulp.task('pre-commit', function() {
	59	return pump(
	60	[
	61	gulp.src(paths.srcJS),
	62	jshint('.jshintrc'),
	63	jshint.reporter('default'),
	64	jshint.reporter('fail')
	65	]
	66	);
	67
	68	gulp.start('uglify');
	69	});
	70
	71	gulp.task('webserver', function() {
	72	pump [
	73	connect.server({port: 3300, host: '0.0.0.0'})
	74	]
	75	});
	76
	77	gulp.task('clean-post-install', function() {
	78	return gulp.src(['src', 'tmp', '.jshintrc','readme.md', '.gitignore', 'gulpfile.js',
	79	'index.html'], {read: false})
	80	.pipe(clean());
	81	});
	82
	83	gulp.task('default', ['webserver']);
	84
	85	gulp.task('watch', function() {
	86	gulp.watch([paths.srcJS, paths.srcViews], ['uglify']);
	87	});
	88

index.html

Diff comments View file @ 9ac989f

File was created	1	<html ng-app="focaCrearCobranza">
	2	<head>
	3	<meta charset="UTF-8"/>
	4	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	5
	6	<!--CSS-->
	7	<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
	8	<link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
	9	<link href="node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet">
	10
	11	<!--VENDOR JS-->
	12	<script src="node_modules/jquery/dist/jquery.min.js"></script>
	13	<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
	14	<script src="node_modules/angular/angular.min.js"></script>
	15	<script src="node_modules/angular-route/angular-route.min.js"></script>
	16	<script src="node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>
	17	<script src="node_modules/ladda/dist/spin.min.js"></script>
	18	<script src="node_modules/ladda/dist/ladda.min.js"></script>
	19	<script src="node_modules/angular-ladda/dist/angular-ladda.min.js"></script>
	20
	21	<script src="node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
	22	<script src="node_modules/foca-modal/dist/foca-modal.min.js"></script>
	23	<script src="node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
	24	<script src="node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script>
	25	<script src="node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script>
	26
	27	<script src="src/js/app.js"></script>
	28	<script src="src/js/controller.js"></script>
	29	<script src="src/js/service.js"></script>
	30	<script src="src/js/businessService.js"></script>
	31	<script src="src/js/route.js"></script>
	32
	33	<script src="src/etc/develop.js"></script>
	34	</head>
	35	<body>
	36	<div ng-view class="container-fluid"></div>
	37	</body>
	38	</html>
	39

package.json

Diff comments View file @ 9ac989f

File was created	1	{
	2	"name": "foca-crear-cobranza",
	3	"version": "0.0.1",
	4	"description": "sistema de cobranzas a partir de facturas",
	5	"main": "index.js",
	6	"scripts": {
	7	"test": "echo \"Error: no test specified\" && exit 1",
	8	"compile": "gulp uglify",
	9	"gulp-pre-commit": "gulp pre-commit",
	10	"postinstall": "npm run compile && gulp clean-post-install",
	11	"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+http://git.focasoftware.com/npm/foca-directivas.git git+http://git.focasoftware.com/npm/foca-modal-factura.git git+http://git.focasoftware.com/npm/foca-busqueda-cliente.git git+http://git.focasoftware.com/npm/foca-directivas.git"
	12	},
	13	"pre-commit": [
	14	"gulp-pre-commit"
	15	],
	16	"repository": {
	17	"type": "git",
	18	"url": "http://git.focasoftware.com/npm/foca-crear-cobranza.git"
	19	},
	20	"author": "Foca Software",
	21	"license": "ISC",
	22	"devDependencies": {
	23	"angular": "^1.7.5",
	24	"angular-ladda": "^0.4.3",
	25	"angular-route": "^1.7.5",
	26	"bootstrap": "^4.1.3",
	27	"foca-busqueda-cliente": "git+http://git.focasoftware.com/npm/foca-busqueda-cliente.git",
	28	"foca-directivas": "git+http://git.focasoftware.com/npm/foca-directivas.git",
	29	"foca-modal": "git+http://git.focasoftware.com/npm/foca-modal.git",
	30	"foca-modal-factura": "git+http://git.focasoftware.com/npm/foca-modal-factura.git",
	31	"font-awesome": "^4.7.0",
	32	"gulp": "^3.9.1",
	33	"gulp-angular-templatecache": "^2.2.5",
	34	"gulp-clean": "^0.4.0",
	35	"gulp-concat": "^2.6.1",
	36	"gulp-connect": "^5.6.1",
	37	"gulp-htmlmin": "^5.0.1",
	38	"gulp-jshint": "^2.1.0",
	39	"gulp-rename": "^1.4.0",
	40	"gulp-replace": "^1.0.0",
	41	"gulp-sequence": "^1.0.0",
	42	"gulp-uglify": "^3.0.1",
	43	"gulp-uglify-es": "^1.0.4",
	44	"jasmine-core": "^3.3.0",
	45	"jquery": "^3.3.1",
	46	"jshint": "^2.9.6",
	47	"ladda": "1.0.6",
	48	"pre-commit": "^1.2.2",
	49	"pump": "^3.0.0",
	50	"ui-bootstrap4": "^3.0.5"
	51	}
	52	}
	53

src/etc/develop.js.ejemplo

Diff comments View file @ 9ac989f

File was created	1	angular.module('focaCrearCobranza')
	2	.constant("API_ENDPOINT", {
	3	'URL': '//127.0.0.1:9000'
	4	});
	5

src/js/app.js

Diff comments View file @ 9ac989f

File was created	1	angular.module('focaCrearCobranza', [
	2	'ngRoute',
	3	'ui.bootstrap',
	4	'focaModal',
	5	'focaModalFactura',
	6	'focaBusquedaCliente',
	7	'focaDirectivas',
	8	'focaModalMoneda',
	9	'focaModalCotizacion'
	10	]);
	11

src/js/controller.js

Diff comments View file @ 9ac989f

File was created	1	angular.module('focaCrearCobranza') .controller('cobranzaController',
	2	[
	3	'$scope',
	4	'$uibModal',
	5	'$location',
	6	'$filter',
	7	'focaCrearCobranzaService',
	8	'focaModalService',
	9	function($scope, $uibModal, $location, $filter, focaCrearCobranzaService, focaModalService)
	10	{
	11	$scope.botonera = [
	12	{texto: 'Cliente', accion: function() {$scope.seleccionarCliente();}},
	13	{texto: 'Cobrador', accion: function() {$scope.seleccionarCobrador();}},
	14	{texto: 'Deuda', accion: function() {$scope.swichDeuda();}},
	15	{texto: 'Cobros', accion: function() {$scope.swichCobro();}},
	16	{texto: 'Moneda', accion: function() {$scope.seleccionarMoneda();}},
	17	{texto: '', accion: function() {}},
	18	{texto: '', accion: function() {}},
	19	{texto: '', accion: function() {}}
	20	];
	21	$scope.datepickerAbierto = false;
	22	$scope.cobroDeuda = true;
	23	$scope.show = false;
	24	$scope.cargando = true;
	25	$scope.dateOptions = {
	26	maxDate: new Date(),
	27	minDate: new Date(2010, 0, 1)
	28	};
	29
	30	$scope.cobranza = {
	31	fecha: new Date()
	32	};
	33
	34	$scope.cabecera = [];
	35	$scope.showCabecera = true;
	36
	37	$scope.now = new Date();
	38	$scope.puntoVenta = '0000';
	39	$scope.comprobante = '00000000';
	40	$scope.facturaTabla = [];
	41	$scope.cobrosTabla = [];
	42
	43	var monedaPorDefecto;
	44	//Trabajo con la cotización más reciente, por eso uso siempre la primera '[0]'
	45	focaCrearCobranzaService.getCotizacionByIdMoneda(1).then(function(res) {
	46	monedaPorDefecto = res.data[0];
	47	addCabecera('Moneda:', monedaPorDefecto.DETALLE);
	48	addCabecera('Fecha cotizacion:',
	49	new Date(monedaPorDefecto.cotizaciones[0].FECHA).toLocaleDateString());
	50	addCabecera('Cotizacion:', monedaPorDefecto.cotizaciones[0].VENDEDOR);
	51	$scope.cobranza.moneda = monedaPorDefecto;
	52	$scope.cobranza.cotizacion = monedaPorDefecto.cotizaciones[0];
	53	});
	54
	55	focaCrearCobranzaService.getNumeroRecibo().then(
	56	function(res) {
	57	$scope.puntoVenta = $scope.rellenar(res.data.sucursal, 4);
	58	$scope.comprobante = $scope.rellenar(res.data.numeroRecibo, 8);
	59	},
	60	function(err) {
	61	focaModalService.alert('La terminal no esta configurada correctamente');
	62	console.info(err);
	63	}
	64	);
	65	$scope.crearCobranza = function() {
	66	if(!$scope.cliente.COD) {
	67	focaModalService.alert('Ingrese Cliente');
	68	return;
	69	}else if($scope.facturaTabla.length < 1) {
	70	focaModalService.alert('Ingrese al menos una factura');
	71	return;
	72	}
	73	//TODO: Guarda cobranza
	74	// var date = new Date();
	75	// var cobranza = {
	76	// };
	77	};
	78
	79	$scope.swichCobro = function() {
	80	$scope.cobroDeuda = false;
	81	};
	82
	83	$scope.swichDeuda = function() {
	84	$scope.cobroDeuda = true;
	85	};
	86
	87	$scope.seleccionarCliente = function() {
	88
	89	var modalInstance = $uibModal.open(
	90	{
	91	ariaLabelledBy: 'Busqueda de Cliente',
	92	templateUrl: 'foca-busqueda-cliente-modal.html',
	93	controller: 'focaBusquedaClienteModalController',
	94	size: 'lg'
	95	}
	96	);
	97	modalInstance.result.then(
	98	function(cliente) {
	99	addCabecera('Cliente:', cliente.nom);
	100	$scope.cobranza.cliente = {
	101	COD: cliente.cod,
	102	CUIT: cliente.cuit,
	103	NOM: cliente.nom
	104	};
	105	}, function() {
	106
	107	}
	108	);
	109	};
	110
	111	$scope.seleccionarFactura = function() {
	112	if(!$scope.cobranza.cliente) {
	113	focaModalService.alert('Seleccione primero un cliente');
	114	return;
	115	}
	116	var modalInstance = $uibModal.open(
	117	{
	118	ariaLabelledBy: 'Busqueda de Facturas',
	119	templateUrl: 'foca-modal-factura.html',
	120	controller: 'focaModalFacturaController',
	121	size: 'lg',
	122	resolve: {
	123	cliente: function() {return $scope.cobranza.cliente.COD;}
	124	}
	125	}
	126	);
	127	modalInstance.result.then(
	128	function(facturas) {
	129	$scope.facturaTabla = $scope.facturaTabla.concat(facturas);
	130	}, function() {
	131
	132	}
	133	);
	134	};
	135
	136	$scope.seleccionarCheque = function() {
	137	var modalInstance = $uibModal.open(
	138	{
	139	ariaLabelledBy: 'Carga de cheques',
	140	templateUrl: 'modal-cheque.html',
	141	controller: 'focaModalChequeController',
	142	size: 'lg'
	143	}
	144	);
	145	modalInstance.result.then(
	146	function(cheque) {
	147	var cobro = {
	148	tipo: 'Cheque',
	149	fecha: cheque.fechaValor,
	150	importe: cheque.importe
	151	};
	152	$scope.cobrosTabla.push(cobro);
	153	}, function() {
	154
	155	}
	156	);
	157	};
	158
	159	$scope.seleccionarEfectivo = function() {
	160	var modalInstance = $uibModal.open(
	161	{
	162	ariaLabelledBy: 'Carga de cheques',
	163	templateUrl: 'modal-efectivo.html',
	164	controller: 'focaModalEfectivoController',
	165	size: 'sm'
	166	}
	167	);
	168	modalInstance.result.then(
	169	function(efectivo) {
	170	var cobro = {
	171	tipo: 'Efectivo',
	172	fecha: new Date(),
	173	importe: efectivo
	174	};
	175	$scope.cobrosTabla.push(cobro);
	176	}, function() {
	177
	178	}
	179	);
	180	};
	181
	182	$scope.seleccionarMoneda = function() {
	183	var modalInstance = $uibModal.open(
	184	{
	185	ariaLabelledBy: 'Busqueda de Moneda',
	186	templateUrl: 'modal-moneda.html',
	187	controller: 'focaModalMonedaController',
	188	size: 'lg'
	189	}
	190	);
	191	modalInstance.result.then(
	192	function(moneda) {
	193	$scope.seleccionarCotizacion(moneda);
	194	}, function() {
	195
	196	}
	197	);
	198	};
	199
	200	$scope.seleccionarCobrador = function() {
	201	var modalInstance = $uibModal.open(
	202	{
	203	ariaLabelledBy: 'Busqueda de Cobradores',
	204	templateUrl: 'modal-cobradores.html',
	205	controller: 'focaModalCobradoresController',
	206	size: 'lg'
	207	}
	208	);
	209	modalInstance.result.then(
	210	function(cobrador) {
	211	addCabecera('Cobrador:', cobrador.nombre);
	212	$scope.cobranza.cobrador = cobrador;
	213	}, function() {
	214
	215	}
	216	);
	217	};
	218
	219	$scope.seleccionarCotizacion = function(moneda) {
	220	var modalInstance = $uibModal.open(
	221	{
	222	ariaLabelledBy: 'Busqueda de Cotización',
	223	templateUrl: 'modal-cotizacion.html',
	224	controller: 'focaModalCotizacionController',
	225	size: 'lg',
	226	resolve: {idMoneda: function() {return moneda.ID;}}
	227	}
	228	);
	229	modalInstance.result.then(
	230	function(cotizacion) {
	231	$scope.cobranza.moneda = moneda;
	232	$scope.cobranza.cotizacion = cotizacion;
	233	addCabecera('Moneda:', moneda.DETALLE);
	234	addCabecera(
	235	'Fecha cotizacion:',
	236	$filter('date')(cotizacion.FECHA, 'dd/MM/yyyy')
	237	);
	238	addCabecera('Cotizacion:', cotizacion.VENDEDOR);
	239	}, function() {
	240
	241	}
	242	);
	243	};
	244
	245	$scope.agregarCobro = function(key) {
	246	if(key === 13) {
	247	var cobro = {
	248	cobro: 'Efectivo',
	249	fecha: new Date(),
	250	importe: $scope.cobroEfectivo
	251	};
	252	$scope.cobrosTabla.push(cobro);
	253	}
	254	};
	255
	256	$scope.getTotalDeuda = function() {
	257	var total = 0;
	258	for (var i = 0; i < $scope.facturaTabla.length; i++) {
	259	total += $scope.facturaTabla[i].IPA;
	260	}
	261	return parseFloat(total.toFixed(2));
	262	};
	263
	264	$scope.getTotalCobrado = function() {
	265	var total = 0;
	266	for (var i = 0; i < $scope.cobrosTabla.length; i++) {
	267	total += $scope.cobrosTabla[i].importe;
	268	}
	269	return parseFloat(total.toFixed(2));
	270	};
	271
	272	$scope.getSubTotal = function() {
	273	if($scope.articuloACargar) {
	274	return $scope.articuloACargar.precio * $scope.articuloACargar.cantidad;
	275	}
	276	};
	277	//Recibe aviso si el teclado está en uso
	278	// $rootScope.$on('usarTeclado', function(event, data) {
	279	// if(data) {
	280	// $scope.mostrarTeclado = true;
	281	// return;
	282	// }
	283	// $scope.mostrarTeclado = false;
	284	// })
	285	$scope.selectFocus = function($event) {
	286	//Si el teclado esta en uso no selecciona el valor
	287	// if($scope.mostrarTeclado) {
	288	// return;
	289	// }
	290	$event.target.select();
	291	};
	292
	293	$scope.salir = function() {
	294	$location.path('/');
	295	};
	296
	297	$scope.parsearATexto = function(articulo) {
	298	articulo.cantidad = parseFloat(articulo.cantidad);
	299	articulo.precio = parseFloat(articulo.precio);
	300	};
	301
	302	$scope.rellenar = function(relleno, longitud) {
	303	relleno = '' + relleno;
	304	while (relleno.length < longitud) {
	305	relleno = '0' + relleno;
	306	}
	307
	308	return relleno;
	309	};
	310
	311	$scope.quitarFactura = function(key) {
	312	$scope.facturaTabla.splice(key, 1);
	313	};
	314
	315	$scope.quitarCobro = function(key) {
	316	$scope.cobrosTabla.splice(key, 1);
	317	};
	318
	319	function addCabecera(label, valor) {
	320	var propiedad = $filter('filter')($scope.cabecera, {label: label}, true);
	321	if(propiedad.length === 1) {
	322	propiedad[0].valor = valor;
	323	} else {
	324	$scope.cabecera.push({label: label, valor: valor});
	325	}
	326	}
	327	// TODO: descomentar cuando se use
	328	/*function removeCabecera(label) {
	329	var propiedad = $filter('filter')($scope.cabecera, {label: label}, true);
	330	if(propiedad.length === 1){
	331	$scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1);
	332	}
	333	}*/
	334	}
	335	]);
	336

src/js/route.js

Diff comments View file @ 9ac989f

File was created	1	angular.module('focaCrearCobranza')
	2	.config(['$routeProvider', function($routeProvider) {
	3	$routeProvider.when('/cobranza/crear', {
	4	controller: 'cobranzaController',
	5	templateUrl: 'src/views/cobranza.html'
	6	});
	7	}]);
	8

src/js/service.js

Diff comments View file @ 9ac989f

File was created	1	angular.module('focaCrearCobranza')
	2	.service('focaCrearCobranzaService', ['$http', 'API_ENDPOINT', function($http, API_ENDPOINT) {
	3	return {
	4	getNumeroRecibo: function() {
	5	return $http.get(API_ENDPOINT.URL + '/cobranza/numero-siguiente');
	6	},
	7	getCotizacionByIdMoneda: function(id) {
	8	return $http.get(API_ENDPOINT.URL + '/moneda/' + id);
	9	}
	10	};
	11	}]);
	12

src/views/cobranza.html

Diff comments View file @ 9ac989f

File was created	1	<div class="crear-nota-pedido">
	2	<form name="formCrearNota" ng-submit="crearNotaPedido()" class="mb-0">
	3	<div class="row">
	4	<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
	5	<div class="row p-1 panel-informativo">
	6	<div class="col-12">
	7	<div class="row">
	8	<div class="col-12 col-sm-4 nota-pedido">
	9	<strong>Cobranza</strong>
	10	</div>
	11	<div class="col-5 col-sm-4 numero-pedido"
	12	>Nº {{puntoVenta}}-{{comprobante}}
	13	</div>
	14	<div class="col-7 col-sm-4 text-right">
	15	Fecha:
	16	<span
	17	ng-show="!datepickerAbierto"
	18	ng-bind="now \| date:'dd/MM/yyyy HH:mm'"
	19	ng-click="datepickerAbierto = true"
	20	>
	21	</span>
	22	<input
	23	ng-show="datepickerAbierto"
	24	type="date"
	25	ng-model="now"
	26	ng-change="datepickerAbierto = false"
	27	ng-blur="datepickerAbierto = false"
	28	class="form-control form-control-sm col-8 float-right"
	29	foca-focus="datepickerAbierto"
	30	hasta-hoy
	31	/>
	32	</div>
	33	</div>
	34	<div class="row">
	35	<div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
	36	<span class="label" ng-bind="cab.label"></span>
	37	<span class="valor" ng-bind="cab.valor"></span>
	38	</div>
	39	<a
	40	class="btn col-12 btn-secondary d-sm-none"
	41	ng-show="cabecera.length > 0"
	42	ng-click="showCabecera = !showCabecera"
	43	>
	44	<i
	45	class="fa fa-chevron-down"
	46	ng-hide="showCabecera"
	47	aria-hidden="true"
	48	>
	49	</i>
	50	<i
	51	class="fa fa-chevron-up"
	52	ng-show="showCabecera"
	53	aria-hidden="true">
	54	</i>
	55	</a>
	56	</div>
	57	</div>
	58	</div>
	59	<div class="row p-1 botonera-secundaria">
	60	<div class="col-12">
	61	<div class="row">
	62	<div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
	63	<button
	64	type="button"
	65	class="btn btn-default btn-block btn-xs text-left py-2"
	66	ng-click="boton.accion()"
	67	ng-class="{'d-none d-sm-block': boton.texto == ''}"
	68	>
	69	<i
	70	class="fa fa-arrow-circle-right"
	71	ng-show="boton.texto != ''"
	72	></i>
	73
	74	{{boton.texto}}
	75	</button>
	76	</div>
	77	</div>
	78	</div>
	79	</div>
	80	</div>
	81	</div>
	82	</form>
	83	<div class="row">
	84	<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
	85	<!-- PC -->
	86	<div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="cobroDeuda">
	87	<table class="table tabla-articulo table-striped table-sm table-dark">
	88	<thead>
	89	<tr class="d-flex">
	90	<th class="col-auto">#</th>
	91	<th class="col">Factura</th>
	92	<th class="col">Cliente</th>
	93	<th class="col">Fecha</th>
	94	<th class="col">Importe</th>
	95	<th class="col-auto">
	96	<button
	97	class="btn btn-outline-secondary selectable"
	98	ng-click="show = !show; masMenos()"
	99	>
	100	<i
	101	class="fa fa-chevron-down"
	102	ng-show="show"
	103	aria-hidden="true"
	104	>
	105	</i>
	106	<i
	107	class="fa fa-chevron-up"
	108	ng-hide="show"
	109	aria-hidden="true">
	110	</i>
	111	</button>
	112	</th>
	113	</th>
	114	</tr>
	115	</thead>
	116	<tbody class="tabla-articulo-body">
	117	<tr
	118	ng-repeat="(key, factura) in facturaTabla"
	119	class="d-flex"
	120	ng-show="show \|\| key == facturaTabla.length - 1"
	121	>
	122	<td ng-bind="key + 1" class="col-auto"></td>
	123	<td class="col"
	124	ng-bind=
	125	"(factura.TCO + '-' + factura.TIP + '-' +
	126	factura.SUC + '-' + factura.NCO)"
	127	></td>
	128	<td class="col" ng-bind="factura.cliente.NOM"></td>
	129	<td class="col" ng-bind="factura.FEP \| date : 'dd/MM/yyyy'"></td>
	130	<td
	131	class="col"
	132	ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) \|
	133	currency: cobranza.moneda.SIMBOLO"></td>
	134	<td class="text-center col-auto">
	135	<button
	136	class="btn btn-outline-secondary"
	137	ng-click="quitarFactura(key)"
	138	>
	139	<i class="fa fa-trash"></i>
	140	</button>
	141	</td>
	142	</tr>
	143	</tbody>
	144	<tfoot>
	145	<tr ng-show="cargando" class="d-flex">
	146	<td class="col-2">
	147	<a
	148	class="form-control form-control-sm btn btn-secondary"
	149	ng-click="seleccionarFactura()"
	150	>Factura</a>
	151	</td>
	152	</tr>
	153	<tr class="d-flex">
	154	<td class="col-auto px-1">
	155	<strong>Comprobantes:</strong>
	156	<a ng-bind="facturaTabla.length"></a>
	157	</td>
	158	<td class="text-right ml-auto table-celda-total no-border-top">
	159	<strong>Total Deuda:</strong>
	160	</td>
	161	<td class="table-celda-total text-right no-border-top">
	162	<strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) \|
	163	currency: cobranza.moneda.SIMBOLO}}</strong>
	164	</td>
	165	<td class="text-right ml-auto table-celda-total no-border-top">
	166	<strong>Total Cobrado:</strong>
	167	</td>
	168	<td class="table-celda-total text-right no-border-top">
	169	<strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) \|
	170	currency: cobranza.moneda.SIMBOLO}}</strong>
	171	</td>
	172	<td class="text-right ml-auto table-celda-total no-border-top">
	173	<strong>DF:</strong>
	174	</td>
	175	<td class="table-celda-total text-right no-border-top">
	176	<strong>{{((getTotalCobrado() - getTotalDeuda()) /
	177	cobranza.cotizacion.VENDEDOR) \| currency: cobranza.moneda.SIMBOLO}}
	178	</strong>
	179	</td>
	180	</tr>
	181	</tfoot>
	182	</table>
	183	</div>
	184	<div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="!cobroDeuda">
	185	<table class="table tabla-articulo table-striped table-sm table-dark">
	186	<thead>
	187	<tr class="d-flex">
	188	<th class="col-auto">#</th>
	189	<th class="col">Cobro</th>
	190	<th class="col">Fecha</th>
	191	<th class="col">Importe</th>
	192	<th class="col-auto">
	193	<button
	194	class="btn btn-outline-secondary selectable"
	195	ng-click="show = !show; masMenos()"
	196	>
	197	<i
	198	class="fa fa-chevron-down"
	199	ng-show="show"
	200	aria-hidden="true"
	201	>
	202	</i>
	203	<i
	204	class="fa fa-chevron-up"
	205	ng-hide="show"
	206	aria-hidden="true">
	207	</i>
	208	</button>
	209	</th>
	210	</th>
	211	</tr>
	212	</thead>
	213	<tbody class="tabla-articulo-body">
	214	<tr
	215	ng-repeat="(key, cobro) in cobrosTabla"
	216	class="d-flex"
	217	ng-show="show \|\| key == cobrosTabla.length - 1"
	218	>
	219	<td ng-bind="key + 1" class="col-auto"></td>
	220	<td class="col" ng-bind="cobro.tipo"></td>
	221	<td class="col" ng-bind="cobro.fecha \| date : 'dd/MM/yyyy'"></td>
	222	<td
	223	class="col"
	224	ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) \|
	225	currency: cobranza.moneda.SIMBOLO"></td>
	226	<td class="text-center col-auto">
	227	<button
	228	class="btn btn-outline-secondary"
	229	ng-click="quitarCobro(key)"
	230	>
	231	<i class="fa fa-trash"></i>
	232	</button>
	233	</td>
	234	</tr>
	235	</tbody>
	236	<tfoot>
	237	<tr ng-show="cargando" class="d-flex">
	238	<td class="col-2">
	239	<a
	240	class="form-control form-control-sm btn btn-secondary"
	241	ng-click="seleccionarCheque()"
	242	>Cheque</a>
	243	</td>
	244	<td class="col-2">
	245	<a
	246	class="form-control form-control-sm btn btn-secondary"
	247	ng-click="seleccionarEfectivo()"
	248	>Efectivo</a>
	249	</td>
	250	</tr>
	251	<tr class="d-flex">
	252	<td class="col-auto px-1">
	253	<strong>Cobros:</strong>
	254	<a ng-bind="cobrosTabla.length"></a>
	255	</td>
	256	<td class="text-right ml-auto table-celda-total no-border-top">
	257	<strong>Total Deuda:</strong>
	258	</td>
	259	<td class="table-celda-total text-right no-border-top">
	260	<strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) \|
	261	currency: cobranza.moneda.SIMBOLO}}</strong>
	262	</td>
	263	<td class="text-right ml-auto table-celda-total no-border-top">
	264	<strong>Total Cobrado:</strong>
	265	</td>
	266	<td class="table-celda-total text-right no-border-top">
	267	<strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) \|
	268	currency: cobranza.moneda.SIMBOLO}}</strong>
	269	</td>
	270	<td class="text-right ml-auto table-celda-total no-border-top">
	271	<strong>DF:</strong>
	272	</td>
	273	<td class="table-celda-total text-right no-border-top">
	274	<strong>{{((getTotalCobrado() - getTotalDeuda()) /
	275	cobranza.cotizacion.VENDEDOR) \| currency: cobranza.moneda.SIMBOLO}}
	276	</strong>
	277	</td>
	278	</tr>
	279	</tfoot>
	280	</table>
	281	</div>
	282	<!-- MOBILE -->
	283	<div class="row d-sm-none">
	284	<table class="table table-sm table-striped table-dark" ng-show="cobroDeuda">
	285	<thead>
	286	<tr class="d-flex">
	287	<th class="">#</th>
	288	<th class="col px-0">
	289	<div class="d-flex">
	290	<div class="col-4 px-1">Factura</div>
	291	<div class="col-4 px-1">Fecha</div>
	292	<div class="col-4 px-1">Importe</div>
	293	</div>
	294	</th>
	295	<th class="text-center tamaño-boton">
	296
	297	</th>
	298	</tr>
	299	</thead>
	300	<tbody>
	301	<tr
	302	ng-repeat="(key, factura) in facturaTabla"
	303	ng-show="show \|\| key == facturaTabla.length - 1"
	304	>
	305	<td class="w-100 align-middle d-flex p-0">
	306	<div class="align-middle p-1">
	307	<span ng-bind="key+1" class="align-middle"></span>
	308	</div>
	309	<div class="col px-0">
	310	<div class="d-flex">
	311	<div class="col-4 px-1">
	312	<span ng-bind=
	313	"(factura.TCO + '-' + factura.TIP + '-' +
	314	factura.SUC + '-' + factura.NCO)"
	315	></span>
	316	</div>
	317	<div class="col-4 px-1">
	318	<span ng-bind="factura.FEP \| date : 'dd/MM/yyyy'"></span>
	319	</div>
	320	<div class="col-4 px-1">
	321	<span
	322	ng-bind="(factura.IPA / cobranza.cotizacion.VENDEDOR) \|
	323	currency:cobranza.moneda.SIMBOLO"></span>
	324	</div>
	325	</div>
	326	</div>
	327	<div class="align-middle p-1">
	328	<button
	329	class="btn btn-outline-secondary"
	330	ng-click="quitarFactura(key)"
	331	>
	332	<i class="fa fa-trash"></i>
	333	</button>
	334	</div>
	335	</td>
	336	</tr>
	337	</tbody>
	338	<tfoot>
	339	<!-- SELECCIONAR PRODUCTO -->
	340	<tr ng-show="cargando" class="d-flex">
	341	<td class="col-12">
	342	<input
	343	placeholder="Seleccione Factura"
	344	class="form-control form-control-sm"
	345	readonly
	346	ng-click="seleccionarFactura()"
	347	/>
	348	</td>
	349	</tr>
	350	<!-- TOOGLE EXPANDIR -->
	351	<tr>
	352	<td class="col">
	353	<button
	354	class="btn btn-outline-secondary selectable w-100"
	355	ng-click="show = !show; masMenos()"
	356	ng-show="facturaTabla.length > 0"
	357	>
	358	<i
	359	class="fa fa-chevron-down"
	360	ng-hide="show"
	361	aria-hidden="true"
	362	>
	363	</i>
	364	<i
	365	class="fa fa-chevron-up"
	366	ng-show="show"
	367	aria-hidden="true">
	368	</i>
	369	</button>
	370	</td>
	371	</tr>
	372	<!-- FOOTER -->
	373	<tr class="d-flex">
	374	<td class="align-middle no-border-top" colspan="2">
	375	<strong>Cantidad Items:</strong>
	376	<a ng-bind="facturaTabla.length"></a>
	377	</td>
	378	</tr>
	379	</tfoot>
	380	</table>
	381	<table class="table table-sm table-striped table-dark" ng-show="!cobroDeuda">
	382	<thead>
	383	<tr class="d-flex">
	384	<th class="">#</th>
	385	<th class="col px-0">
	386	<div class="d-flex">
	387	<div class="col-4 px-1">Cobro</div>
	388	<div class="col-4 px-1">Fecha</div>
	389	<div class="col-4 px-1">Importe</div>
	390	</div>
	391	</th>
	392	<th class="text-center tamaño-boton">
	393
	394	</th>
	395	</tr>
	396	</thead>
	397	<tbody>
	398	<tr
	399	ng-repeat="(key, cobro) in cobrosTabla"
	400	ng-show="show \|\| key == cobrosTabla.length - 1"
	401	>
	402	<td class="w-100 align-middle d-flex p-0">
	403	<div class="align-middle p-1">
	404	<span ng-bind="key+1" class="align-middle"></span>
	405	</div>
	406	<div class="col px-0">
	407	<div class="d-flex">
	408	<div class="col-4 px-1">
	409	<span ng-bind="cobro.tipo"
	410	></span>
	411	</div>
	412	<div class="col-4 px-1">
	413	<span ng-bind="cobro.fecha \| date : 'dd/MM/yyyy'"></span>
	414	</div>
	415	<div class="col-4 px-1">
	416	<span
	417	ng-bind="(cobro.importe / cobranza.cotizacion.VENDEDOR) \|
	418	currency: cobranza.moneda.SIMBOLO"></span>
	419	</div>
	420	</div>
	421	</div>
	422	<div class="align-middle p-1">
	423	<button
	424	class="btn btn-outline-secondary"
	425	ng-click="quitarCobro(key)"
	426	>
	427	<i class="fa fa-trash"></i>
	428	</button>
	429	</div>
	430	</td>
	431	</tr>
	432	</tbody>
	433	<tfoot>
	434	<!-- SELECCIONAR PRODUCTO -->
	435	<tr ng-show="cargando" class="d-flex">
	436	<td class="col-6">
	437	<input
	438	placeholder="Cheque"
	439	class="form-control form-control-sm"
	440	readonly
	441	ng-click="seleccionarCheque()"
	442	/>
	443	</td>
	444	<td class="col-6">
	445	<input
	446	placeholder="Efectivo"
	447	class="form-control form-control-sm"
	448	readonly
	449	ng-click="seleccionarEfectivo()"
	450	/>
	451	</td>
	452	</tr>
	453	<!-- TOOGLE EXPANDIR -->
	454	<tr>
	455	<td class="col">
	456	<button
	457	class="btn btn-outline-secondary selectable w-100"
	458	ng-click="show = !show; masMenos()"
	459	ng-show="cobrosTabla.length > 0"
	460	>
	461	<i
	462	class="fa fa-chevron-down"
	463	ng-hide="show"
	464	aria-hidden="true"
	465	>
	466	</i>
	467	<i
	468	class="fa fa-chevron-up"
	469	ng-show="show"
	470	aria-hidden="true">
	471	</i>
	472	</button>
	473	</td>
	474	</tr>
	475	<!-- FOOTER -->
	476	<tr class="d-flex">
	477	<td class="align-middle no-border-top col-6">
	478	<strong>Cantidad Items:</strong>
	479	<a ng-bind="cobrosTabla.length"></a>
	480	</td>
	481	</tfoot>
	482	</table>
	483	</tr>
	484	<table class="table-responsive">
	485	<tr class="d-flex row">
	486	<td class="text-center ml-auto table-celda-total no-border-top col-4">
	487	<strong>Deuda:</strong>
	488	</td>
	489	<td class="text-center ml-auto table-celda-total no-border-top col-4">
	490	<strong>Cobrado:</strong>
	491	</td>
	492	<td class="text-center ml-auto table-celda-total no-border-top col-4">
	493	<strong>Diferencia:</strong>
	494	</td>
	495	<td class="table-celda-total text-center no-border-top col-4">
	496	<strong>{{(getTotalDeuda() / cobranza.cotizacion.VENDEDOR) \| currency: cobranza.moneda.SIMBOLO}}</strong>
	497	</td>
	498	<td class="table-celda-total text-center no-border-top col-4">
	499	<strong>{{(getTotalCobrado() / cobranza.cotizacion.VENDEDOR) \| currency: cobranza.moneda.SIMBOLO}}</strong>
	500	</td>
	501	<td class="table-celda-total text-center no-border-top col-4">
	502	<strong>{{((getTotalCobrado() - getTotalDeuda()) / cobranza.cotizacion.VENDEDOR) \| currency: cobranza.moneda.SIMBOLO}}</strong>
	503	</td>
	504	</tr>
	505	</table>
	506	</div>
	507	</div>
	508	<div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-md-block">
	509	<div class="row align-items-end">
	510	<div class="col-12">
	511	<button
	512	ng-click="crearHojaRuta()"
	513	type="submit"
	514	title="Crear nota pedido"
	515	class="btn btn-default btn-block mb-2">
	516	Guardar
	517	</button>
	518	<button
	519	ng-click="salir()"
	520	type="button"
	521	title="Salir"
	522	class="btn btn-default btn-block">
	523	Salir
	524	</button>
	525	</div>
	526	</div>
	527	</div>
	528	</div>
	529	<div class="row d-md-none fixed-bottom">
	530	<div class="w-100 bg-dark d-flex px-3 acciones-mobile">
	531	<span class="ml-3 text-muted" ng-click="salir()">Salir</span>
	532	<span class="mr-3 ml-auto" ng-click="crearHojaRuta()">Guardar</span>
	533	</div>
	534	</div>
	535	</div>
	536