Mauricio Cattafi / foca-modal-factura

Browse Code »

Commit fab780a800c7d1c37a23b0d5e1765f3e37907b98

Authored by Eric Fernandez 2018-11-26 18:03:01 -0300

0 parents

Exists in master and in 1 other branch

first commit

Showing 11 changed files with 641 additions and 0 deletions Show diff stats

.gitignore

Diff comments View file @ fab780a

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

.jshintrc

Diff comments View file @ fab780a

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 @ fab780a

File was created	1	Busqueda de Facturas
	2	==========================
	3

gulpfile.js

Diff comments View file @ fab780a

File was created	1	const templateCache = require('gulp-angular-templatecache');
	2	const concat = require('gulp-concat');
	3	const htmlmin = require('gulp-htmlmin');
	4	const rename = require('gulp-rename');
	5	const uglify = require('gulp-uglify');
	6	const gulp = require('gulp');
	7	const pump = require('pump');
	8	const jshint = require('gulp-jshint');
	9	const replace = require('gulp-replace');
	10	const connect = require('gulp-connect');
	11	const clean = require('gulp-clean');
	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('clean', function() {
	21	return gulp.src(['tmp', 'dist'], {read: false})
	22	.pipe(clean());
	23	});
	24
	25	gulp.task('templates', ['clean'], function() {
	26	return pump(
	27	[
	28	gulp.src(paths.srcViews),
	29	htmlmin(),
	30	templateCache('views.js', {
	31	module: 'focaModalFactura',
	32	root: ''
	33	}),
	34	gulp.dest(paths.tmp)
	35	]
	36	);
	37	});
	38
	39	gulp.task('uglify', ['templates'], function() {
	40	return pump(
	41	[
	42	gulp.src([
	43	paths.srcJS,
	44	'tmp/views.js'
	45	]),
	46	concat('foca-modal-factura.js'),
	47	replace('src/views/', ''),
	48	replace("['ui.bootstrap', 'focaDirectivas', 'angular-ladda']", '[]'),
	49	gulp.dest(paths.tmp),
	50	rename('foca-modal-factura.min.js'),
	51	uglify(),
	52	gulp.dest(paths.dist)
	53	]
	54	);
	55	});
	56
	57	gulp.task('pre-commit', function() {
	58	return pump(
	59	[
	60	gulp.src(paths.srcJS),
	61	jshint('.jshintrc'),
	62	jshint.reporter('default'),
	63	jshint.reporter('fail')
	64	]
	65	);
	66
	67	gulp.start('uglify');
	68	});
	69
	70	gulp.task('webserver', function() {
	71	pump [
	72	connect.server({port: 3000})
	73	]
	74	});
	75
	76	gulp.task('clean-post-install', function() {
	77	return gulp.src(['src', 'tmp', '.jshintrc','readme.md', '.gitignore', 'gulpfile.js',
	78	'index.html'], {read: false})
	79	.pipe(clean());
	80	});
	81
	82	gulp.task('default', ['webserver']);
	83
	84	gulp.task('watch', function() {
	85	gulp.watch([paths.srcJS, paths.srcViews], ['uglify'])
	86	});
	87
	88	gulp.task('copy', ['uglify'], function() {
	89	gulp.src('dist/*.js')
	90	.pipe(gulp.dest('../../wrapper-demo/node_modules/foca-modal-nota-pedido/dist'));
	91	});
	92
	93	gulp.task('watchAndCopy', function() {
	94	return gulp.watch([paths.srcJS, paths.srcViews], ['copy']);
	95	});
	96

index.html

Diff comments View file @ fab780a

File was created	1	<html ng-app="focaModalFactura">
	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/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>
	16	<script src="node_modules/foca-directivas/dist/foca-directivas.min.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	<!-- BUILD -->
	22	<script src="src/js/app.js"></script>
	23	<script src="src/js/controller.js"></script>
	24	<script src="src/js/service.js"></script>
	25
	26	<!-- /BUILD -->
	27
	28	<!-- CONFIG PARA DEVELOP -->
	29	<script src="src/etc/develop.js"></script>
	30	<script type="text/javascript">
	31	angular.module('focaModalFactura')
	32	.controller('controller', [
	33	'$scope',
	34	'$uibModal',
	35	'$timeout',
	36	function($scope, $uibModal, $timeout) {
	37	openModal();
	38
	39	function openModal() {
	40	var modalInstance = $uibModal.open(
	41	{
	42	ariaLabelledBy: 'Busqueda de Facturas',
	43	templateUrl: 'src/views/foca-modal-factura.html',
	44	controller: 'focaModalFacturaController',
	45	size: 'lg',
	46	resolve: {
	47	cliente: function() {return 1}
	48	}
	49	}
	50	);
	51
	52	modalInstance.result.then(
	53	function (selectedItem) {
	54	console.info(selectedItem);
	55	$timeout(openModal, 500);
	56	}, function () {
	57	console.info('modal-component dismissed at: ' + new Date());
	58	$timeout(openModal, 500);
	59	}
	60	);
	61	}
	62	}
	63	]);
	64	</script>
	65	</head>
	66	<body ng-controller="controller">
	67	</body>
	68	</html>
	69

package.json

Diff comments View file @ fab780a

File was created	1	{
	2	"name": "foca-modal-factura",
	3	"version": "0.0.1",
	4	"description": "Modal para seleccion facturas",
	5	"scripts": {
	6	"test": "echo \"Error: no test specified\" && exit 1",
	7	"gulp-pre-commit": "gulp pre-commit",
	8	"compile": "gulp uglify",
	9	"postinstall": "npm run compile && gulp clean-post-install",
	10	"install-dev": "npm install -D angular angular-ladda ladda@1.0.6 bootstrap font-awesome gulp gulp-angular-templatecache gulp-concat gulp-connect gulp-htmlmin gulp-jshint gulp-rename gulp-replace gulp-uglify gulp-clean jasmine-core jquery jshint pre-commit pump ui-bootstrap4 && npm i -D git+http://git.focasoftware.com/npm/foca-directivas.git"
	11	},
	12	"pre-commit": [
	13	"gulp-pre-commit"
	14	],
	15	"repository": {
	16	"type": "git",
	17	"url": "http://git.focasoftware.com/npm/foca-modal-factura.git"
	18	},
	19	"author": "Foca Software",
	20	"license": "ISC",
	21	"peerDependencies": {
	22	"angular": "^1.7.4",
	23	"bootstrap": "^4.1.3",
	24	"font-awesome": "^4.7.0",
	25	"ui-bootstrap4": "^3.0.4",
	26	"gulp": "^3.9.1",
	27	"gulp-angular-templatecache": "^2.2.1",
	28	"gulp-concat": "^2.6.1",
	29	"gulp-connect": "^5.6.1",
	30	"gulp-htmlmin": "^5.0.1",
	31	"gulp-rename": "^1.4.0",
	32	"gulp-replace": "^1.0.0",
	33	"gulp-uglify": "^3.0.1",
	34	"jquery": "^3.3.1",
	35	"pump": "^3.0.0",
	36	"foca-directivas": "git+http://git.focasoftware.com/npm/foca-directivas"
	37	},
	38	"devDependencies": {
	39	"angular": "^1.7.5",
	40	"angular-ladda": "^0.4.3",
	41	"bootstrap": "^4.1.3",
	42	"foca-directivas": "git+http://git.focasoftware.com/npm/foca-directivas.git",
	43	"font-awesome": "^4.7.0",
	44	"gulp": "^3.9.1",
	45	"gulp-angular-templatecache": "^2.2.5",
	46	"gulp-clean": "^0.4.0",
	47	"gulp-concat": "^2.6.1",
	48	"gulp-connect": "^5.6.1",
	49	"gulp-htmlmin": "^5.0.1",
	50	"gulp-jshint": "^2.1.0",
	51	"gulp-rename": "^1.4.0",
	52	"gulp-replace": "^1.0.0",
	53	"gulp-uglify": "^3.0.1",
	54	"jasmine-core": "^3.3.0",
	55	"jquery": "^3.3.1",
	56	"jshint": "^2.9.6",
	57	"ladda": "^1.0.6",
	58	"pre-commit": "^1.2.2",
	59	"pump": "^3.0.0",
	60	"ui-bootstrap4": "^3.0.5"
	61	}
	62	}
	63

src/etc/develop.js.ejemplo

Diff comments View file @ fab780a

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

src/js/app.js

Diff comments View file @ fab780a

	File was created	1	angular.module('focaModalFactura', ['ui.bootstrap', 'focaDirectivas', 'angular-ladda']);
		2

src/js/controller.js

Diff comments View file @ fab780a

File was created	1	angular.module('focaModalFactura')
	2	.controller('focaModalFacturaController',
	3	[
	4	'$filter',
	5	'$scope',
	6	'$uibModalInstance',
	7	'focaModalFacturaService',
	8	'cliente',
	9	function($filter, $scope, $uibModalInstance,
	10	focaModalFacturaService, cliente
	11	) {
	12	var fecha = new Date();
	13	$scope.fechaHasta = new Date();
	14	$scope.fechaDesde = new Date(fecha.setMonth(fecha.getMonth() - 1));
	15	$scope.filters = '';
	16	$scope.facturas = [];
	17	$scope.primerBusqueda = false;
	18	$scope.searchLoading = false;
	19	// pagination
	20	$scope.numPerPage = 10;
	21	$scope.currentPage = 1;
	22	$scope.filteredFacturas = [];
	23	$scope.currentPageFacturas = [];
	24	$scope.selectedFactura = -1;
	25
	26	//METODOS
	27	$scope.busquedaPress = function(key) {
	28	if (key === 13) {
	29	//TODO Validaciones con alertas
	30	if(!$scope.fechaDesde) {
	31	alert('INGRESE FECHA DESDE');
	32	return;
	33	}
	34	if(!$scope.fechaHasta) {
	35	alert('INGRESE FECHA HASTA');
	36	return;
	37	}
	38	if($scope.fechaDesde > $scope.fechaHasta) {
	39	alert('La fecha desde no puede ser mayor a la fecha hasta');
	40	return;
	41	}
	42	$scope.searchLoading = true;
	43	//TODO hacer filtro de fecha
	44	focaModalFacturaService
	45	.getFacturasByIdCliente(cliente, $scope.fechaDesde
	46	.toISOString().split('.')[0],
	47	$scope.fechaHasta.toISOString().split('.')[0])
	48	.then(llenarDatos);
	49	}
	50	};
	51	function llenarDatos(res) {
	52	$scope.facturas = [];
	53	$scope.filteredFacturas = [];
	54	$scope.currentPageFacturas = [];
	55	$scope.selectedFactura = -1;
	56	$scope.searchLoading = false;
	57	$scope.primerBusqueda = true;
	58	$scope.facturas = res.data;
	59	$scope.search();
	60	primera();
	61	}
	62	$scope.search = function() {
	63	if($scope.facturas.length > 0) {
	64	$scope.filteredFacturas = $filter('filter')(
	65	$scope.facturas,
	66	{$: $scope.filters}
	67	);
	68
	69	$scope.lastPage = Math.ceil(
	70	$scope.filteredFacturas.length / $scope.numPerPage
	71	);
	72
	73	$scope.resetPage();
	74	}
	75	};
	76
	77	$scope.resetPage = function() {
	78	$scope.currentPage = 1;
	79	$scope.selectPage(1);
	80	};
	81
	82	$scope.selectPage = function(page) {
	83	var start = (page - 1) * $scope.numPerPage;
	84	var end = start + $scope.numPerPage;
	85	$scope.paginas = [];
	86	$scope.paginas = calcularPages(page);
	87	$scope.currentPageFacturas = $scope.filteredFacturas.slice(start, end);
	88	$scope.currentPage = page;
	89	};
	90
	91	$scope.select = function(notaPedido) {
	92	$uibModalInstance.close(notaPedido);
	93	};
	94
	95	$scope.cancel = function() {
	96	$uibModalInstance.dismiss('cancel');
	97	};
	98
	99	$scope.busquedaDown = function(key) {
	100	if (key === 40) {
	101	primera(key);
	102	}
	103	};
	104
	105	$scope.itemNotaPedido = function(key) {
	106	if (key === 38) {
	107	anterior(key);
	108	}
	109
	110	if (key === 40) {
	111	siguiente(key);
	112	}
	113
	114	if (key === 37) {
	115	retrocederPagina();
	116	}
	117
	118	if (key === 39) {
	119	avanzarPagina();
	120	}
	121	};
	122
	123	function calcularPages(paginaActual) {
	124	var paginas = [];
	125	paginas.push(paginaActual);
	126
	127	if (paginaActual - 1 > 1) {
	128
	129	paginas.unshift(paginaActual - 1);
	130	if (paginaActual - 2 > 1) {
	131	paginas.unshift(paginaActual - 2);
	132	}
	133	}
	134
	135	if (paginaActual + 1 < $scope.lastPage) {
	136	paginas.push(paginaActual + 1);
	137	if (paginaActual + 2 < $scope.lastPage) {
	138	paginas.push(paginaActual + 2);
	139	}
	140	}
	141
	142	if (paginaActual !== 1) {
	143	paginas.unshift(1);
	144	}
	145
	146	if (paginaActual !== $scope.lastPage) {
	147	paginas.push($scope.lastPage);
	148	}
	149
	150	return paginas;
	151	}
	152
	153	function primera() {
	154	$scope.selectedFactura = 0;
	155	}
	156
	157	function anterior() {
	158	if ($scope.selectedFactura === 0 && $scope.currentPage > 1) {
	159	retrocederPagina();
	160	} else {
	161	$scope.selectedFactura--;
	162	}
	163	}
	164
	165	function siguiente() {
	166	if ($scope.selectedFactura < $scope.currentPageFacturas.length - 1 ) {
	167	$scope.selectedFactura++;
	168	} else {
	169	avanzarPagina();
	170	}
	171	}
	172
	173	function retrocederPagina() {
	174	if ($scope.currentPage > 1) {
	175	$scope.selectPage($scope.currentPage - 1);
	176	$scope.selectedFactura = $scope.numPerPage - 1;
	177	}
	178	}
	179
	180	function avanzarPagina() {
	181	if ($scope.currentPage < $scope.lastPage) {
	182	$scope.selectPage($scope.currentPage + 1);
	183	$scope.selectedFactura = 0;
	184	}
	185	}
	186	}
	187	]
	188	);
	189

src/js/service.js

Diff comments View file @ fab780a

File was created	1	angular.module('focaModalFactura')
	2	.factory('focaModalFacturaService', [
	3	'$http',
	4	'API_ENDPOINT',
	5	function($http, API_ENDPOINT) {
	6	return {
	7	getFacturasByIdCliente: function(idCliente, fechaDesde, fechaHasta) {
	8	return $http.get(API_ENDPOINT.URL + '/factura/cliente/' + idCliente + '/' +
	9	fechaDesde + '/' + fechaHasta);
	10	}
	11	};
	12	}
	13	]);
	14

src/views/foca-modal-factura.html

Diff comments View file @ fab780a

File was created	1	<div class="modal-header py-1">
	2	<h5 class="modal-title">Busqueda de Facturas</h5>
	3	</div>
	4	<div class="modal-body" id="modal-body">
	5	<div class="input-group row">
	6	<small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
	7	<div class="col-md-4 col-8 input-group mb-2">
	8	<div class="input-group-prepend">
	9	<div class="input-group-text form-control-sm">
	10	<i class="fa fa-calendar"></i>
	11	</div>
	12	</div>
	13	<input
	14	class="form-control form-control-sm"
	15	id="inlineFormInputGroup"
	16	ladda="searchLoading"
	17	type="date"
	18	ng-model="fechaDesde"
	19	hasta-hoy
	20	ng-required="true"
	21	/>
	22	</div>
	23	<small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>
	24	<div class="col-md-4 col-8 input-group mb-2">
	25	<div class="input-group-prepend">
	26	<div class="input-group-text form-control-sm">
	27	<i class="fa fa-calendar"></i>
	28	</div>
	29	</div>
	30	<input
	31	class="form-control form-control-sm"
	32	id="inlineFormInputGroup"
	33	ladda="searchLoading"
	34	type="date"
	35	ng-model="fechaHasta"
	36	ng-required="true"
	37	hasta-hoy
	38	/>
	39	</div>
	40	</div>
	41	<div class="input-group">
	42	<input
	43	ladda="searchLoading"
	44	type="text"
	45	class="form-control form-control-sm"
	46	placeholder="Busqueda"
	47	ng-model="filters"
	48	ng-change="search()"
	49	ng-keydown="busquedaDown($event.keyCode)"
	50	ng-keypress="busquedaPress($event.keyCode)"
	51	foca-focus="selectedFactura == -1"
	52	ng-focus="selectedFactura = -1"
	53	teclado-virtual
	54	/>
	55	<div class="input-group-append">
	56	<button
	57	ladda="searchLoading"
	58	class="btn btn-outline-secondary"
	59	type="button"
	60	ng-click="busquedaPress(13)"
	61	>
	62	<i class="fa fa-search" aria-hidden="true"></i>
	63	</button>
	64	</div>
	65	</div>
	66	<table ng-show="primerBusqueda" class="table table-striped table-sm">
	67	<thead>
	68	<tr>
	69	<th>Cliente</th>
	70	<th>Fecha</th>
	71	<th>Nro</th>
	72	<th>Importe</th>
	73	<th></th>
	74	</tr>
	75	</thead>
	76	<tbody>
	77	<tr ng-show="currentPageFacturas.length == 0 && primerBusqueda">
	78	<td colspan="5">
	79	No se encontraron resultados.
	80	</td>
	81	</tr>
	82	<tr class="selectable"
	83	ng-repeat="(key,factura) in currentPageFacturas"
	84	ng-click="select(factura)">
	85	<td ng-bind="factura.cliente.NOM"></td>
	86	<td ng-bind="factura.FEP \| date : 'dd/MM/yyyy'"></td>
	87	<td ng-bind=
	88	"(factura.TCO + '-' + factura.TIP + '-' + factura.SUC + '-' + factura.NCO)">
	89	</td>
	90	<td ng-bind="factura.IPA"></td>
	91	<td>
	92	<button
	93	type="button"
	94	class="btn btn-xs p-1 float-right"
	95	ng-class="{
	96	'btn-secondary': selectedFactura != key,
	97	'btn-primary': selectedFactura == key
	98	}"
	99	foca-focus="selectedFactura == {{key}}"
	100	ng-keydown="itemNotaPedido($event.keyCode)"
	101	>
	102	<i class="fa fa-arrow-right" aria-hidden="true"></i>
	103	</button>
	104	</td>
	105	</tr>
	106	</tbody>
	107	</table>
	108	<nav ng-show="currentPageFacturas.length > 0 && primerBusqueda">
	109	<ul class="pagination pagination-sm justify-content mb-0">
	110	<li class="page-item" ng-class="{'disabled': currentPage == 1}">
	111	<a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
	112	<span aria-hidden="true">«</span>
	113	<span class="sr-only">Anterior</span>
	114	</a>
	115	</li>
	116	<li
	117	class="page-item"
	118	ng-repeat="pagina in paginas"
	119	ng-class="{'active': pagina == currentPage}"
	120	>
	121	<a
	122	class="page-link"
	123	href="javascript:void();"
	124	ng-click="selectPage(pagina)"
	125	ng-bind="pagina"
	126	></a>
	127	</li>
	128	<li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
	129	<a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)">
	130	<span aria-hidden="true">»</span>
	131	<span class="sr-only">Siguiente</span>
	132	</a>
	133	</li>
	134	</ul>
	135	</nav>
	136	</div>
	137	<div class="modal-footer py-1">
	138	<button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
	139	</div>
	140