Commit 8f543dcbf2b54cf27dfffc24385c342ac7c3ca48
1 parent
17c37a88f4
Exists in
master
subida version 0.1
Showing
10 changed files
with
348 additions
and
1 deletions
Show diff stats
.gitignore
.jshintrc
... | ... | @@ -0,0 +1,64 @@ |
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 | +} |
gulpfile.js
... | ... | @@ -0,0 +1,89 @@ |
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-es').default; | |
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 | + replace('views/', ''), | |
25 | + htmlmin(), | |
26 | + templateCache('views.js', { | |
27 | + module: 'focaCrearLogin', | |
28 | + root: '' | |
29 | + }), | |
30 | + gulp.dest(paths.tmp) | |
31 | + ] | |
32 | + ); | |
33 | +}); | |
34 | + | |
35 | +gulp.task('uglify', ['templates'], function() { | |
36 | + return pump( | |
37 | + [ | |
38 | + gulp.src([ | |
39 | + paths.srcJS, | |
40 | + 'tmp/views.js' | |
41 | + ]), | |
42 | + concat('foca-crear-login.js'), | |
43 | + replace("['ngRoute', 'focaBotoneraLateral']", '[]'), | |
44 | + replace("src/views/", ''), | |
45 | + gulp.dest(paths.tmp), | |
46 | + rename('foca-crear-login.min.js'), | |
47 | + uglify(), | |
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 | + 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('clean-post-install', function() { | |
72 | + return gulp.src(['src', 'tmp', '.jshintrc','readme.md', '.gitignore', 'gulpfile.js', | |
73 | + 'index.html'], {read: false}) | |
74 | + .pipe(clean()); | |
75 | +}); | |
76 | + | |
77 | +gulp.task('compile', ['templates', 'uglify']); | |
78 | + | |
79 | +gulp.task('watch', function() { | |
80 | + gulp.watch([paths.srcJS, paths.srcViews], ['uglify']); | |
81 | +}); | |
82 | + | |
83 | +gulp.task('webserver', function() { | |
84 | + pump [ | |
85 | + connect.server({port: 3000}) | |
86 | + ] | |
87 | +}); | |
88 | + | |
89 | +gulp.task('default', ['webserver']); |
package.json
... | ... | @@ -16,7 +16,8 @@ |
16 | 16 | "angular": "^1.7.5", |
17 | 17 | "angular-route": "^1.7.5", |
18 | 18 | "bootstrap": "^4.2.1", |
19 | - "gulp": "^4.0.0", | |
19 | + "foca-modal-chofer": "git+http://git.focasoftware.com/npm/foca-modal-chofer.git", | |
20 | + "gulp": "^3.9.1", | |
20 | 21 | "gulp-angular-templatecache": "^2.2.6", |
21 | 22 | "gulp-clean": "^0.4.0", |
22 | 23 | "gulp-connect": "^5.7.0", |
src/etc/develop.js.ejemplo
src/js/app.js
src/js/controller.js
... | ... | @@ -0,0 +1,111 @@ |
1 | +angular.module('focaCrearLogin') | |
2 | + .controller('focaCrearLoginController', [ | |
3 | + '$scope', '$timeout', '$uibModal', 'focaCrearLoginService','focaBotoneraLateralService', | |
4 | + function($scope, $timeout, $uibModal, focaCrearLoginService, focaBotoneraLateralService) { | |
5 | + config(); | |
6 | + | |
7 | + | |
8 | + | |
9 | + //METODOS | |
10 | + function init() { | |
11 | + $scope.now = new Date(); | |
12 | + $scope.seleccionado = ''; | |
13 | + $scope.cuentas = []; | |
14 | + $scope.$broadcast('removeCabecera', { | |
15 | + label: 'Selección:', | |
16 | + valor: $scope.seleccionado | |
17 | + }); | |
18 | + } | |
19 | + | |
20 | + function config() { | |
21 | + $scope.botonera = [ | |
22 | + { | |
23 | + label: 'Transportista', | |
24 | + image: 'cliente.png' | |
25 | + }, | |
26 | + { | |
27 | + label: 'Cobrador', | |
28 | + image: 'cliente.png' | |
29 | + }, | |
30 | + { | |
31 | + label: 'Vendedor', | |
32 | + image: 'cliente.png' | |
33 | + } | |
34 | + ]; | |
35 | + | |
36 | + $timeout(function() { | |
37 | + focaBotoneraLateralService.showSalir(true); | |
38 | + focaBotoneraLateralService.showPausar(false); | |
39 | + focaBotoneraLateralService.showCancelar(false); | |
40 | + focaBotoneraLateralService.showGuardar(false); | |
41 | + }); | |
42 | + | |
43 | + init(); | |
44 | + } | |
45 | + | |
46 | + $scope.seleccionarTransportista = function() { | |
47 | + $scope.seleccionado = 'Transportistas'; | |
48 | + | |
49 | + focaCrearLoginService.getListaChoferes().then(setearTabla); | |
50 | + }; | |
51 | + | |
52 | + $scope.seleccionarCobrador = function() { | |
53 | + $scope.seleccionado = 'Cobradores'; | |
54 | + | |
55 | + focaCrearLoginService.getListaCobradores().then(setearTabla); | |
56 | + }; | |
57 | + | |
58 | + $scope.seleccionarVendedor = function() { | |
59 | + $scope.seleccionado = 'Vendedores'; | |
60 | + | |
61 | + focaCrearLoginService.getListaVendedores().then(setearTabla); | |
62 | + }; | |
63 | + | |
64 | + $scope.openModalAcceso = function(cuenta) { | |
65 | + var parametros = { | |
66 | + cuenta: cuenta, | |
67 | + tipo: $scope.seleccionado | |
68 | + } | |
69 | + | |
70 | + var modalInstance = $uibModal.open( | |
71 | + { | |
72 | + ariaLabelledBy: 'Configuracion de Logueo', | |
73 | + templateUrl: 'modal-login.html', | |
74 | + controller: 'focaModalLoginController', | |
75 | + size: 'md', | |
76 | + resolve: { | |
77 | + parametros: function() { | |
78 | + return parametros; | |
79 | + } | |
80 | + } | |
81 | + } | |
82 | + ); | |
83 | + | |
84 | + modalInstance.result.then( | |
85 | + function(result) { | |
86 | + init(); | |
87 | + }, function() {} | |
88 | + ); | |
89 | + } | |
90 | + | |
91 | + function setearTabla(datos) { | |
92 | + $scope.cuentas = datos.data; | |
93 | + | |
94 | + if ($scope.seleccionado == 'Cobradores' || | |
95 | + $scope.seleccionado == 'Vendedores' | |
96 | + ) { | |
97 | + for (var i = $scope.cuentas.length - 1; i >= 0; i--) { | |
98 | + $scope.cuentas[i].id = $scope.cuentas[i].CodVen; | |
99 | + $scope.cuentas[i].nombre = $scope.cuentas[i].NomVen; | |
100 | + $scope.cuentas[i].dni = $scope.cuentas[i].DNI; | |
101 | + $scope.cuentas[i].telefono = $scope.cuentas[i].TelVen; | |
102 | + } | |
103 | + } | |
104 | + | |
105 | + $scope.$broadcast('removeCabecera', { | |
106 | + label: 'Selección:', | |
107 | + valor: $scope.seleccionado | |
108 | + }); | |
109 | + } | |
110 | + } | |
111 | + ]); |
src/js/route.js
src/js/service.js
... | ... | @@ -0,0 +1,14 @@ |
1 | +angular.module('focaCrearLogin') | |
2 | + .factory('focaCrearLoginService', ['$http', 'API_ENDPOINT', function($http, API_ENDPOINT) { | |
3 | + return { | |
4 | + getListaChoferes: function() { | |
5 | + return $http.get(API_ENDPOINT.URL + '/chofer'); | |
6 | + }, | |
7 | + getListaCobradores: function() { | |
8 | + return $http.get(API_ENDPOINT.URL + '/cobrador'); | |
9 | + }, | |
10 | + getListaVendedores: function() { | |
11 | + return $http.get(API_ENDPOINT.URL + '/vendedor'); | |
12 | + } | |
13 | + }; | |
14 | + }]); |
src/views/foca-crear-login.html
... | ... | @@ -0,0 +1,45 @@ |
1 | +<div class="row"> | |
2 | + <foca-cabecera-facturador | |
3 | + titulo="'Administración de Ingreso'" | |
4 | + fecha="now" | |
5 | + class="mb-0 col-12" | |
6 | + ></foca-cabecera-facturador> | |
7 | +</div> | |
8 | +<div class="row"> | |
9 | + <div class="col-12 col-md-10 p-0 mt-4 border border-white rounded"> | |
10 | + <div class="row px-5 py-2 botonera-secundaria"> | |
11 | + <div class="col-12"> | |
12 | + <foca-botonera-facturador botones="botonera" extra="3" class="row"></foca-botonera-facturador> | |
13 | + </div> | |
14 | + </div> | |
15 | + <table class="table table-default table-hover table-sm table-abm table-striped mb-0"> | |
16 | + <thead> | |
17 | + <tr> | |
18 | + <th>Código</th> | |
19 | + <th>Nombre</th> | |
20 | + <th>DNI</th> | |
21 | + <th>Teléfono</th> | |
22 | + <th class="text-center"> | |
23 | + </th> | |
24 | + </tr> | |
25 | + </thead> | |
26 | + <tbody> | |
27 | + <tr ng-repeat="cuenta in cuentas | filter:filters"> | |
28 | + <td ng-bind="cuenta.id"></td> | |
29 | + <td ng-bind="cuenta.nombre"></td> | |
30 | + <td ng-bind="cuenta.dni"></td> | |
31 | + <td ng-bind="cuenta.telefono"></td> | |
32 | + <td class="text-center"> | |
33 | + <button | |
34 | + class="btn btn-outline-dark boton-accion" | |
35 | + title="Editar acceso" | |
36 | + ng-click="openModalAcceso(cuenta)" | |
37 | + > | |
38 | + <i class="fa fa-lock"></i> | |
39 | + </button> | |
40 | + </td> | |
41 | + </tr> | |
42 | + </body> | |
43 | + </table> | |
44 | + </div> | |
45 | +</div> |