Commit a5d9bb2a234af6fe6577a323abc3509df83062cd
0 parents
Exists in
master
Primera versión estable.
Showing
12 changed files
with
369 additions
and
0 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": true, | |
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 | +} |
README.md
gulpfile.js
... | ... | @@ -0,0 +1,62 @@ |
1 | +const templateCache = require('gulp-angular-templatecache'); | |
2 | +const concat = require('gulp-concat'); | |
3 | +const clean = require('gulp-clean'); | |
4 | +const htmlmin = require('gulp-htmlmin'); | |
5 | +const rename = require('gulp-rename'); | |
6 | +const uglify = require('gulp-uglify-es').default; | |
7 | +const gulp = require('gulp'); | |
8 | +const pump = require('pump'); | |
9 | +const jshint = require('gulp-jshint'); | |
10 | + | |
11 | +var paths = { | |
12 | + srcJS: 'src/js/*.js', | |
13 | + srcViews: 'src/views/*.html', | |
14 | + tmp: 'tmp', | |
15 | + dist: 'dist/' | |
16 | +}; | |
17 | + | |
18 | +gulp.task('templates', function() { | |
19 | + return pump( | |
20 | + [ | |
21 | + gulp.src(paths.srcViews), | |
22 | + htmlmin(), | |
23 | + templateCache('views.js', { | |
24 | + module: 'focaAbmPlazoPago', | |
25 | + root: '' | |
26 | + }), | |
27 | + gulp.dest(paths.tmp) | |
28 | + ] | |
29 | + ); | |
30 | +}); | |
31 | + | |
32 | +gulp.task('uglify', ['templates'], function() { | |
33 | + return pump( | |
34 | + [ | |
35 | + gulp.src([ | |
36 | + paths.srcJS, | |
37 | + 'tmp/views.js' | |
38 | + ]), | |
39 | + concat('foca-abm-plazo-pago.js'), | |
40 | + gulp.dest(paths.tmp), | |
41 | + rename('foca-abm-plazo-pago.min.js'), | |
42 | + uglify(), | |
43 | + gulp.dest(paths.dist) | |
44 | + ] | |
45 | + ); | |
46 | +}); | |
47 | + | |
48 | +gulp.task('clean', function(){ | |
49 | + return gulp.src(['tmp', 'dist'], {read: false}) | |
50 | + .pipe(clean()); | |
51 | +}); | |
52 | + | |
53 | +gulp.task('pre-commit', function() { | |
54 | + pump( | |
55 | + [ | |
56 | + gulp.src(paths.srcJS), | |
57 | + jshint('.jshintrc'), | |
58 | + jshint.reporter('default'), | |
59 | + jshint.reporter('fail') | |
60 | + ] | |
61 | + ); | |
62 | +}); |
package.json
... | ... | @@ -0,0 +1,55 @@ |
1 | +{ | |
2 | + "name": "foca-abm-plazo-pago", | |
3 | + "version": "1.0.0", | |
4 | + "description": "ABM de Plazos de Pago", | |
5 | + "main": "dist/foca-abm-plazo-pago.js", | |
6 | + "scripts": { | |
7 | + "test": "echo \"Error: no test specified\" && exit 1", | |
8 | + "compile": "gulp uglify", | |
9 | + "pre-commit": [ | |
10 | + "gulp-pre-commit" | |
11 | + ], | |
12 | + "postinstall": "npm run compile && rm -R src && rm index.html && rm .jshintrc && rm gulpfile.js" | |
13 | + }, | |
14 | + "repository": { | |
15 | + "type": "git", | |
16 | + "url": "https://192.168.0.11/modulos-npm/foca-abm-plazo-pago.git" | |
17 | + }, | |
18 | + "author": "Foca Software", | |
19 | + "license": "ISC", | |
20 | + "peerDependencies": { | |
21 | + "angular": "^1.7.x", | |
22 | + "bootstrap": "^4.1.x", | |
23 | + "jquery": "^3.3.x", | |
24 | + "font-awesome": "^4.7.x", | |
25 | + "gulp": "^3.9.x", | |
26 | + "gulp-concat": "2.6.x", | |
27 | + "gulp-jshint": "^2.1.x", | |
28 | + "gulp-rename": "^1.4.x", | |
29 | + "gulp-replace": "^1.0.x", | |
30 | + "gulp-uglify-es": "^1.0.x", | |
31 | + "jshint": "^2.9.x", | |
32 | + "pump": "^3.0.x" | |
33 | + }, | |
34 | + "devDependencies": { | |
35 | + "gulp-connect": "^5.6.1", | |
36 | + "jasmine-core": "3.2.1", | |
37 | + "pre-commit": "^1.2.2" | |
38 | + }, | |
39 | + "dependencies": { | |
40 | + "angular": "1.7.4", | |
41 | + "bootstrap": "4.1.3", | |
42 | + "font-awesome": "4.7.0", | |
43 | + "gulp-angular-templatecache": "2.2.1", | |
44 | + "gulp-clean": "0.4.0", | |
45 | + "gulp-htmlmin": "5.0.1", | |
46 | + "gulp-jshint": "2.1.0", | |
47 | + "gulp-rename": "1.4.0", | |
48 | + "gulp-replace": "1.0.0", | |
49 | + "gulp-sequence": "1.0.0", | |
50 | + "gulp-uglify-es": "1.0.4", | |
51 | + "jquery": "3.3.1", | |
52 | + "jshint": "2.9.6", | |
53 | + "pump": "3.0.0" | |
54 | + } | |
55 | +} |
src/js/app.js
... | ... | @@ -0,0 +1 @@ |
1 | +angular.module('focaAbmPlazoPago', []); |
src/js/controller.js
... | ... | @@ -0,0 +1,69 @@ |
1 | +angular.module('focaAbmPlazoPago') | |
2 | + .controller('focaAbmPlazosPagoController', [ | |
3 | + '$scope', 'focaAbmPlazoPagoService', '$location', '$uibModal', | |
4 | + function($scope, focaAbmPlazoPagoService, $location, $uibModal) { | |
5 | + focaAbmPlazoPagoService.obtenerPlazosPago().then(function(datos) { | |
6 | + $scope.plazosPago = datos.data; | |
7 | + }); | |
8 | + $scope.editar = function(id) { | |
9 | + $location.path('/plazo-pago/' + id); | |
10 | + }; | |
11 | + $scope.solicitarConfirmacion = function(plazoPago) { | |
12 | + $uibModal.open({ | |
13 | + templateUrl: 'foca-abm-plazos-pago-modal-confirmar.html', | |
14 | + controller: 'focaAbmPlazosPagoModalConfirmarController', | |
15 | + animation: false, | |
16 | + backdrop: false, | |
17 | + resolve: {plazoPago: function(){return plazoPago;}} | |
18 | + }) | |
19 | + .result.then(function(plazoPago){ | |
20 | + focaAbmPlazoPagoService.borrarPlazoPago(plazoPago.id); | |
21 | + $scope.plazosPago.splice( | |
22 | + $scope.plazosPago.indexOf(plazoPago), 1 | |
23 | + ); | |
24 | + }); | |
25 | + }; | |
26 | + } | |
27 | + ]) | |
28 | + .controller('focaAbmPlazoPagoController', [ | |
29 | + '$scope', 'focaAbmPlazoPagoService', | |
30 | + '$routeParams', '$location', | |
31 | + function( | |
32 | + $scope, focaAbmPlazoPagoService, | |
33 | + $routeParams, $location | |
34 | + ) { | |
35 | + focaAbmPlazoPagoService.obtenerPlazoPago($routeParams.id) | |
36 | + .then(function(datos) { | |
37 | + $scope.plazoPago = { | |
38 | + id: 0, | |
39 | + idPreciosCondiciones: $routeParams.idPreciosCondiciones, | |
40 | + item: '', | |
41 | + dias: '' | |
42 | + }; | |
43 | + if(datos.data.id) { | |
44 | + $scope.plazoPago = datos.data; | |
45 | + } | |
46 | + }); | |
47 | + $scope.cancelar = function() { | |
48 | + $location.path('/plazo-pago'); | |
49 | + }; | |
50 | + $scope.guardar = function(plazoPago) { | |
51 | + focaAbmPlazoPagoService.guardarPlazoPago(plazoPago) | |
52 | + .then(function() { | |
53 | + $location.path('/precio-condicion/' + $routeParams.idPreciosCondiciones); | |
54 | + }); | |
55 | + }; | |
56 | + } | |
57 | + ]) | |
58 | + .controller('focaAbmPlazosPagoModalConfirmarController', [ | |
59 | + '$uibModalInstance', '$scope', 'plazoPago', | |
60 | + function($uibModalInstance, $scope, plazoPago) { | |
61 | + $scope.plazoPago = plazoPago; | |
62 | + $scope.cancelar = function() { | |
63 | + $uibModalInstance.dismiss(); | |
64 | + }; | |
65 | + $scope.borrar = function() { | |
66 | + $uibModalInstance.close(plazoPago); | |
67 | + }; | |
68 | + } | |
69 | + ]); |
src/js/route.js
... | ... | @@ -0,0 +1,19 @@ |
1 | +angular.module('focaAbmPlazoPago') | |
2 | + .config([ | |
3 | + '$routeProvider', | |
4 | + function($routeProvider) { | |
5 | + $routeProvider.when('/plazo-pago', { | |
6 | + controller: 'focaAbmPlazosPagoController', | |
7 | + templateUrl: 'foca-abm-plazos-pago-listado.html' | |
8 | + }); | |
9 | + } | |
10 | + ]) | |
11 | + .config([ | |
12 | + '$routeProvider', | |
13 | + function($routeProvider) { | |
14 | + $routeProvider.when('/precio-condicion/:idPreciosCondiciones/plazo-pago/:id', { | |
15 | + controller: 'focaAbmPlazoPagoController', | |
16 | + templateUrl: 'foca-abm-plazos-pago-item.html' | |
17 | + }); | |
18 | + } | |
19 | + ]); |
src/js/service.js
... | ... | @@ -0,0 +1,23 @@ |
1 | +angular.module('focaAbmPlazoPago') | |
2 | + .service('focaAbmPlazoPagoService', [ | |
3 | + '$http', 'API_ENDPOINT', | |
4 | + function($http, API_ENDPOINT) { | |
5 | + return { | |
6 | + obtenerPlazosPago: function() { | |
7 | + return $http.get(API_ENDPOINT.URL + '/plazo-pago'); | |
8 | + }, | |
9 | + obtenerPlazoPago: function(id) { | |
10 | + return $http.get(API_ENDPOINT.URL + '/plazo-pago/' + id); | |
11 | + }, | |
12 | + guardarPlazoPago: function(plazoPago) { | |
13 | + return $http.post( | |
14 | + API_ENDPOINT.URL + '/plazo-pago', | |
15 | + {plazoPago: plazoPago} | |
16 | + ); | |
17 | + }, | |
18 | + borrarPlazoPago: function(id) { | |
19 | + return $http.delete(API_ENDPOINT.URL + '/plazo-pago/' + id); | |
20 | + } | |
21 | + }; | |
22 | + } | |
23 | + ]); |
src/views/foca-abm-plazos-pago-item.html
... | ... | @@ -0,0 +1,34 @@ |
1 | +<form> | |
2 | + <input type="hidden" name="id" ng-model="plazoPago.id" /> | |
3 | + <input type="hidden" name="idPreciosCondiciones" ng-model="plazoPago.idPreciosCondiciones" /> | |
4 | + <div class="form-group row"> | |
5 | + <label class="offset-sm-1 col-sm-2 col-form-label">Item</label> | |
6 | + <div class="col-sm-4"> | |
7 | + <input | |
8 | + class="form-control" | |
9 | + type="number" | |
10 | + name="codigo" | |
11 | + ng-model="plazoPago.item" | |
12 | + autocomplete="off" | |
13 | + /> | |
14 | + </div> | |
15 | + </div> | |
16 | + <div class="form-group row"> | |
17 | + <label class="offset-sm-1 col-sm-2 col-form-label">Dias</label> | |
18 | + <div class="col-sm-4"> | |
19 | + <input | |
20 | + class="form-control" | |
21 | + type="number" | |
22 | + name="nombre" | |
23 | + ng-model="plazoPago.dias" | |
24 | + autocomplete="off" | |
25 | + /> | |
26 | + </div> | |
27 | + </div> | |
28 | + <div class="form-group row"> | |
29 | + <div class="col-sm-7 text-right"> | |
30 | + <button class="btn btn-primary" ng-click="guardar(plazoPago)">Guardar</button> | |
31 | + <button class="btn btn-default" ng-click="cancelar()">Cancelar</button> | |
32 | + </div> | |
33 | + </div> | |
34 | +</form> |
src/views/foca-abm-plazos-pago-listado.html
... | ... | @@ -0,0 +1,23 @@ |
1 | +<table class="table table-sm table-hover table-nonfluid"> | |
2 | + <tr> | |
3 | + <th>Item</th> | |
4 | + <th>Dias</th> | |
5 | + <th colspan="2" class="text-center"> | |
6 | + <button class="btn btn-default" ng-click="editar(0)"> | |
7 | + <i class="fa fa-plus"></i> | |
8 | + </button> | |
9 | + </th> | |
10 | + </tr> | |
11 | + <tr ng-repeat="plazoPago in plazosPago"> | |
12 | + <td ng-bind="plazoPago.item"></td> | |
13 | + <td ng-bind="plazoPago.dias"></td> | |
14 | + <td> | |
15 | + <button class="btn btn-default" ng-click="editar(plazoPago.id)"> | |
16 | + <i class="fa fa-pencil"></i> | |
17 | + </button> | |
18 | + <button class="btn btn-default" ng-click="solicitarConfirmacion(plazoPago)"> | |
19 | + <i class="fa fa-trash"></i> | |
20 | + </button> | |
21 | + </td> | |
22 | + </tr> | |
23 | +</table> |
src/views/foca-abm-plazos-pago-modal-confirmar.html
... | ... | @@ -0,0 +1,13 @@ |
1 | +<div class="modal-header"> | |
2 | + <h4>Confirmar</h4> | |
3 | +</div> | |
4 | +<div class="modal-body"> | |
5 | + <p> | |
6 | + ¿Está seguro que desea borrar el plazo de pago | |
7 | + {{plazoPago.item}} {{plazoPago.dias}}? | |
8 | + </p> | |
9 | +</div> | |
10 | +<div class="modal-footer"> | |
11 | + <button class="btn btn-danger" ng-click="borrar()">Borrar</button> | |
12 | + <button class="btn btn-default" ng-click="cancelar()">Cancelar</button> | |
13 | +</div> |