Commit 8e5e3509afc632fb43b8adc701bea2434b3dadd3
1 parent
176dfc70f7
Exists in
master
copia wrapper demo
Showing
64 changed files
with
1459 additions
and
0 deletions
Show diff stats
.gitignore
| File was created | 1 | /node_modules | |
| 2 | /dist | ||
| 3 | /src/etc/develop.js | ||
| 4 | /css/*.css | ||
| 5 | /package-lock\.json | ||
| 6 |
.jshintrc
| 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": 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 | } | ||
| 65 |
gulpfile.js
| File was created | 1 | const gulp = require('gulp'); | |
| 2 | const sass = require('gulp-sass'); | ||
| 3 | const concat = require('gulp-concat'); | ||
| 4 | const rename = require('gulp-rename'); | ||
| 5 | const uglify = require('gulp-uglify'); | ||
| 6 | const pump = require('pump'); | ||
| 7 | const jshint = require('gulp-jshint'); | ||
| 8 | const replace = require('gulp-replace'); | ||
| 9 | const connect = require('gulp-connect'); | ||
| 10 | const watch = require('gulp-watch'); | ||
| 11 | |||
| 12 | var paths = { | ||
| 13 | srcHTML : 'src/views/*.html', | ||
| 14 | srcJS : 'src/js/*.js', | ||
| 15 | confJS : 'src/etc/develop.js', | ||
| 16 | dist : 'dist/', | ||
| 17 | distHTML : 'dist/views/' | ||
| 18 | }; | ||
| 19 | |||
| 20 | gulp.task('uglify', function() { | ||
| 21 | pump( | ||
| 22 | [ | ||
| 23 | gulp.src([paths.srcJS, paths.confJS]), | ||
| 24 | concat('wrapper-demo.js'), | ||
| 25 | replace('/src/', '/dist/'), | ||
| 26 | gulp.dest(paths.dist), | ||
| 27 | rename('wrapper-demo.min.js'), | ||
| 28 | uglify(), | ||
| 29 | gulp.dest(paths.dist) | ||
| 30 | ] | ||
| 31 | ); | ||
| 32 | }); | ||
| 33 | |||
| 34 | gulp.task('html', function() { | ||
| 35 | pump([ | ||
| 36 | gulp.src('index.html'), | ||
| 37 | replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'), | ||
| 38 | gulp.dest(paths.dist) | ||
| 39 | ]); | ||
| 40 | pump([ | ||
| 41 | gulp.src(paths.srcHTML), | ||
| 42 | gulp.dest(paths.distHTML) | ||
| 43 | ]); | ||
| 44 | }) | ||
| 45 | |||
| 46 | gulp.task('sass', function() { | ||
| 47 | return gulp.src('src/sass/*.scss') | ||
| 48 | .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) | ||
| 49 | .pipe(gulp.dest('css')); | ||
| 50 | }); | ||
| 51 | |||
| 52 | gulp.task('pre-install', function() { | ||
| 53 | pump([ | ||
| 54 | gulp.src('package.json'), | ||
| 55 | replace('ssh://git@debonline.dyndns.org:', 'http://git.focasoftware.com/'), | ||
| 56 | gulp.dest('') | ||
| 57 | ]); | ||
| 58 | }) | ||
| 59 | |||
| 60 | gulp.task('post-install', function() { | ||
| 61 | pump([ | ||
| 62 | gulp.src('package.json'), | ||
| 63 | replace('http://git.focasoftware.com/', 'ssh://git@debonline.dyndns.org:'), | ||
| 64 | gulp.dest('') | ||
| 65 | ]); | ||
| 66 | }) | ||
| 67 | |||
| 68 | gulp.task('pre-commit', function() { | ||
| 69 | pump( | ||
| 70 | [ | ||
| 71 | gulp.src(paths.srcJS), | ||
| 72 | jshint('.jshintrc'), | ||
| 73 | jshint.reporter('default'), | ||
| 74 | jshint.reporter('fail') | ||
| 75 | ] | ||
| 76 | ); | ||
| 77 | gulp.start('uglify'); | ||
| 78 | gulp.start('sass'); | ||
| 79 | }); | ||
| 80 | |||
| 81 | gulp.task('webserver', function() { | ||
| 82 | pump [ | ||
| 83 | connect.server( | ||
| 84 | { | ||
| 85 | port: 8086, | ||
| 86 | host: '0.0.0.0', | ||
| 87 | livereload: true | ||
| 88 | } | ||
| 89 | ) | ||
| 90 | ] | ||
| 91 | }); | ||
| 92 | |||
| 93 | gulp.task('watch', function() { | ||
| 94 | gulp.watch([paths.srcJS], ['uglify']); | ||
| 95 | gulp.watch('src/sass/*.scss', ['sass']); | ||
| 96 | }) | ||
| 97 | |||
| 98 | gulp.task('reload'), function() { | ||
| 99 | connect.reload(); | ||
| 100 | } | ||
| 101 | |||
| 102 | gulp.task('livereload', function() { | ||
| 103 | gulp.watch('css/*.css', ['reload']); | ||
| 104 | gulp.watch('js/dist/*.js', ['reload']); | ||
| 105 | gulp.watch('vistas/**/*.html', ['reload']); | ||
| 106 | gulp.watch('index.html', ['reload']); | ||
| 107 | }); | ||
| 108 | |||
| 109 | gulp.task('default', ['webserver', 'livereload', 'watch']); | ||
| 110 |
img/abmChofer.png
6.16 KB
img/abmPrecios.png
5.73 KB
img/abmVehiculos.png
3.74 KB
img/botonera.png
545 KB
img/chofer.png
6.07 KB
img/cliente.png
3.8 KB
img/cobrador.png
5.78 KB
img/cobros.png
4.87 KB
img/comprobante.png
3.89 KB
img/derecha.png
1.62 KB
img/fechaDeReparto.png
4.19 KB
img/flete.png
3.28 KB
img/hojaRutaVolante.png
9.99 KB
img/izquierda.png
1.44 KB
img/logo.png
143 KB
img/marker-icon-2x-blue.png
3.94 KB
img/marker-icon-2x-green.png
4.1 KB
img/marker-icon-2x-red.png
4.13 KB
img/marker-icon-green.png
1.78 KB
img/marker-icon-grey.png
1.65 KB
img/marker-icon-red.png
1.83 KB
img/marker-shadow.png
608 Bytes
img/moneda.png
4.53 KB
img/notaDePedido.png
4.49 KB
img/precios-condiciones.png
5.75 KB
img/productos.png
2.95 KB
img/proveedor.png
4.81 KB
img/puntosDeDescarga.png
8.91 KB
img/remito.png
3.26 KB
img/seguimientoCobranza.png
12.1 KB
img/seguimientoHojaRuta.png
11.8 KB
img/seguimientoNotaPedido.png
12 KB
img/tarifario.png
5.21 KB
img/transportista.png
3.89 KB
img/vehiculos.png
4.33 KB
img/vendedor.png
4.3 KB
index.html
| File was created | 1 | <html ng-app="appWrapperDemo"> | |
| 2 | <head> | ||
| 3 | <meta charset="UTF-8"/> | ||
| 4 | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| 5 | <base href="./"> | ||
| 6 | |||
| 7 | <!--CSS--> | ||
| 8 | <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/> | ||
| 9 | <link href="./node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/> | ||
| 10 | <link href="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.css" rel="stylesheet"/> | ||
| 11 | <link href="./node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet"/> | ||
| 12 | <link href="./node_modules/leaflet/dist/leaflet.css" rel="stylesheet"/> | ||
| 13 | <link href="./css/general.css" rel="stylesheet"/> | ||
| 14 | |||
| 15 | <!--VENDOR JS--> | ||
| 16 | <script src="./node_modules/jquery/dist/jquery.min.js"></script> | ||
| 17 | <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script> | ||
| 18 | <script src="./node_modules/angular/angular.min.js"></script> | ||
| 19 | <script src="./node_modules/angular-cookies/angular-cookies.min.js"></script> | ||
| 20 | <script src="./node_modules/angular-i18n/angular-locale_es-ar.js"></script> | ||
| 21 | <script src="./node_modules/angular-route/angular-route.min.js"></script> | ||
| 22 | <script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script> | ||
| 23 | <script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script> | ||
| 24 | <script src="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.js"></script> | ||
| 25 | <script src="./node_modules/ladda/dist/spin.min.js"></script> | ||
| 26 | <script src="./node_modules/ladda/dist/ladda.min.js"></script> | ||
| 27 | <script src="./node_modules/angular-ladda/dist/angular-ladda.min.js"></script> | ||
| 28 | <script src="./node_modules/leaflet/dist/leaflet.js"></script> | ||
| 29 | <script src="./node_modules/ngstorage/ngStorage.min.js"></script> | ||
| 30 | <script src="./vendor/cordovaGeolocationModule.min.js"></script> | ||
| 31 | <script src="./node_modules/chart.js/dist/Chart.min.js"></script> | ||
| 32 | <script src="./node_modules/angular-chart.js/dist/angular-chart.min.js"></script> | ||
| 33 | |||
| 34 | <script src="./node_modules/foca-abm-chofer/dist/foca-abm-chofer.min.js"></script> | ||
| 35 | <script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script> | ||
| 36 | <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script> | ||
| 37 | <script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script> | ||
| 38 | <script src="./node_modules/foca-abm-vehiculo/dist/foca-abm-vehiculo.min.js"></script> | ||
| 39 | <script src="./node_modules/foca-abm-vendedor-cobrador/dist/foca-abm-vendedor-cobrador.min.js"></script> | ||
| 40 | <script src="./node_modules/foca-activar-hoja-ruta/dist/foca-activar-hoja-ruta.min.js"></script> | ||
| 41 | <script src="./node_modules/foca-admin-seguimiento/dist/foca-admin-seguimiento.min.js"></script> | ||
| 42 | <script src="./node_modules/foca-botonera-facturador/dist/foca-botonera-facturador.min.js"></script> | ||
| 43 | <script src="./node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js"></script> | ||
| 44 | <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script> | ||
| 45 | <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script> | ||
| 46 | <script src="./node_modules/foca-cabecera-facturador/dist/foca-cabecera-facturador.min.js"></script> | ||
| 47 | <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script> | ||
| 48 | <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script> | ||
| 49 | <script src="./node_modules/foca-crear-hoja-ruta/dist/foca-crear-hoja-ruta.min.js"></script> | ||
| 50 | <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script> | ||
| 51 | <script src="./node_modules/foca-crear-login/dist/foca-crear-login.min.js"></script> | ||
| 52 | <script src="./node_modules/foca-crear-remito/dist/foca-crear-remito.min.js"></script> | ||
| 53 | <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script> | ||
| 54 | <script src="./node_modules/foca-estado-cisternas/dist/foca-estado-cisternas.min.js"></script> | ||
| 55 | <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script> | ||
| 56 | <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script> | ||
| 57 | <script src="./node_modules/foca-login/dist/foca-login.min.js"></script> | ||
| 58 | <script src="./node_modules/foca-logistica-pedido-ruta/dist/foca-logistica-pedido-ruta.min.js"></script> | ||
| 59 | <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script> | ||
| 60 | <script src="./node_modules/foca-modal-banco/dist/foca-modal-banco.min.js"></script> | ||
| 61 | <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script> | ||
| 62 | <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script> | ||
| 63 | <script src="./node_modules/foca-modal-chofer/dist/foca-modal-chofer.min.js"></script> | ||
| 64 | <script src="./node_modules/foca-modal-cobrador/dist/foca-modal-cobradores.min.js"></script> | ||
| 65 | <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script> | ||
| 66 | <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script> | ||
| 67 | <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script> | ||
| 68 | <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script> | ||
| 69 | <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script> | ||
| 70 | <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script> | ||
| 71 | <script src="./node_modules/foca-modal-factura-detalle/dist/foca-modal-factura-detalle.min.js"></script> | ||
| 72 | <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script> | ||
| 73 | <script src="./node_modules/foca-modal-lista-precio/dist/foca-modal-lista-precio.min.js"></script> | ||
| 74 | <script src="./node_modules/foca-modal-localidad/dist/foca-modal-localidad.min.js"></script> | ||
| 75 | <script src="./node_modules/foca-modal-login/dist/foca-modal-login.min.js"></script> | ||
| 76 | <script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script> | ||
| 77 | <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script> | ||
| 78 | <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script> | ||
| 79 | <script src="./node_modules/foca-modal-proveedor/dist/foca-modal-proveedor.min.js"></script> | ||
| 80 | <script src="./node_modules/foca-modal-provincia/dist/foca-modal-provincia.min.js"></script> | ||
| 81 | <script src="./node_modules/foca-modal-punto-descarga/dist/foca-modal-punto-descarga.min.js"></script> | ||
| 82 | <script src="./node_modules/foca-modal-remito/dist/foca-modal-remito.min.js"></script> | ||
| 83 | <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script> | ||
| 84 | <script src="./node_modules/foca-modal-transportista/dist/foca-modal-transportista.min.js"></script> | ||
| 85 | <script src="./node_modules/foca-modal-unidad-medida/dist/foca-modal-unidad-medida.min.js"></script> | ||
| 86 | <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script> | ||
| 87 | <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script> | ||
| 88 | <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script> | ||
| 89 | <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script> | ||
| 90 | <script src="./src/js/app.js"></script> | ||
| 91 | <script src="./src/js/controller.js"></script> | ||
| 92 | <script src="./src/etc/develop.js"></script> | ||
| 93 | </head> | ||
| 94 | <body> | ||
| 95 | <style> | ||
| 96 | </style> | ||
| 97 | <foca-nombre-empresa></foca-nombre-empresa> | ||
| 98 | <div ng-view class="container contenedor"></div> | ||
| 99 | <div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block "> | ||
| 100 | <foca-botonera-lateral></foca-botonera-lateral> | ||
| 101 | <foca-teclado | ||
| 102 | ng-show="usarTeclado && mostrarTeclado" | ||
| 103 | alfanumeric="true" | ||
| 104 | numeric="true" | ||
| 105 | > | ||
| 106 | </foca-teclado> | ||
| 107 | </div> | ||
| 108 | </body> | ||
| 109 | </html> | ||
| 110 |
package.json
| File was created | 1 | { | |
| 2 | "name": "wrapper-demo", | ||
| 3 | "version": "0.0.1", | ||
| 4 | "description": "", | ||
| 5 | "main": "main.js", | ||
| 6 | "scripts": { | ||
| 7 | "initdev": "npm install gulp --global && npm install && npm install -g jshint", | ||
| 8 | "gulp-pre-commit": "gulp pre-commit", | ||
| 9 | "compile": "gulp uglify && gulp sass", | ||
| 10 | "actualizar": "git pull origin master", | ||
| 11 | "install-dev": "gulp pre-install && npm install && gulp post-install" | ||
| 12 | }, | ||
| 13 | "pre-commit": [ | ||
| 14 | "gulp-pre-commit" | ||
| 15 | ], | ||
| 16 | "repository": { | ||
| 17 | "type": "git", | ||
| 18 | "url": "git@debonline.dyndns.org:npm/wrapper-demo.git" | ||
| 19 | }, | ||
| 20 | "author": "Foca Software", | ||
| 21 | "license": "ISC", | ||
| 22 | "dependencies": { | ||
| 23 | "angular": "^1.7.5", | ||
| 24 | "angular-chart.js": "1.1.1", | ||
| 25 | "angular-cookies": "^1.7.5", | ||
| 26 | "angular-i18n": "^1.7.5", | ||
| 27 | "angular-ladda": "^0.4.3", | ||
| 28 | "angular-route": "^1.7.5", | ||
| 29 | "angular-sanitize": "^1.7.5", | ||
| 30 | "angular-ui-swiper": "^2.3.8", | ||
| 31 | "bootstrap": "^4.1.3", | ||
| 32 | "chart.js": "2.7.3", | ||
| 33 | "foca-abm-chofer": "git+http://git.focasoftware.com/npm/foca-abm-chofer.git", | ||
| 34 | "foca-abm-plazo-pago": "git+http://git.focasoftware.com/npm/foca-abm-plazo-pago.git", | ||
| 35 | "foca-abm-precios-condiciones": "git+http://git.focasoftware.com/npm/foca-abm-precios-condiciones.git", | ||
| 36 | "foca-abm-sectores": "git+http://git.focasoftware.com/npm/foca-abm-sectores.git", | ||
| 37 | "foca-abm-vehiculo": "git+http://git.focasoftware.com/npm/foca-abm-vehiculo.git", | ||
| 38 | "foca-abm-vendedor-cobrador": "git+http://git.focasoftware.com/npm/foca-abm-vendedor-cobrador.git", | ||
| 39 | "foca-activar-hoja-ruta": "git+http://git.focasoftware.com/npm/foca-activar-hoja-ruta.git", | ||
| 40 | "foca-admin-seguimiento": "git+http://git.focasoftware.com/npm/foca-admin-seguimiento.git", | ||
| 41 | "foca-botonera-facturador": "git+http://git.focasoftware.com/npm/foca-botonera-facturador.git", | ||
| 42 | "foca-botonera-lateral": "git+http://git.focasoftware.com/npm/foca-botonera-lateral.git", | ||
| 43 | "foca-botonera-principal": "git+http://git.focasoftware.com/npm/foca-botonera-principal.git", | ||
| 44 | "foca-busqueda-cliente": "git+http://git.focasoftware.com/npm/foca-busqueda-cliente.git", | ||
| 45 | "foca-cabecera-facturador": "git+http://git.focasoftware.com/npm/foca-cabecera-facturador.git", | ||
| 46 | "foca-configuracion": "git+http://git.focasoftware.com/npm/foca-configuracion.git", | ||
| 47 | "foca-crear-cobranza": "git+http://git.focasoftware.com/npm/foca-crear-cobranza.git", | ||
| 48 | "foca-crear-hoja-ruta": "git+http://git.focasoftware.com/npm/foca-crear-hoja-ruta.git", | ||
| 49 | "foca-crear-login": "git+http://git.focasoftware.com/npm/foca-crear-login.git", | ||
| 50 | "foca-crear-nota-pedido": "git+http://git.focasoftware.com/npm/foca-crear-nota-pedido.git", | ||
| 51 | "foca-crear-remito": "git+http://git.focasoftware.com/npm/foca-crear-remito.git", | ||
| 52 | "foca-directivas": "git+http://git.focasoftware.com/npm/foca-directivas.git", | ||
| 53 | "foca-estado-cisternas": "git+http://git.focasoftware.com/npm/foca-estado-cisternas.git", | ||
| 54 | "foca-filtros": "git+http://git.focasoftware.com/npm/foca-filtros.git", | ||
| 55 | "foca-hoja-ruta": "git+http://git.focasoftware.com/npm/foca-hoja-ruta.git", | ||
| 56 | "foca-login": "git+http://git.focasoftware.com/npm/foca-login.git", | ||
| 57 | "foca-logistica-pedido-ruta": "git+http://git.focasoftware.com/npm/foca-logistica-pedido-ruta.git", | ||
| 58 | "foca-modal": "git+http://git.focasoftware.com/npm/foca-modal.git", | ||
| 59 | "foca-modal-banco": "git+http://git.focasoftware.com/npm/foca-modal-banco.git", | ||
| 60 | "foca-modal-busqueda-productos": "git+http://git.focasoftware.com/npm/foca-modal-busqueda-productos.git", | ||
| 61 | "foca-modal-cheque": "git+http://git.focasoftware.com/npm/foca-modal-cheque.git", | ||
| 62 | "foca-modal-chofer": "git+http://git.focasoftware.com/npm/foca-modal-chofer.git", | ||
| 63 | "foca-modal-cobrador": "git+http://git.focasoftware.com/npm/foca-modal-cobrador.git", | ||
| 64 | "foca-modal-cobranza": "git+http://git.focasoftware.com/npm/foca-modal-cobranza.git", | ||
| 65 | "foca-modal-cotizacion": "git+http://git.focasoftware.com/npm/foca-modal-cotizacion.git", | ||
| 66 | "foca-modal-detalle-hoja-ruta": "git+http://git.focasoftware.com/npm/foca-modal-detalle-hoja-ruta.git", | ||
| 67 | "foca-modal-domicilio": "git+http://git.focasoftware.com/npm/foca-modal-domicilio.git", | ||
| 68 | "foca-modal-efectivo": "git+http://git.focasoftware.com/npm/foca-modal-efectivo.git", | ||
| 69 | "foca-modal-factura": "git+http://git.focasoftware.com/npm/foca-modal-factura.git", | ||
| 70 | "foca-modal-factura-detalle": "git+http://git.focasoftware.com/npm/foca-modal-factura-detalle.git", | ||
| 71 | "foca-modal-flete": "git+http://git.focasoftware.com/npm/foca-modal-flete.git", | ||
| 72 | "foca-modal-lista-precio": "git+http://git.focasoftware.com/npm/foca-modal-lista-precio.git", | ||
| 73 | "foca-modal-localidad": "git+http://git.focasoftware.com/npm/foca-modal-localidad.git", | ||
| 74 | "foca-modal-login": "git+http://git.focasoftware.com/npm/foca-modal-login.git", | ||
| 75 | "foca-modal-moneda": "git+http://git.focasoftware.com/npm/foca-modal-moneda.git", | ||
| 76 | "foca-modal-nota-pedido": "git+http://git.focasoftware.com/npm/foca-modal-nota-pedido.git", | ||
| 77 | "foca-modal-precio-condiciones": "git+http://git.focasoftware.com/npm/foca-modal-precio-condiciones.git", | ||
| 78 | "foca-modal-proveedor": "git+http://git.focasoftware.com/npm/foca-modal-proveedor.git", | ||
| 79 | "foca-modal-provincia": "git+http://git.focasoftware.com/npm/foca-modal-provincia.git", | ||
| 80 | "foca-modal-punto-descarga": "git+http://git.focasoftware.com/npm/foca-modal-punto-descarga.git", | ||
| 81 | "foca-modal-remito": "git+http://git.focasoftware.com/npm/foca-modal-remito.git", | ||
| 82 | "foca-modal-tarifa-flete": "git+http://git.focasoftware.com/npm/foca-modal-tarifa-flete.git", | ||
| 83 | "foca-modal-transportista": "git+http://git.focasoftware.com/npm/foca-modal-transportista.git", | ||
| 84 | "foca-modal-unidad-medida": "git+http://git.focasoftware.com/npm/foca-modal-unidad-medida.git", | ||
| 85 | "foca-modal-vehiculo": "git+http://git.focasoftware.com/npm/foca-modal-vehiculo.git", | ||
| 86 | "foca-modal-vendedores": "git+http://git.focasoftware.com/npm/foca-modal-vendedores.git", | ||
| 87 | "foca-nombre-empresa": "git+http://git.focasoftware.com/npm/foca-nombre-empresa.git", | ||
| 88 | "foca-seguimiento": "git+http://git.focasoftware.com/npm/foca-seguimiento.git", | ||
| 89 | "foca-teclado": "git+http://git.focasoftware.com/npm/foca-teclado.git", | ||
| 90 | "font-awesome": "^4.7.0", | ||
| 91 | "gulp-angular-templatecache": "^2.2.1", | ||
| 92 | "gulp-htmlmin": "^5.0.1", | ||
| 93 | "gulp-uglify": "^3.0.1", | ||
| 94 | "gulp-uglify-es": "^1.0.4", | ||
| 95 | "jquery": "^3.3.1", | ||
| 96 | "ladda": "1.0.6", | ||
| 97 | "leaflet": "1.3.4", | ||
| 98 | "moment": "2.23.0", | ||
| 99 | "ngstorage": "^0.3.11", | ||
| 100 | "node-sass": "^4.10.0", | ||
| 101 | "uglify": "^0.1.5", | ||
| 102 | "ui-bootstrap4": "^3.0.5" | ||
| 103 | }, | ||
| 104 | "devDependencies": { | ||
| 105 | "gulp": "3.9.1", | ||
| 106 | "gulp-clean": "^0.4.0", | ||
| 107 | "gulp-concat": "^2.6.1", | ||
| 108 | "gulp-connect": "^5.6.1", | ||
| 109 | "gulp-jshint": "^2.1.0", | ||
| 110 | "gulp-rename": "^1.4.0", | ||
| 111 | "gulp-replace": "^1.0.0", | ||
| 112 | "gulp-sass": "^4.0.1", | ||
| 113 | "gulp-uglify": "^1.0.4", | ||
| 114 | "gulp-watch": "^5.0.1", | ||
| 115 | "jasmine-core": "^3.2.1", | ||
| 116 | "jshint": "^2.9.6", | ||
| 117 | "pre-commit": "^1.2.2", | ||
| 118 | "pump": "^3.0.0" | ||
| 119 | } | ||
| 120 | } | ||
| 121 |
src/etc/develop.ejemplo.js
| File was created | 1 | angular.module('appWrapperDemo') | |
| 2 | .constant('API_ENDPOINT', { | ||
| 3 | 'URL': '//127.0.0.1:9000' | ||
| 4 | }) | ||
| 5 | .constant("APP", ''); // Posibles valores '', 'distribuidor', 'transportista' | ||
| 6 |
src/js/app.js
| File was created | 1 | angular.module('appWrapperDemo', [ | |
| 2 | //EXTERNOS | ||
| 3 | 'angular-ladda', | ||
| 4 | 'cordovaGeolocationModule', | ||
| 5 | 'ngCookies', | ||
| 6 | 'ngRoute', | ||
| 7 | 'ngSanitize', | ||
| 8 | 'ngStorage', | ||
| 9 | 'onScreenKeyboard', | ||
| 10 | 'ui.bootstrap', | ||
| 11 | 'ui.swiper', | ||
| 12 | |||
| 13 | // MODULOS FOCA | ||
| 14 | 'focaAbmPlazoPago', | ||
| 15 | 'focaAbmPreciosCondiciones', | ||
| 16 | 'focaAbmSectores', | ||
| 17 | 'focaAbmVehiculo', | ||
| 18 | 'focaAbmChofer', | ||
| 19 | 'focaAbmVendedorCobrador', | ||
| 20 | 'focaActivarHojaRuta', | ||
| 21 | 'focaAdminSeguimiento', | ||
| 22 | 'focaBotoneraFacturador', | ||
| 23 | 'focaBotoneraLateral', | ||
| 24 | 'focaBotoneraPrincipal', | ||
| 25 | 'focaBusquedaCliente', | ||
| 26 | 'focaBusquedaProductos', | ||
| 27 | 'focaCabeceraFacturador', | ||
| 28 | 'focaConfiguracion', | ||
| 29 | 'focaCrearCobranza', | ||
| 30 | 'focaCrearHojaRuta', | ||
| 31 | 'focaCrearLogin', | ||
| 32 | 'focaCrearNotaPedido', | ||
| 33 | 'focaCrearRemito', | ||
| 34 | 'focaDirectivas', | ||
| 35 | 'focaEstadoCisternas', | ||
| 36 | 'focaFiltros', | ||
| 37 | 'focaHojaRuta', | ||
| 38 | 'focaLogin', | ||
| 39 | 'focaModal', | ||
| 40 | 'focaModalBanco', | ||
| 41 | 'focaModalCheque', | ||
| 42 | 'focaModalChofer', | ||
| 43 | 'focaModalCobradores', | ||
| 44 | 'focaModalCobranza', | ||
| 45 | 'focaModalCotizacion', | ||
| 46 | 'focaModalDetalleHojaRuta', | ||
| 47 | 'focaModalDomicilio', | ||
| 48 | 'focaModalEfectivo', | ||
| 49 | 'focaModalFactura', | ||
| 50 | 'focaModalFacturaDetalle', | ||
| 51 | 'focaModalFlete', | ||
| 52 | 'focaModalListaPrecio', | ||
| 53 | 'focaModalLocalidad', | ||
| 54 | 'focaModalLogin', | ||
| 55 | 'focaModalMoneda', | ||
| 56 | 'focaModalNotaPedido', | ||
| 57 | 'focaModalPrecioCondicion', | ||
| 58 | 'focaModalProveedor', | ||
| 59 | 'focaModalProvincia', | ||
| 60 | 'focaModalPuntoDescarga', | ||
| 61 | 'focaModalRemito', | ||
| 62 | 'focaModalTarifaFlete', | ||
| 63 | 'focaModalTransportista', | ||
| 64 | 'focaModalUnidadMedida', | ||
| 65 | 'focaModalVendedores', | ||
| 66 | 'focaNombreEmpresa', | ||
| 67 | 'focaSeguimiento', | ||
| 68 | 'focaTeclado', | ||
| 69 | 'focaLogisticaPedidoRuta' | ||
| 70 | ]); | ||
| 71 |
src/js/controller.js
| File was created | 1 | angular.module('appWrapperDemo') | |
| 2 | .controller('appWrapperDemoController', [ | ||
| 3 | '$scope', | ||
| 4 | '$rootScope', | ||
| 5 | '$timeout', | ||
| 6 | function($scope, $rootScope, $timeout) { | ||
| 7 | $scope.usarTeclado = false; | ||
| 8 | $rootScope.$broadcast('usarTeclado', false); | ||
| 9 | $scope.mostrarTeclado = false; | ||
| 10 | //Envía broadcast para avisar que el teclado está en funcionamiento o no | ||
| 11 | //para su uso cambiar ng-click del boton por esta función | ||
| 12 | $scope.cambioUsoTeclado = function() { | ||
| 13 | if($scope.usarTeclado) { | ||
| 14 | $scope.usarTeclado = false; | ||
| 15 | $rootScope.$broadcast('usarTeclado', false); | ||
| 16 | return; | ||
| 17 | } | ||
| 18 | $scope.usarTeclado = true; | ||
| 19 | $rootScope.$broadcast('usarTeclado', true); | ||
| 20 | }; | ||
| 21 | |||
| 22 | $rootScope.$on('focus', function(event) { | ||
| 23 | if(!$scope.usarTeclado) { | ||
| 24 | return; | ||
| 25 | } | ||
| 26 | $scope.mostrarTeclado = true; | ||
| 27 | $timeout.cancel($scope.timeout); | ||
| 28 | if(!$scope.$$phase) { | ||
| 29 | $scope.$apply(); | ||
| 30 | } | ||
| 31 | }); | ||
| 32 | $rootScope.$on('blur', function(event) { | ||
| 33 | $scope.timeout = $timeout(function() { | ||
| 34 | $scope.mostrarTeclado = false; | ||
| 35 | if(!$scope.$$phase) { | ||
| 36 | $scope.$apply(); | ||
| 37 | } | ||
| 38 | }, 150); | ||
| 39 | }); | ||
| 40 | } | ||
| 41 | ]); | ||
| 42 |
src/sass/_acciones-mobile.scss
| File was created | 1 | .acciones-mobile { | |
| 2 | line-height: 2.5em; | ||
| 3 | color: orange; | ||
| 4 | font-size: 1.25em | ||
| 5 | } | ||
| 6 |
src/sass/_admin-seguimiento.scss
| File was created | 1 | .foca-admin-seguimiento { | |
| 2 | osm { | ||
| 3 | &>div { | ||
| 4 | height: 535px; | ||
| 5 | } | ||
| 6 | } | ||
| 7 | } | ||
| 8 | .foca-logistica-pedido-ruta { | ||
| 9 | foca-logistica { | ||
| 10 | &>div { | ||
| 11 | height: 400px; | ||
| 12 | } | ||
| 13 | } | ||
| 14 | } | ||
| 15 |
src/sass/_bootstrap.scss
| File was created | 1 | button.active{ | |
| 2 | text-decoration: none; | ||
| 3 | outline: 0; | ||
| 4 | background-color: $primary-color; | ||
| 5 | &:focus{ | ||
| 6 | box-shadow: 0 0 0 0.2rem #d8b07d; | ||
| 7 | } | ||
| 8 | } | ||
| 9 | .btn-xs { | ||
| 10 | padding: .15rem .5rem; | ||
| 11 | font-size: .8rem; | ||
| 12 | line-height: 1.5; | ||
| 13 | border-radius: .2rem; | ||
| 14 | } | ||
| 15 | .no-border-bottom { | ||
| 16 | border-bottom: 0 !important; | ||
| 17 | } | ||
| 18 | .no-border-top { | ||
| 19 | border-top: 0 !important; | ||
| 20 | } | ||
| 21 | .no-border { | ||
| 22 | border: 0 !important; | ||
| 23 | } | ||
| 24 | .margin-bottom-mobile { | ||
| 25 | margin-bottom: 2.5em !important; | ||
| 26 | } | ||
| 27 | .tamaño-boton { | ||
| 28 | width:44px; | ||
| 29 | } | ||
| 30 | .modal-content { | ||
| 31 | .modal-header{ | ||
| 32 | display: block; | ||
| 33 | >div.row{ | ||
| 34 | margin: 0 !important; | ||
| 35 | >div{ | ||
| 36 | padding: 0 !important; | ||
| 37 | } | ||
| 38 | } | ||
| 39 | } | ||
| 40 | @media (max-width: 576px) { | ||
| 41 | height: auto; | ||
| 42 | height: 100%; | ||
| 43 | border-radius: 0; | ||
| 44 | } | ||
| 45 | } | ||
| 46 | .modal.show .modal-dialog { | ||
| 47 | @media (min-width: 1201px){ | ||
| 48 | -webkit-transform: translate(0, 70px); | ||
| 49 | transform: translate(0, 70px); | ||
| 50 | } | ||
| 51 | @media (min-width: 576px) { | ||
| 52 | -webkit-transform: translate(0, 90px); | ||
| 53 | transform: translate(0, 90px); | ||
| 54 | } | ||
| 55 | @media (max-width: 576px) { | ||
| 56 | width: 100%; | ||
| 57 | height: 100%; | ||
| 58 | margin: 0; | ||
| 59 | padding: 0; | ||
| 60 | } | ||
| 61 | } | ||
| 62 | .modal-body { | ||
| 63 | @media (max-width: 576px) { | ||
| 64 | overflow-y: auto; | ||
| 65 | } | ||
| 66 | } | ||
| 67 | |||
| 68 | .boton-salir { | ||
| 69 | position: absolute; | ||
| 70 | bottom: 10px; | ||
| 71 | right: 15px; | ||
| 72 | width: calc(100% - 15px); | ||
| 73 | } | ||
| 74 | |||
| 75 | input[type=number]::-webkit-inner-spin-button, | ||
| 76 | |||
| 77 | input[type=number]::-webkit-outer-spin-button { | ||
| 78 | -webkit-appearance: none; | ||
| 79 | margin: 0; | ||
| 80 | } | ||
| 81 | |||
| 82 | .invisible { | ||
| 83 | color: rgba(0,0,0,0); | ||
| 84 | } | ||
| 85 |
src/sass/_botonera-lateral.scss
| File was created | 1 | .botonera-lateral { | |
| 2 | pointer-events: none; | ||
| 3 | position: absolute; | ||
| 4 | left: 0; | ||
| 5 | right: 0; | ||
| 6 | top: 402px; | ||
| 7 | &.teclado{ | ||
| 8 | top: 449px; | ||
| 9 | z-index: 100000; | ||
| 10 | } | ||
| 11 | .row{ | ||
| 12 | margin: 0 !important; | ||
| 13 | pointer-events: none; | ||
| 14 | } | ||
| 15 | |||
| 16 | .container{ | ||
| 17 | @media (min-width: 768px){ | ||
| 18 | display: grid !important; | ||
| 19 | } | ||
| 20 | } | ||
| 21 | |||
| 22 | button{ | ||
| 23 | pointer-events: all; | ||
| 24 | background-color: #DDD; | ||
| 25 | } | ||
| 26 | |||
| 27 | .teclado-activar { | ||
| 28 | background-color: #17d236 !important; | ||
| 29 | color: #FFF !important; | ||
| 30 | } | ||
| 31 | |||
| 32 | button, .btn-group-toggle{ | ||
| 33 | background-color: #DDD; | ||
| 34 | color: #000; | ||
| 35 | text-transform: uppercase; | ||
| 36 | min-width: 109px; | ||
| 37 | &:hover{ | ||
| 38 | color: #FFF; | ||
| 39 | .boton-activar-teclado{ | ||
| 40 | color: #FFF; | ||
| 41 | } | ||
| 42 | background-color: #000; | ||
| 43 | } | ||
| 44 | } | ||
| 45 | |||
| 46 | |||
| 47 | .btn-group-toggle{ | ||
| 48 | pointer-events: all; | ||
| 49 | &.active{ | ||
| 50 | background-color: $primary-color; | ||
| 51 | .boton-activar-teclado{ | ||
| 52 | color: #FFF; | ||
| 53 | } | ||
| 54 | } | ||
| 55 | |||
| 56 | .boton-activar-teclado{ | ||
| 57 | cursor: pointer; | ||
| 58 | color: #000; | ||
| 59 | background-color: transparent; | ||
| 60 | } | ||
| 61 | |||
| 62 | input{ | ||
| 63 | display: none; | ||
| 64 | } | ||
| 65 | } | ||
| 66 | } | ||
| 67 |
src/sass/_botonera-principal.scss
| File was created | 1 | .botonera-principal { | |
| 2 | menuitem { | ||
| 3 | display: inline-block; | ||
| 4 | height: 130px; | ||
| 5 | text-align: center; | ||
| 6 | width: 180px; | ||
| 7 | @media (max-width: 576px) { | ||
| 8 | width: 100%; | ||
| 9 | } | ||
| 10 | @media (min-width: 992px) and (max-width: 1200px){ | ||
| 11 | width: 150px; | ||
| 12 | } | ||
| 13 | } | ||
| 14 | button { | ||
| 15 | background-image: url('../img/botonera.png'); | ||
| 16 | border-radius: 12px; | ||
| 17 | border-width: 0; | ||
| 18 | height: 90px; | ||
| 19 | position: relative; | ||
| 20 | width: 90px; | ||
| 21 | span { | ||
| 22 | left: 0; | ||
| 23 | position: absolute; | ||
| 24 | text-align: center; | ||
| 25 | top: 90px; | ||
| 26 | width: 100%; | ||
| 27 | font-size: 12px; | ||
| 28 | color: #777777; | ||
| 29 | } | ||
| 30 | } | ||
| 31 | &-menu { | ||
| 32 | width: 100%; | ||
| 33 | padding-left: 90px; | ||
| 34 | @media (max-width: 576px) { | ||
| 35 | padding: 0; | ||
| 36 | } | ||
| 37 | } | ||
| 38 | &-logo { | ||
| 39 | width: 80%; | ||
| 40 | opacity: .8; | ||
| 41 | @media (max-width: 576px) { | ||
| 42 | width: 100%; | ||
| 43 | } | ||
| 44 | } | ||
| 45 | &-vacio { | ||
| 46 | & button { | ||
| 47 | background-position: -4380px 0; | ||
| 48 | &:hover { | ||
| 49 | background-position: -4380px -90px; | ||
| 50 | } | ||
| 51 | } | ||
| 52 | } | ||
| 53 | &-abrir-turno { | ||
| 54 | & button { | ||
| 55 | background-position: 0 0; | ||
| 56 | &:hover { | ||
| 57 | background-position: 0 -90px; | ||
| 58 | } | ||
| 59 | } | ||
| 60 | } | ||
| 61 | &-cerrar-turno { | ||
| 62 | & button { | ||
| 63 | background-position: -90px 0; | ||
| 64 | &:hover { | ||
| 65 | background-position: -90px -90px; | ||
| 66 | } | ||
| 67 | } | ||
| 68 | } | ||
| 69 | &-caja { | ||
| 70 | & button { | ||
| 71 | background-position: -180px 0; | ||
| 72 | &:hover { | ||
| 73 | background-position: -180px -90px; | ||
| 74 | } | ||
| 75 | } | ||
| 76 | } | ||
| 77 | &-facturador { | ||
| 78 | & button { | ||
| 79 | background-position: -270px 0px; | ||
| 80 | &:hover { | ||
| 81 | background-position: -270px -90px; | ||
| 82 | } | ||
| 83 | } | ||
| 84 | } | ||
| 85 | &-nota-pedido { | ||
| 86 | & button { | ||
| 87 | background-position: -1250px 0px; | ||
| 88 | &:hover { | ||
| 89 | background-position: -1250px -90px; | ||
| 90 | } | ||
| 91 | } | ||
| 92 | } | ||
| 93 | &-remito { | ||
| 94 | & button { | ||
| 95 | background-position: -4560px 0px; | ||
| 96 | &:hover { | ||
| 97 | background-position: -4560px -90px; | ||
| 98 | } | ||
| 99 | } | ||
| 100 | } | ||
| 101 | &-hoja-ruta { | ||
| 102 | & button { | ||
| 103 | background-position: -4650px 0px; | ||
| 104 | &:hover { | ||
| 105 | background-position: -4650px -90px; | ||
| 106 | } | ||
| 107 | } | ||
| 108 | } | ||
| 109 | &-hoja-ruta-transportista { | ||
| 110 | & button { | ||
| 111 | background-image: url('../img/hojaRutaVolante.png'); | ||
| 112 | background-size: 90px 90px; | ||
| 113 | &:hover { | ||
| 114 | background-color: rgb(250,250,250); | ||
| 115 | } | ||
| 116 | } | ||
| 117 | } | ||
| 118 | &-seguimiento { | ||
| 119 | & button { | ||
| 120 | background-image: url('../img/seguimientoNotaPedido.png'); | ||
| 121 | background-size: 90px 90px; | ||
| 122 | background-position: 15px 10px; | ||
| 123 | &:hover { | ||
| 124 | background-color: rgb(250,250,250); | ||
| 125 | } | ||
| 126 | } | ||
| 127 | } | ||
| 128 | &-seguimiento-hoja-ruta { | ||
| 129 | & button { | ||
| 130 | background-image: url('../img/seguimientoHojaRuta.png'); | ||
| 131 | background-size: 90px 90px; | ||
| 132 | background-position: 15px 10px; | ||
| 133 | &:hover { | ||
| 134 | background-color: rgb(250,250,250); | ||
| 135 | } | ||
| 136 | } | ||
| 137 | } | ||
| 138 | &-cobranzas { | ||
| 139 | & button { | ||
| 140 | background-position: -1880 0px; | ||
| 141 | &:hover { | ||
| 142 | background-position: -1880 -90px; | ||
| 143 | } | ||
| 144 | } | ||
| 145 | } | ||
| 146 | &-seguimiento-cobranzas { | ||
| 147 | & button { | ||
| 148 | background-image: url('../img/seguimientoCobranza.png'); | ||
| 149 | background-size: 90px 90px; | ||
| 150 | background-position: 15px 10px; | ||
| 151 | &:hover { | ||
| 152 | background-color: rgb(250,250,250); | ||
| 153 | } | ||
| 154 | } | ||
| 155 | } | ||
| 156 | &-vehiculo { | ||
| 157 | & button { | ||
| 158 | background-image: url('../img/abmVehiculos.png'); | ||
| 159 | background-size: 90px 90px; | ||
| 160 | &:hover { | ||
| 161 | background-color: rgb(250,250,250); | ||
| 162 | } | ||
| 163 | } | ||
| 164 | } | ||
| 165 | &-precio-condicion { | ||
| 166 | & button { | ||
| 167 | background-image: url('../img/abmPrecios.png'); | ||
| 168 | background-size: 90px 90px; | ||
| 169 | &:hover { | ||
| 170 | background-color: rgb(250,250,250); | ||
| 171 | } | ||
| 172 | } | ||
| 173 | } | ||
| 174 | &-chofer { | ||
| 175 | & button { | ||
| 176 | background-image: url('../img/abmChofer.png'); | ||
| 177 | background-size: 90px 90px; | ||
| 178 | &:hover { | ||
| 179 | background-color: rgb(250,250,250); | ||
| 180 | } | ||
| 181 | } | ||
| 182 | } | ||
| 183 | .swiper-pagination { | ||
| 184 | bottom: 0px !important; | ||
| 185 | } | ||
| 186 | |||
| 187 | .swiper-button-next { | ||
| 188 | background-image: url('../img/derecha.png'); | ||
| 189 | } | ||
| 190 | |||
| 191 | .swiper-button-prev { | ||
| 192 | background-image: url('../img/izquierda.png'); | ||
| 193 | } | ||
| 194 | |||
| 195 | @media (min-width: 992px){ | ||
| 196 | a{ | ||
| 197 | margin-top: 2.5rem; | ||
| 198 | } | ||
| 199 | } | ||
| 200 | } | ||
| 201 |
src/sass/_botonera-secundaria.scss
| File was created | 1 | .botonera-secundaria { | |
| 2 | .row { | ||
| 3 | border-radius: 5px; | ||
| 4 | overflow: hidden; | ||
| 5 | } | ||
| 6 | .btn { | ||
| 7 | display: grid; | ||
| 8 | border-width: 3px !important; | ||
| 9 | border-radius: .7rem !important; | ||
| 10 | margin-right: 1px; | ||
| 11 | width: calc(100% - 1px); | ||
| 12 | margin-bottom: 1px; | ||
| 13 | |||
| 14 | &:hover{ | ||
| 15 | background-color: #d8b07d; | ||
| 16 | border-color: #e09125 !important; | ||
| 17 | } | ||
| 18 | &:focus{ | ||
| 19 | box-shadow: 0 0 0 0.2rem rgb(216, 176, 125); | ||
| 20 | } | ||
| 21 | img{ | ||
| 22 | width: 50%; | ||
| 23 | margin: auto | ||
| 24 | } | ||
| 25 | span{ | ||
| 26 | font-size: 11px; | ||
| 27 | margin-left: -.25rem; | ||
| 28 | margin-right: -.25rem; | ||
| 29 | } | ||
| 30 | } | ||
| 31 | @media(max-width: 992px){ | ||
| 32 | .btn{ | ||
| 33 | font-weight: 700; | ||
| 34 | } | ||
| 35 | } | ||
| 36 | @media(min-width: 1200px){ | ||
| 37 | .btn{ | ||
| 38 | min-height: 85px; | ||
| 39 | } | ||
| 40 | } | ||
| 41 | |||
| 42 | @media(min-width: 992px) and (max-width: 1200px){ | ||
| 43 | .btn{ | ||
| 44 | min-height: 73px; | ||
| 45 | } | ||
| 46 | } | ||
| 47 | |||
| 48 | @media(min-width: 768px) and (max-width: 992px){ | ||
| 49 | .btn{ | ||
| 50 | min-height: 62px; | ||
| 51 | } | ||
| 52 | } | ||
| 53 | |||
| 54 | } | ||
| 55 |
src/sass/_botonera.scss
| File was created | 1 | .botonera { | |
| 2 | .btn { | ||
| 3 | margin-bottom: 5px; | ||
| 4 | } | ||
| 5 | } | ||
| 6 |
src/sass/_contenedor.scss
| File was created | 1 | body { | |
| 2 | background-color: #cccccc; | ||
| 3 | } | ||
| 4 | |||
| 5 | .contenedor { | ||
| 6 | @media (min-width: 768px) { | ||
| 7 | min-height: 600px; | ||
| 8 | min-width: 800px; | ||
| 9 | } | ||
| 10 | } | ||
| 11 | |||
| 12 | .grilla-articulo { | ||
| 13 | @media (min-width: 768px) { | ||
| 14 | height: 300px; | ||
| 15 | } | ||
| 16 | } | ||
| 17 |
src/sass/_foca-crear.scss
| File was created | 1 | .foca-crear{ | |
| 2 | background: #CCC; | ||
| 3 | |||
| 4 | .titulares>div{ | ||
| 5 | display: flex; | ||
| 6 | line-height: 30px; | ||
| 7 | h5{ | ||
| 8 | line-height: 30px; | ||
| 9 | } | ||
| 10 | button{ | ||
| 11 | margin: auto; | ||
| 12 | margin-right: 0; | ||
| 13 | } | ||
| 14 | |||
| 15 | @media(max-width: 992px){ | ||
| 16 | border-top: none !important; | ||
| 17 | border-right: none !important; | ||
| 18 | border-left: none !important; | ||
| 19 | border-bottom: 2px solid #FFF !important; | ||
| 20 | &:last-child{ | ||
| 21 | border-left: 2px solid #FFF !important; | ||
| 22 | } | ||
| 23 | &:first-child{ | ||
| 24 | border-top: 2px solid #FFF !important; | ||
| 25 | } | ||
| 26 | } | ||
| 27 | } | ||
| 28 | |||
| 29 | @media(min-width: 992px){ | ||
| 30 | padding-bottom: 2rem; | ||
| 31 | |||
| 32 | &.one-row{ | ||
| 33 | padding-bottom: 8rem !important; | ||
| 34 | } | ||
| 35 | } | ||
| 36 | } | ||
| 37 |
src/sass/_lista.scss
| File was created | 1 | .lista { | |
| 2 | background-color: rgba(0,0,0,0.8); | ||
| 3 | padding: 10px; | ||
| 4 | tr { | ||
| 5 | background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)); | ||
| 6 | } | ||
| 7 | tbody { | ||
| 8 | td { | ||
| 9 | border-top: none; | ||
| 10 | color: #ffffff; | ||
| 11 | } | ||
| 12 | } | ||
| 13 | thead { | ||
| 14 | th { | ||
| 15 | border-bottom: 1px solid #ffffff; | ||
| 16 | border-top: none; | ||
| 17 | color: #ffffff; | ||
| 18 | font-family: sans-serif; | ||
| 19 | font-size: 12px; | ||
| 20 | } | ||
| 21 | } | ||
| 22 | .boton { | ||
| 23 | &-accion { | ||
| 24 | background: none; | ||
| 25 | color: #ffffff; | ||
| 26 | border: 1px solid #ffffff; | ||
| 27 | border-radius: 30px; | ||
| 28 | padding: 5px 7px; | ||
| 29 | i { | ||
| 30 | font-size: 16px; | ||
| 31 | } | ||
| 32 | } | ||
| 33 | } | ||
| 34 | } | ||
| 35 |
src/sass/_login.scss
| File was created | 1 | .login { | |
| 2 | background-color: #bdbdbd; | ||
| 3 | border: 1px solid #000000; | ||
| 4 | border-radius: 3px; | ||
| 5 | height: calc(193px + 1em); | ||
| 6 | left: calc(50% - 130px); | ||
| 7 | opacity: 0.7; | ||
| 8 | position: absolute; | ||
| 9 | text-align: center; | ||
| 10 | top: 190px; | ||
| 11 | width: 260px; | ||
| 12 | &-titulo { | ||
| 13 | border-bottom: 1px solid #ffffff; | ||
| 14 | padding: 5px 0; | ||
| 15 | } | ||
| 16 | &-campo { | ||
| 17 | label { | ||
| 18 | display: block; | ||
| 19 | font-size: 12px; | ||
| 20 | margin: 5px 0 0; | ||
| 21 | } | ||
| 22 | input { | ||
| 23 | &:focus { | ||
| 24 | outline: 3px solid #ff9900; | ||
| 25 | } | ||
| 26 | } | ||
| 27 | } | ||
| 28 | |||
| 29 | button { | ||
| 30 | margin-right: 42px; | ||
| 31 | } | ||
| 32 | |||
| 33 | &-alerta-error { | ||
| 34 | width: 260px; | ||
| 35 | left: calc(50% - 130px); | ||
| 36 | top: calc(383px + 1.5em); | ||
| 37 | } | ||
| 38 | } | ||
| 39 |
src/sass/_logistica-pedido-ruta.scss
| File was created | 1 | .arrastrando { | |
| 2 | opacity: 0.5; | ||
| 3 | } | ||
| 4 | .vertical { | ||
| 5 | display: inline-block; | ||
| 6 | width: 20%; | ||
| 7 | height: 40px; | ||
| 8 | -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ | ||
| 9 | transform: rotate(-90deg); | ||
| 10 | } | ||
| 11 | .progress-circle{ | ||
| 12 | width: 150px; | ||
| 13 | height: 150px; | ||
| 14 | line-height: 150px; | ||
| 15 | background: none; | ||
| 16 | margin: 0 auto; | ||
| 17 | box-shadow: none; | ||
| 18 | position: relative; | ||
| 19 | } | ||
| 20 | .progress-circle:after{ | ||
| 21 | content: ""; | ||
| 22 | width: 100%; | ||
| 23 | height: 100%; | ||
| 24 | border-radius: 50%; | ||
| 25 | border: 12px solid #fff; | ||
| 26 | position: absolute; | ||
| 27 | top: 0; | ||
| 28 | left: 0; | ||
| 29 | } | ||
| 30 | .progress-circle > span{ | ||
| 31 | width: 50%; | ||
| 32 | height: 100%; | ||
| 33 | overflow: hidden; | ||
| 34 | position: absolute; | ||
| 35 | top: 0; | ||
| 36 | z-index: 1; | ||
| 37 | } | ||
| 38 | .progress-circle .progress-left{ | ||
| 39 | left: 0; | ||
| 40 | } | ||
| 41 | .progress-circle .progress-bar{ | ||
| 42 | width: 100%; | ||
| 43 | height: 100%; | ||
| 44 | background: none; | ||
| 45 | border-width: 12px; | ||
| 46 | border-style: solid; | ||
| 47 | position: absolute; | ||
| 48 | top: 0; | ||
| 49 | } | ||
| 50 | .progress-circle .progress-left .progress-bar{ | ||
| 51 | left: 100%; | ||
| 52 | border-top-right-radius: 80px; | ||
| 53 | border-bottom-right-radius: 80px; | ||
| 54 | border-left: 0; | ||
| 55 | -webkit-transform-origin: center left; | ||
| 56 | transform-origin: center left; | ||
| 57 | } | ||
| 58 | .progress-circle .progress-right{ | ||
| 59 | right: 0; | ||
| 60 | } | ||
| 61 | .progress-circle .progress-right .progress-bar{ | ||
| 62 | left: -100%; | ||
| 63 | border-top-left-radius: 80px; | ||
| 64 | border-bottom-left-radius: 80px; | ||
| 65 | border-right: 0; | ||
| 66 | -webkit-transform-origin: center right; | ||
| 67 | transform-origin: center right; | ||
| 68 | animation: loading-1 1.8s linear forwards; | ||
| 69 | } | ||
| 70 | .progress-circle .progress-value{ | ||
| 71 | width: 90%; | ||
| 72 | height: 90%; | ||
| 73 | border-radius: 50%; | ||
| 74 | background: #44484b; | ||
| 75 | font-size: 24px; | ||
| 76 | color: #fff; | ||
| 77 | line-height: 135px; | ||
| 78 | text-align: center; | ||
| 79 | position: absolute; | ||
| 80 | top: 5%; | ||
| 81 | left: 5%; | ||
| 82 | } | ||
| 83 | .progress-circle.blue .progress-bar{ | ||
| 84 | border-color: #049dff; | ||
| 85 | } | ||
| 86 | .progress-circle.blue .progress-left .progress-bar{ | ||
| 87 | animation: loading-2 1.5s linear forwards 1.8s; | ||
| 88 | } | ||
| 89 | @keyframes loading-1{ | ||
| 90 | 0%{ | ||
| 91 | -webkit-transform: rotate(0deg); | ||
| 92 | transform: rotate(0deg); | ||
| 93 | } | ||
| 94 | 100%{ | ||
| 95 | -webkit-transform: rotate(180deg); | ||
| 96 | transform: rotate(180deg); | ||
| 97 | } | ||
| 98 | } | ||
| 99 | @keyframes loading-2{ | ||
| 100 | 0%{ | ||
| 101 | -webkit-transform: rotate(0deg); | ||
| 102 | transform: rotate(0deg); | ||
| 103 | } | ||
| 104 | 100%{ | ||
| 105 | -webkit-transform: rotate(180deg); | ||
| 106 | transform: rotate(180deg); | ||
| 107 | } | ||
| 108 | } | ||
| 109 | @keyframes loading-3{ | ||
| 110 | 0%{ | ||
| 111 | -webkit-transform: rotate(0deg); | ||
| 112 | transform: rotate(0deg); | ||
| 113 | } | ||
| 114 | 100%{ | ||
| 115 | -webkit-transform: rotate(90deg); | ||
| 116 | transform: rotate(90deg); | ||
| 117 | } | ||
| 118 | } | ||
| 119 | @keyframes loading-4{ | ||
| 120 | 0%{ | ||
| 121 | -webkit-transform: rotate(0deg); | ||
| 122 | transform: rotate(0deg); | ||
| 123 | } | ||
| 124 | 100%{ | ||
| 125 | -webkit-transform: rotate(36deg); | ||
| 126 | transform: rotate(36deg); | ||
| 127 | } | ||
| 128 | } | ||
| 129 | @keyframes loading-5{ | ||
| 130 | 0%{ | ||
| 131 | -webkit-transform: rotate(0deg); | ||
| 132 | transform: rotate(0deg); | ||
| 133 | } | ||
| 134 | 100%{ | ||
| 135 | -webkit-transform: rotate(126deg); | ||
| 136 | transform: rotate(126deg); | ||
| 137 | } | ||
| 138 | } | ||
| 139 | @media only screen and (max-width: 990px){ | ||
| 140 | .progress{ margin-bottom: 20px; } | ||
| 141 | } | ||
| 142 | .foca-alto-progress{ | ||
| 143 | height: 2rem; | ||
| 144 | } | ||
| 145 |
src/sass/_panel-informativo.scss
| File was created | 1 | .panel-informativo { | |
| 2 | background: #67615e; | ||
| 3 | color: #FFF; | ||
| 4 | min-height: 32px; | ||
| 5 | .form-group { | ||
| 6 | margin-bottom: 5px; | ||
| 7 | } | ||
| 8 | .form-control-xs { | ||
| 9 | height: calc(1.6rem); | ||
| 10 | padding: .25rem .5rem; | ||
| 11 | font-size: .8rem; | ||
| 12 | line-height: 1.3; | ||
| 13 | border-radius: .2rem; | ||
| 14 | } | ||
| 15 | .label { | ||
| 16 | font-size: .8em; | ||
| 17 | } | ||
| 18 | .valor { | ||
| 19 | font-size: .8em; | ||
| 20 | } | ||
| 21 | |||
| 22 | .border{ | ||
| 23 | border-width: 4px 2px !important; | ||
| 24 | } | ||
| 25 | |||
| 26 | .nota-pedido { | ||
| 27 | @media (max-width: 576px) { | ||
| 28 | text-align: center; | ||
| 29 | } | ||
| 30 | } | ||
| 31 | |||
| 32 | } | ||
| 33 |
src/sass/_swiper.scss
| File was created | 1 | .swiper { | |
| 2 | &-container { | ||
| 3 | height: 300px; | ||
| 4 | |||
| 5 | } | ||
| 6 | &-slide { | ||
| 7 | background: transparent; | ||
| 8 | height: 400px; | ||
| 9 | text-align: unset; | ||
| 10 | -webkit-align-items: unset; | ||
| 11 | align-items: unset; | ||
| 12 | } | ||
| 13 | |||
| 14 | @media(max-width: 992px){ | ||
| 15 | &-container{ | ||
| 16 | height: 430px; | ||
| 17 | } | ||
| 18 | &-pagination{ | ||
| 19 | background: #CCC; | ||
| 20 | padding: 0.5rem; | ||
| 21 | } | ||
| 22 | } | ||
| 23 | } | ||
| 24 |
src/sass/_tabla-articulos.scss
| File was created | 1 | .tabla-articulo { | |
| 2 | max-height: 420px; | ||
| 3 | background-color: #67615e; | ||
| 4 | color: #FFF; | ||
| 5 | |||
| 6 | tr { | ||
| 7 | display: inline-table; | ||
| 8 | table-layout: fixed; | ||
| 9 | } | ||
| 10 | |||
| 11 | tbody { | ||
| 12 | overflow-y: auto; | ||
| 13 | max-height: 280px; | ||
| 14 | display: block; | ||
| 15 | } | ||
| 16 | |||
| 17 | thead > tr > th { | ||
| 18 | line-height: 30px | ||
| 19 | } | ||
| 20 | |||
| 21 | @media(max-width: 992px){ | ||
| 22 | tr{ | ||
| 23 | display: block; | ||
| 24 | span{ | ||
| 25 | line-height: 35px; | ||
| 26 | } | ||
| 27 | } | ||
| 28 | tfoot tr{ | ||
| 29 | display: flex; | ||
| 30 | } | ||
| 31 | } | ||
| 32 | } | ||
| 33 |
src/sass/_tabla.scss
| File was created | 1 | .table { | |
| 2 | &-nonfluid { | ||
| 3 | width: auto; | ||
| 4 | } | ||
| 5 | &-celda-total { | ||
| 6 | color: #000000; | ||
| 7 | background-color: #FF9900; | ||
| 8 | } | ||
| 9 | &-title{ | ||
| 10 | background-color: #67615e; | ||
| 11 | color: #FFF; | ||
| 12 | margin-bottom: 0; | ||
| 13 | padding: 0.25rem 0; | ||
| 14 | font-size: 1rem; | ||
| 15 | } | ||
| 16 | |||
| 17 | thead th{ | ||
| 18 | font-size: 13px; | ||
| 19 | } | ||
| 20 | |||
| 21 | &.table-abm{ | ||
| 22 | thead{ | ||
| 23 | color: #FFF; | ||
| 24 | background-color: #67615e; | ||
| 25 | } | ||
| 26 | } | ||
| 27 | |||
| 28 | } | ||
| 29 |
src/sass/_tabs.scss
| File was created | 1 | .tabs-right{ | |
| 2 | @media (min-width: 576px){ | ||
| 3 | margin-top: -58px; | ||
| 4 | } | ||
| 5 | > ul >li:first-child{ | ||
| 6 | margin-left: auto; | ||
| 7 | } | ||
| 8 | } |
src/sass/_teclado.scss
| File was created | 1 | .keyboard { | |
| 2 | -webkit-touch-callout: none; | ||
| 3 | -webkit-user-select: none; | ||
| 4 | -khtml-user-select: none; | ||
| 5 | -moz-user-select: none; | ||
| 6 | -ms-user-select: none; | ||
| 7 | user-select: none; | ||
| 8 | margin: auto; | ||
| 9 | width: 855px; | ||
| 10 | position: inherit; | ||
| 11 | height: auto; | ||
| 12 | border: 1px solid rgba(255, 128, 0, .4); | ||
| 13 | background-color: rgba(0, 0, 0, .3); | ||
| 14 | bottom: 5px; | ||
| 15 | table { | ||
| 16 | border-spacing: 10px; | ||
| 17 | border-collapse: separate; | ||
| 18 | z-index: 100000; | ||
| 19 | td { | ||
| 20 | touch-action: none; | ||
| 21 | } | ||
| 22 | } | ||
| 23 | |||
| 24 | .letter { | ||
| 25 | background-color: #bdbdbd; | ||
| 26 | box-shadow: 2px 2px 3px #555555; | ||
| 27 | width: 47px; | ||
| 28 | height: 50px; | ||
| 29 | text-align: center; | ||
| 30 | font-family: "arial"; | ||
| 31 | cursor: pointer; | ||
| 32 | color: #000; | ||
| 33 | font-size: 22px; | ||
| 34 | |||
| 35 | &:hover { | ||
| 36 | background-color: #fafafa; | ||
| 37 | } | ||
| 38 | &:active { | ||
| 39 | background-color: #999; | ||
| 40 | color: #fff; | ||
| 41 | } | ||
| 42 | } | ||
| 43 | .number { | ||
| 44 | background-color: #bdbdbd; | ||
| 45 | box-shadow: 2px 2px 3px #555555; | ||
| 46 | width: 47px; | ||
| 47 | height: 35px; | ||
| 48 | text-align: center; | ||
| 49 | font-family: "arial"; | ||
| 50 | cursor: pointer; | ||
| 51 | color: #000; | ||
| 52 | font-size: 22px; | ||
| 53 | |||
| 54 | &:hover { | ||
| 55 | background-color: #fafafa; | ||
| 56 | } | ||
| 57 | &:active { | ||
| 58 | background-color: #999; | ||
| 59 | color: #fff; | ||
| 60 | } | ||
| 61 | } | ||
| 62 | |||
| 63 | .margin { | ||
| 64 | width: 40px; | ||
| 65 | height: 50px; | ||
| 66 | } | ||
| 67 | } | ||
| 68 |
src/sass/general.scss
| File was created | 1 | $primary-color: #e09125; | |
| 2 | @import 'admin-seguimiento'; | ||
| 3 | @import 'bootstrap'; | ||
| 4 | @import 'botonera'; | ||
| 5 | @import 'botonera-lateral'; | ||
| 6 | @import 'botonera-principal'; | ||
| 7 | @import 'botonera-secundaria'; | ||
| 8 | @import 'contenedor'; | ||
| 9 | @import 'lista'; | ||
| 10 | @import 'login'; | ||
| 11 | @import 'panel-informativo'; | ||
| 12 | @import 'tabla'; | ||
| 13 | @import 'teclado'; | ||
| 14 | @import 'tabla-articulos'; | ||
| 15 | @import 'acciones-mobile'; | ||
| 16 | @import 'swiper'; | ||
| 17 | @import 'foca-crear'; | ||
| 18 | @import 'logistica-pedido-ruta'; | ||
| 19 | @import 'tabs'; | ||
| 20 | |||
| 21 | |||
| 22 | //OCULTA FLECHAS INPUT NUMBER | ||
| 23 | input[type='number'] { | ||
| 24 | -moz-appearance:textfield; | ||
| 25 | } | ||
| 26 | input::-webkit-outer-spin-button, | ||
| 27 | input::-webkit-inner-spin-button { | ||
| 28 | -webkit-appearance: none; | ||
| 29 | } | ||
| 30 | |||
| 31 | .d-md-grid{ | ||
| 32 | @media (min-width: 768px) { | ||
| 33 | display: grid !important; | ||
| 34 | } | ||
| 35 | } | ||
| 36 | |||
| 37 | .btn-outline-debo{ | ||
| 38 | background-color: transparent; | ||
| 39 | color: $primary-color; | ||
| 40 | border-color: $primary-color; | ||
| 41 | &:hover{ | ||
| 42 | color: #FFF; | ||
| 43 | border-color: transparent; | ||
| 44 | background-color: $primary-color; | ||
| 45 | } | ||
| 46 | } | ||
| 47 | |||
| 48 | .front-index{ | ||
| 49 | z-index: 9999; | ||
| 50 | } | ||
| 51 |
src/views/placeholder.html