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