Jose Pinto / foca-modal-cheque

.gitignore

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 @ 3885e06

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 @ 3885e06

File was created	1	# foca-modal-flete
	2
	3	Modal con lista de fletes

gulpfile.js

Diff comments View file @ 3885e06

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('templates', function() {
	21	return pump(
	22	[
	23	gulp.src(paths.srcViews),
	24	htmlmin(),
	25	templateCache('views.js', {
	26	module: 'focaModalCheque',
	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-modal-cheque.js'),
	42	replace('src/views/', ''),
	43	replace("['ui.bootstrap', 'focaDirectivas']", '[]'),
	44	gulp.dest(paths.tmp),
	45	rename('foca-modal-cheque.min.js'),
	46	uglify(),
	47	gulp.dest(paths.dist)
	48	]
	49	);
	50	});
	51
	52	gulp.task('pre-commit', function() {
	53	return pump(
	54	[
	55	gulp.src(paths.srcJS),
	56	jshint('.jshintrc'),
	57	jshint.reporter('default'),
	58	jshint.reporter('fail')
	59	]
	60	);
	61	});
	62
	63	gulp.task('webserver', function() {
	64	pump [
	65	connect.server({port: 3000})
	66	]
	67	});
	68
	69	gulp.task('clean-post-install', function(){
	70	return gulp.src(['src', 'tmp', '.jshintrc','readme.md', '.gitignore', 'gulpfile.js',
	71	'index.html'], {read: false})
	72	.pipe(clean());
	73	});
	74
	75	gulp.task('default', ['webserver']);
	76
	77	gulp.task('watch', function() {
	78	gulp.watch([paths.srcJS, paths.srcViews], ['uglify']);
	79	});
	80

index.html

Diff comments View file @ 3885e06

File was created	1	<html ng-app="focaModalCheque">
	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
	10	<!--VENDOR JS-->
	11	<script src="node_modules/jquery/dist/jquery.min.js"></script>
	12	<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
	13	<script src="node_modules/angular/angular.min.js"></script>
	14	<script src="node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>
	15	<script src="node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
	16
	17	<!-- BUILD -->
	18	<script src="src/js/app.js"></script>
	19	<script src="src/js/controller.js"></script>
	20	<script src="src/js/service.js"></script>
	21
	22	<!-- /BUILD -->
	23
	24	<!-- CONFIG PARA DEVELOP -->
	25	<script src="src/etc/develop.js"></script>
	26	<script type="text/javascript">
	27	angular.module('focaModalCheque')
	28	.controller('controller', [
	29	'$scope',
	30	'$uibModal',
	31	'$timeout',
	32	function($scope, $uibModal, $timeout) {
	33	openModal();
	34
	35	function openModal() {
	36	var modalInstance = $uibModal.open(
	37	{
	38	ariaLabelledBy: 'Busqueda de Precio Condicion',
	39	templateUrl: 'src/views/modal-cheque.html',
	40	controller: 'focaModalFleteController',
	41	size: 'lg'
	42	}
	43	);
	44
	45	modalInstance.result.then(
	46	function (selectedItem) {
	47	console.info(selectedItem);
	48	$timeout(openModal, 500);
	49	}, function () {
	50	console.info('modal-component dismissed at: ' + new Date());
	51	$timeout(openModal, 500);
	52	}
	53	);
	54	}
	55	}
	56	]);
	57	</script>
	58	</head>
	59	<body ng-controller="controller">
	60	</body>
	61	</html>
	62

package.json

Diff comments View file @ 3885e06

File was created	1	{
	2	"name": "foca-modal-cheque",
	3	"version": "0.0.1",
	4	"description": "Modal de carga de cheques",
	5	"main": "index.js",
	6	"scripts": {
	7	"test": "echo \"Error: no test specified\" && exit 1",
	8	"gulp-pre-commit": "gulp pre-commit",
	9	"compile": "gulp uglify",
	10	"postinstall": "npm run compile && gulp clean-post-install",
	11	"install-dev": "npm install -D angular font-awesome pump jquery bootstrap ui-bootstrap4 jshint gulp gulp-uglify gulp-concat gulp-htmlmin gulp-rename gulp-uglify gulp-jshint gulp-replace gulp-connect gulp-clean gulp-angular-templatecache 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-modal-cheque.git"
	19	},
	20	"author": "Foca Software",
	21	"license": "ISC",
	22	"devDependencies": {
	23	"angular": "^1.7.5",
	24	"bootstrap": "^4.1.3",
	25	"foca-directivas": "git+http://git.focasoftware.com/npm/foca-directivas.git",
	26	"font-awesome": "^4.7.0",
	27	"gulp": "^3.9.1",
	28	"gulp-angular-templatecache": "^2.2.5",
	29	"gulp-clean": "^0.4.0",
	30	"gulp-concat": "^2.6.1",
	31	"gulp-connect": "^5.6.1",
	32	"gulp-htmlmin": "^5.0.1",
	33	"gulp-jshint": "^2.1.0",
	34	"gulp-rename": "^1.4.0",
	35	"gulp-replace": "^1.0.0",
	36	"gulp-uglify": "^3.0.1",
	37	"jquery": "^3.3.1",
	38	"jshint": "^2.9.6",
	39	"pump": "^3.0.0",
	40	"ui-bootstrap4": "^3.0.5"
	41	}
	42	}
	43

src/etc/develop.js.ejemplo

Diff comments View file @ 3885e06

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

src/js/app.js

Diff comments View file @ 3885e06

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

src/js/controller.js

Diff comments View file @ 3885e06

File was created	1	angular.module('focaModalCheque')
	2	.controller('focaModalChequeController',
	3	[
	4	'$filter',
	5	'$scope',
	6	'$uibModalInstance',
	7	'focaModalChequeService',
	8	function($filter, $scope, $uibModalInstance, focaModalChequeService) {
	9	focaModalChequeService.getBancos().then(function(res) {
	10	$scope.bancos = res.data;
	11	});
	12	focaModalChequeService.getProvincias().then(function(res) {
	13	$scope.provincias = res.data;
	14	});
	15	focaModalChequeService.getVendedores().then(function(res) {
	16	$scope.vendedores = res.data;
	17	});
	18
	19	$scope.aceptar = function() {
	20	delete $scope.cheque.provincia.localidades;
	21	$uibModalInstance.close($scope.cheque);
	22	};
	23
	24	$scope.cancel = function() {
	25	$uibModalInstance.dismiss('cancel');
	26	};
	27	}
	28	]
	29	);
	30

src/js/service.js

Diff comments View file @ 3885e06

File was created	1	angular.module('focaModalCheque')
	2	.factory('focaModalChequeService', [
	3	'$http',
	4	'API_ENDPOINT',
	5	function($http, API_ENDPOINT) {
	6	return {
	7	getBancos: function() {
	8	return $http.get(API_ENDPOINT.URL + '/banco');
	9	},
	10	getProvincias: function() {
	11	return $http.get(API_ENDPOINT.URL + '/provincia');
	12	},
	13	getVendedores: function() {
	14	return $http.post(API_ENDPOINT.URL + '/vendedores', {nombre:''} )
	15	}
	16	};
	17	}
	18	]);
	19

src/views/modal-cheque.html

Diff comments View file @ 3885e06

File was created	1	<div class="modal-header">
	2	<h3 class="modal-title">Cobro con cheques</h3>
	3	</div>
	4	<div class="modal-body" id="modal-body">
	5	<form name="formCheque">
	6	<div class="row">
	7	<div class="col-12 col-md-2">
	8	<label class="form-control-sm">Banco:</label>
	9	</div>
	10	<div class="col-12 col-md-4">
	11	<input
	12	type="text"
	13	foca-focus="true"
	14	teclado-virtual
	15	class="form-control form-control-sm"
	16	placeholder="Nombre del banco o Código"
	17	ng-model="cheque.banco"
	18	ng-required="true"
	19	uib-typeahead="banco as banco.ID +' '+ banco.desbco for banco in bancos \| filter:$viewValue"
	20	/>
	21	</div>
	22	<div class="col-12 col-md-2">
	23	<label class="form-control-sm">Librador:</label>
	24	</div>
	25	<div class="col-12 col-md-4">
	26	<input
	27	type="text"
	28	teclado-virtual
	29	class="form-control form-control-sm"
	30	placeholder="Librador"
	31	ng-model="cheque.librador"
	32	ng-required="true"/>
	33	</div>
	34	<div class="col-12 col-md-2">
	35	<label class="form-control-sm">Provincia:</label>
	36	</div>
	37	<div class="col-12 col-md-4">
	38	<input
	39	type="text"
	40	teclado-virtual
	41	class="form-control form-control-sm"
	42	placeholder="Nombre de Provincia o Código"
	43	ng-model="cheque.provincia"
	44	ng-required="true"
	45	uib-typeahead="provincia as provincia.ID +' '+ provincia.NOMBRE for provincia in provincias \| filter:$viewValue"/>
	46	</div>
	47	<div class="col-12 col-md-2">
	48	<label class="form-control-sm">Lugar:</label>
	49	</div>
	50	<div class="col-12 col-md-4">
	51	<input
	52	type="text"
	53	teclado-virtual
	54	class="form-control form-control-sm"
	55	placeholder="Nombre o código del lugar"
	56	ng-model="cheque.lugar"
	57	ng-required="true"
	58	uib-typeahead="lugar as lugar.ID +' '+ lugar.NOMBRE for lugar in cheque.provincia.localidades \| filter:$viewValue"
	59	typeahead-min-length="2"/>
	60	</div>
	61	<div class="col-12 col-md-2">
	62	<label class="form-control-sm">Cheque:</label>
	63	</div>
	64	<div class="col-6 col-md-2">
	65	<input
	66	foca-tipo-input
	67	teclado-virtual
	68	class="form-control form-control-sm"
	69	placeholder="Número"
	70	ng-model="cheque.numero"
	71	ng-required="true"/>
	72	</div>
	73	<div class="col-6 col-md-4 input-group mb-2">
	74	<div class="input-group-prepend">
	75	<div class="input-group-text form-control form-control-sm">$</div>
	76	</div>
	77	<input
	78	foca-tipo-input
	79	teclado-virtual
	80	class="form-control form-control-sm"
	81	placeholder="Importe"
	82	ng-model="cheque.importe"
	83	ng-required="true"/>
	84	</div>
	85	<div class="col-12 col-md-4 input-group">
	86	<div class="input-group-prepend">
	87	<div class="input-group-text form-control form-control-sm">
	88	<i class="fa fa-calendar"></i>
	89	</div>
	90	</div>
	91	<input
	92	type="date"
	93	class="form-control form-control-sm"
	94	placeholder="Fecha"
	95	ng-model="cheque.fechaValor"
	96	ng-required="true"/>
	97	</div>
	98	<div class="col-12 col-md-2">
	99	<label class="form-control-sm">Vendedor:</label>
	100	</div>
	101	<div class="col-12 col-md-10">
	102	<input
	103	type="text"
	104	teclado-virtual
	105	class="form-control form-control-sm"
	106	placeholder="Nombre del vendedor o código"
	107	ng-model="cheque.vendedor"
	108	ng-required="true"
	109	uib-typeahead="vendedor as vendedor.CodVen +' '+ vendedor.NomVen for vendedor in vendedores \| filter:$viewValue"/>
	110	</div>
	111	<div class="col-12 col-md-2">
	112	<label class="form-control-sm">Observaciones:</label>
	113	</div>
	114	<div class="col-12 col-md-10">
	115	<textarea teclado-virtual class="form-control form-control-sm"></textarea>
	116	</div>
	117	</div>
	118	</form>
	119	</div>
	120	<div class="modal-footer">
	121	<button
	122	class="btn btn-primary"
	123	type="button"
	124	ng-click="aceptar()"
	125	ng-disabled="!formCheque.$valid"
	126	>Aceptar</button>
	127	<button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
	128	</div>
	129

GITLAB

Jose Pinto / foca-modal-cheque

primera versión