diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..44f11df --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +/node_modules +/dist +/tmp +package-lock\.json +src/etc/develop\.js diff --git a/.jshintrc b/.jshintrc new file mode 100644 index 0000000..d8cbb07 --- /dev/null +++ b/.jshintrc @@ -0,0 +1,64 @@ +{ + /* + * ENVIRONMENTS + * ================= + */ + + // Define globals exposed by modern browsers. + "browser": true, + + // Define globals exposed by jQuery. + "jquery": true, + + // Define globals exposed by Node.js. + "node": true, + + // Allow ES6. + "esversion": 6, + + /* + * ENFORCING OPTIONS + * ================= + */ + + // Force all variable names to use either camelCase style or UPPER_CASE + // with underscores. + "camelcase": true, + + // Prohibit use of == and != in favor of === and !==. + "eqeqeq": true, + + // Enforce tab width of 2 spaces. + "indent": 4, + + // Prohibit use of a variable before it is defined. + "latedef": false, + + // Enforce line length to 100 characters + "maxlen": 100, + + // Require capitalized names for constructor functions. + "newcap": true, + + // Enforce use of single quotation marks for strings. + "quotmark": "single", + + // Enforce placing 'use strict' at the top function scope + "strict": false, + + // Prohibit use of explicitly undeclared variables. + "undef": true, + + // Warn when variables are defined but never used. + "unused": true, + + // Para que funcione en angular + "predef": ["angular", "alert", "spyOn", "expect", "it", "inject", "beforeEach", "describe"], + /* + * RELAXING OPTIONS + * ================= + */ + + // Suppress warnings about == null comparisons. + "eqnull": true +} diff --git a/README.md b/README.md new file mode 100644 index 0000000..bf4fc67 --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# foca-modal-cotizacion + +Modal con lista de cotizaciones \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..7fec272 --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,84 @@ +const templateCache = require('gulp-angular-templatecache'); +const concat = require('gulp-concat'); +const htmlmin = require('gulp-htmlmin'); +const rename = require('gulp-rename'); +const uglify = require('gulp-uglify'); +const gulp = require('gulp'); +const pump = require('pump'); +const jshint = require('gulp-jshint'); +const replace = require('gulp-replace'); +const connect = require('gulp-connect'); +const clean = require('gulp-clean'); + +var paths = { + srcJS: 'src/js/*.js', + srcViews: 'src/views/*.html', + tmp: 'tmp', + dist: 'dist/' +}; + +gulp.task('clean', function() { + return gulp.src(['tmp', 'dist'], {read: false}) + .pipe(clean()); +}); + +gulp.task('templates', ['clean'], function() { + return pump( + [ + gulp.src(paths.srcViews), + htmlmin(), + templateCache('views.js', { + module: 'focaModalCotizacion', + root: '' + }), + gulp.dest(paths.tmp) + ] + ); +}); + +gulp.task('uglify', ['templates'], function() { + return pump( + [ + gulp.src([ + paths.srcJS, + 'tmp/views.js' + ]), + concat('foca-modal-cotizacion.js'), + replace('src/views/', ''), + replace("['ui.bootstrap', 'focaDirectivas']", '[]'), + gulp.dest(paths.tmp), + rename('foca-modal-cotizacion.min.js'), + uglify(), + gulp.dest(paths.dist) + ] + ); +}); + +gulp.task('pre-commit', function() { + return pump( + [ + gulp.src(paths.srcJS), + jshint('.jshintrc'), + jshint.reporter('default'), + jshint.reporter('fail') + ] + ); +}); + +gulp.task('webserver', function() { + pump [ + connect.server({port: 3000}) + ] +}); + +gulp.task('clean-post-install', function(){ + return gulp.src(['src', 'tmp', '.jshintrc','readme.md', '.gitignore', 'gulpfile.js', + 'index.html'], {read: false}) + .pipe(clean()); +}); + +gulp.task('default', ['webserver']); + +gulp.task('watch', function() { + gulp.watch([paths.srcJS, paths.srcViews], ['uglify']); +}); diff --git a/index.html b/index.html new file mode 100644 index 0000000..e74871f --- /dev/null +++ b/index.html @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..454f010 --- /dev/null +++ b/package.json @@ -0,0 +1,42 @@ +{ + "name": "foca-modal-cotizacion", + "version": "0.0.1", + "description": "Modal de búsqueda de cotizaciones", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1", + "gulp-pre-commit": "gulp pre-commit", + "compile": "gulp uglify", + "postinstall": "npm run compile && gulp clean-post-install", + "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+https://debo.suite.repo/modulos-npm/foca-directivas.git" + }, + "pre-commit": [ + "gulp-pre-commit" + ], + "repository": { + "type": "git", + "url": "https://debo.suite.repo/modulos-npm/foca-modal-cotizacion.git" + }, + "author": "Foca Software", + "license": "ISC", + "devDependencies": { + "angular": "^1.7.5", + "bootstrap": "^4.1.3", + "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git", + "font-awesome": "^4.7.0", + "gulp": "3.9.1", + "gulp-angular-templatecache": "2.2.3", + "gulp-clean": "0.4.0", + "gulp-concat": "2.6.1", + "gulp-connect": "^5.6.1", + "gulp-htmlmin": "5.0.1", + "gulp-jshint": "^2.1.0", + "gulp-rename": "1.4.0", + "gulp-replace": "1.0.0", + "gulp-uglify": "3.0.1", + "jquery": "^3.3.1", + "jshint": "^2.9.6", + "pump": "3.0.0", + "ui-bootstrap4": "^3.0.5" + } +} diff --git a/src/etc/develop.js.ejemplo b/src/etc/develop.js.ejemplo new file mode 100644 index 0000000..e0f6281 --- /dev/null +++ b/src/etc/develop.js.ejemplo @@ -0,0 +1,4 @@ +angular.module('focaModalCotizacion') + .constant("API_ENDPOINT", { + 'URL': '//127.0.0.1:9000' + }); diff --git a/src/js/app.js b/src/js/app.js new file mode 100644 index 0000000..579a6bc --- /dev/null +++ b/src/js/app.js @@ -0,0 +1 @@ +angular.module('focaModalCotizacion', ['ui.bootstrap', 'focaDirectivas']); diff --git a/src/js/controller.js b/src/js/controller.js new file mode 100644 index 0000000..489ea3e --- /dev/null +++ b/src/js/controller.js @@ -0,0 +1,158 @@ +angular.module('focaModalCotizacion') + .controller('focaModalCotizacionController', + [ + '$filter', + '$scope', + '$uibModalInstance', + 'focaModalCotizacionService', + 'idMoneda', + function($filter, $scope, $uibModalInstance, focaModalCotizacionService, idMoneda) { + focaModalCotizacionService.getCotizaciones(idMoneda).then( + function(res) {console.log(res.data); + $scope.moneda = res.data[0]; + $scope.cotizacion = res.data[0].cotizaciones; + $scope.search(); + } + ); + + // pagination + $scope.numPerPage = 10; + $scope.currentPage = 1; + $scope.filteredCotizacion = []; + $scope.currentPageCotizacion = []; + $scope.selectedCotizacion = -1; + + //METODOS + $scope.search = function() { + $scope.filteredCotizacion = $filter('filter')( + $scope.cotizacion, + {$: $scope.filters} + ); + + $scope.lastPage = Math.ceil( + $scope.filteredCotizacion.length / $scope.numPerPage + ); + + $scope.resetPage(); + }; + + $scope.resetPage = function() { + $scope.currentPage = 1; + $scope.selectPage(1); + }; + + $scope.selectPage = function(page) { + var start = (page - 1) * $scope.numPerPage; + var end = start + $scope.numPerPage; + $scope.paginas = []; + $scope.paginas = calcularPages(page); + $scope.currentPageCotizacion = + $scope.filteredCotizacion.slice(start, end); + $scope.currentPage = page; + }; + + $scope.select = function(cotizacion) { + $uibModalInstance.close(cotizacion); + }; + + $scope.cancel = function() { + $uibModalInstance.dismiss('cancel'); + }; + + $scope.busquedaDown = function(key) { + if (key === 40) { + primera(key); + } + }; + + $scope.busquedaPress = function(key) { + if (key === 13) { + primera(key); + } + }; + + $scope.itemProducto = function(key) { + if (key === 38) { + anterior(key); + } + + if (key === 40) { + siguiente(key); + } + + if (key === 37) { + retrocederPagina(); + } + + if (key === 39) { + avanzarPagina(); + } + }; + + function calcularPages(paginaActual) { + var paginas = []; + paginas.push(paginaActual); + + if (paginaActual - 1 > 1) { + + paginas.unshift(paginaActual - 1); + if (paginaActual - 2 > 1) { + paginas.unshift(paginaActual - 2); + } + } + + if (paginaActual + 1 < $scope.lastPage) { + paginas.push(paginaActual + 1); + if (paginaActual + 2 < $scope.lastPage) { + paginas.push(paginaActual + 2); + } + } + + if (paginaActual !== 1) { + paginas.unshift(1); + } + + if (paginaActual !== $scope.lastPage) { + paginas.push($scope.lastPage); + } + + return paginas; + } + + function primera() { + $scope.selectedCotizacion = 0; + } + + function anterior() { + if ($scope.selectedCotizacion === 0 && $scope.currentPage > 1) { + retrocederPagina(); + } else { + $scope.selectedCotizacion--; + } + } + + function siguiente() { + if ($scope.selectedCotizacion < + $scope.currentPageCotizacion.length - 1 ) { + $scope.selectedCotizacion++; + } else { + avanzarPagina(); + } + } + + function retrocederPagina() { + if ($scope.currentPage > 1) { + $scope.selectPage($scope.currentPage - 1); + $scope.selectedCotizacion = $scope.numPerPage - 1; + } + } + + function avanzarPagina() { + if ($scope.currentPage < $scope.lastPage) { + $scope.selectPage($scope.currentPage + 1); + $scope.selectedCotizacion = 0; + } + } + } + ] + ); diff --git a/src/js/service.js b/src/js/service.js new file mode 100644 index 0000000..af68cc1 --- /dev/null +++ b/src/js/service.js @@ -0,0 +1,12 @@ +angular.module('focaModalCotizacion') + .service('focaModalCotizacionService', [ + '$http', + 'API_ENDPOINT', + function($http, API_ENDPOINT) { + return { + getCotizaciones: function(idMoneda) { + return $http.get(API_ENDPOINT.URL + '/moneda/' + idMoneda); + } + }; + } + ]); diff --git a/src/views/modal-cotizacion.html b/src/views/modal-cotizacion.html new file mode 100644 index 0000000..145058e --- /dev/null +++ b/src/views/modal-cotizacion.html @@ -0,0 +1,73 @@ + + +