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
.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 | +} |
gulpfile.js
... | ... | @@ -0,0 +1,109 @@ |
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']); |
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
... | ... | @@ -0,0 +1,109 @@ |
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> |
package.json
... | ... | @@ -0,0 +1,120 @@ |
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 | +} |
src/etc/develop.ejemplo.js
src/js/app.js
... | ... | @@ -0,0 +1,70 @@ |
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 | +]); |
src/js/controller.js
... | ... | @@ -0,0 +1,41 @@ |
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 | + ]); |
src/sass/_acciones-mobile.scss
src/sass/_admin-seguimiento.scss
src/sass/_bootstrap.scss
... | ... | @@ -0,0 +1,84 @@ |
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 | +} |
src/sass/_botonera-lateral.scss
... | ... | @@ -0,0 +1,66 @@ |
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 | +} |
src/sass/_botonera-principal.scss
... | ... | @@ -0,0 +1,200 @@ |
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 | +} |
src/sass/_botonera-secundaria.scss
... | ... | @@ -0,0 +1,54 @@ |
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 | +} |
src/sass/_botonera.scss
src/sass/_contenedor.scss
src/sass/_foca-crear.scss
... | ... | @@ -0,0 +1,36 @@ |
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 | +} |
src/sass/_lista.scss
... | ... | @@ -0,0 +1,34 @@ |
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 | +} |
src/sass/_login.scss
... | ... | @@ -0,0 +1,38 @@ |
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 | +} |
src/sass/_logistica-pedido-ruta.scss
... | ... | @@ -0,0 +1,144 @@ |
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 | +} |
src/sass/_panel-informativo.scss
... | ... | @@ -0,0 +1,32 @@ |
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 | +} |
src/sass/_swiper.scss
... | ... | @@ -0,0 +1,23 @@ |
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 | +} |
src/sass/_tabla-articulos.scss
... | ... | @@ -0,0 +1,32 @@ |
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 | +} |
src/sass/_tabla.scss
... | ... | @@ -0,0 +1,28 @@ |
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 | +} |
src/sass/_tabs.scss
src/sass/_teclado.scss
... | ... | @@ -0,0 +1,67 @@ |
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 | +} |
src/sass/general.scss
... | ... | @@ -0,0 +1,50 @@ |
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 | +} |
src/views/placeholder.html