Commit 8e5e3509afc632fb43b8adc701bea2434b3dadd3

Authored by Nicolás Guarnieri
1 parent 176dfc70f7
Exists in master

copia wrapper demo

... ... @@ -0,0 +1,5 @@
  1 +/node_modules
  2 +/dist
  3 +/src/etc/develop.js
  4 +/css/*.css
  5 +/package-lock\.json
... ... @@ -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 +}
... ... @@ -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']);

6.16 KB

5.73 KB

img/abmVehiculos.png

3.74 KB

545 KB

6.07 KB

3.8 KB

5.78 KB

4.87 KB

3.89 KB

1.62 KB

img/fechaDeReparto.png

4.19 KB

3.28 KB

img/hojaRutaVolante.png

9.99 KB

1.44 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

4.53 KB

img/notaDePedido.png

4.49 KB

img/precios-condiciones.png

5.75 KB

2.95 KB

4.81 KB

img/puntosDeDescarga.png

8.91 KB

3.26 KB

img/seguimientoCobranza.png

12.1 KB

img/seguimientoHojaRuta.png

11.8 KB

img/seguimientoNotaPedido.png

12 KB

5.21 KB

img/transportista.png

3.89 KB

4.33 KB

4.3 KB

... ... @@ -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>
... ... @@ -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
... ... @@ -0,0 +1,5 @@
  1 +angular.module('appWrapperDemo')
  2 + .constant('API_ENDPOINT', {
  3 + 'URL': '//127.0.0.1:9000'
  4 + })
  5 + .constant("APP", ''); // Posibles valores '', 'distribuidor', 'transportista'
... ... @@ -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
... ... @@ -0,0 +1,5 @@
  1 +.acciones-mobile {
  2 + line-height: 2.5em;
  3 + color: orange;
  4 + font-size: 1.25em
  5 +}
src/sass/_admin-seguimiento.scss
... ... @@ -0,0 +1,14 @@
  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 +}
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
... ... @@ -0,0 +1,5 @@
  1 +.botonera {
  2 + .btn {
  3 + margin-bottom: 5px;
  4 + }
  5 +}
src/sass/_contenedor.scss
... ... @@ -0,0 +1,16 @@
  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 +}
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 +}
... ... @@ -0,0 +1,8 @@
  1 +.tabs-right{
  2 + @media (min-width: 576px){
  3 + margin-top: -58px;
  4 + }
  5 + > ul >li:first-child{
  6 + margin-left: auto;
  7 + }
  8 +}
0 9 \ No newline at end of file
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