Commit 769dd882a7d0ca937fcf4e39d922861738eb3239

Authored by Eric Fernandez
1 parent dffb9a67d7
Exists in master

logic

1 const gulp = require('gulp'); 1 const gulp = require('gulp');
2 const sass = require('gulp-sass'); 2 const sass = require('gulp-sass');
3 const concat = require('gulp-concat'); 3 const concat = require('gulp-concat');
4 const rename = require('gulp-rename'); 4 const rename = require('gulp-rename');
5 const uglify = require('gulp-uglify'); 5 const uglify = require('gulp-uglify');
6 const pump = require('pump'); 6 const pump = require('pump');
7 const jshint = require('gulp-jshint'); 7 const jshint = require('gulp-jshint');
8 const replace = require('gulp-replace'); 8 const replace = require('gulp-replace');
9 const connect = require('gulp-connect'); 9 const connect = require('gulp-connect');
10 const watch = require('gulp-watch'); 10 const watch = require('gulp-watch');
11 11
12 var paths = { 12 var paths = {
13 srcHTML : 'src/views/*.html', 13 srcHTML : 'src/views/*.html',
14 srcJS : 'src/js/*.js', 14 srcJS : 'src/js/*.js',
15 confJS : 'src/etc/develop.js', 15 confJS : 'src/etc/develop.js',
16 dist : 'dist/', 16 dist : 'dist/',
17 distHTML : 'dist/views/' 17 distHTML : 'dist/views/'
18 }; 18 };
19 19
20 gulp.task('uglify', function() { 20 gulp.task('uglify', function() {
21 pump( 21 return pump(
22 [ 22 [
23 gulp.src([paths.srcJS, paths.confJS]), 23 gulp.src([paths.srcJS, paths.confJS]),
24 concat('wrapper-demo.js'), 24 concat('wrapper-demo.min.js'),
25 replace('/src/', '/dist/'), 25 replace('/src/', '/dist/'),
26 gulp.dest(paths.dist),
27 rename('wrapper-demo.min.js'),
28 gulp.dest(paths.dist) 26 gulp.dest(paths.dist)
29 ] 27 ]
30 ); 28 );
31 }); 29 });
32 30
33 gulp.task('html', function() { 31 gulp.task('html', function() {
34 pump([ 32 pump([
35 gulp.src('index.html'), 33 gulp.src('index.html'),
36 replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'), 34 replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'),
37 gulp.dest(paths.dist) 35 gulp.dest(paths.dist)
38 ]); 36 ]);
39 pump([ 37 pump([
40 gulp.src(paths.srcHTML), 38 gulp.src(paths.srcHTML),
41 gulp.dest(paths.distHTML) 39 gulp.dest(paths.distHTML)
42 ]); 40 ]);
43 }) 41 });
44 42
45 gulp.task('sass', function() { 43 gulp.task('sass', function() {
46 return gulp.src('src/sass/*.scss') 44 return gulp.src('src/sass/*.scss')
47 .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) 45 .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
48 .pipe(gulp.dest('css')); 46 .pipe(gulp.dest('css'));
49 }); 47 });
50 48
51 gulp.task('pre-install', function() { 49 gulp.task('pre-install', function() {
52 pump([ 50 pump([
53 gulp.src('package.json'), 51 gulp.src('package.json'),
54 replace('ssh://git@debonline.dyndns.org:', 'http://git.focasoftware.com/'), 52 replace('ssh://git@debonline.dyndns.org:', 'http://git.focasoftware.com/'),
55 gulp.dest('') 53 gulp.dest('')
56 ]); 54 ]);
57 }) 55 })
58 56
59 gulp.task('post-install', function() { 57 gulp.task('post-install', function() {
60 pump([ 58 pump([
61 gulp.src('package.json'), 59 gulp.src('package.json'),
62 replace('http://git.focasoftware.com/', 'ssh://git@debonline.dyndns.org:'), 60 replace('http://git.focasoftware.com/', 'ssh://git@debonline.dyndns.org:'),
63 gulp.dest('') 61 gulp.dest('')
64 ]); 62 ]);
65 }) 63 })
66 64
67 gulp.task('pre-commit', function() { 65 gulp.task('pre-commit', function() {
68 pump( 66 pump(
69 [ 67 [
70 gulp.src(paths.srcJS), 68 gulp.src(paths.srcJS),
71 jshint('.jshintrc'), 69 jshint('.jshintrc'),
72 jshint.reporter('default'), 70 jshint.reporter('default'),
73 jshint.reporter('fail') 71 jshint.reporter('fail')
74 ] 72 ]
75 ); 73 );
76 gulp.start('uglify'); 74 gulp.start('uglify');
77 gulp.start('sass'); 75 gulp.start('sass');
78 }); 76 });
79 77
80 gulp.task('webserver', function() { 78 gulp.task('webserver', function() {
81 pump [ 79 pump [
82 connect.server( 80 connect.server(
83 { 81 {
84 port: 8086, 82 port: 8086,
85 host: '0.0.0.0', 83 host: '0.0.0.0',
86 livereload: true 84 livereload: true
87 } 85 }
88 ) 86 )
89 ] 87 ]
90 }); 88 });
91 89
92 gulp.task('watch', function() { 90 gulp.task('watch', function() {
93 gulp.watch([paths.srcJS], ['uglify']); 91 gulp.watch([paths.srcJS], ['uglify']);
94 gulp.watch('src/sass/*.scss', ['sass']); 92 gulp.watch('src/sass/*.scss', ['sass']);
95 }) 93 })
96 94
97 gulp.task('reload'), function() { 95 gulp.task('reload'), function() {
98 connect.reload(); 96 connect.reload();
99 } 97 }
100 98
101 gulp.task('livereload', function() { 99 gulp.task('livereload', function() {
102 gulp.watch('css/*.css', ['reload']); 100 gulp.watch('css/*.css', ['reload']);
103 gulp.watch('js/dist/*.js', ['reload']); 101 gulp.watch('js/dist/*.js', ['reload']);
104 gulp.watch('vistas/**/*.html', ['reload']); 102 gulp.watch('vistas/**/*.html', ['reload']);
105 gulp.watch('index.html', ['reload']); 103 gulp.watch('index.html', ['reload']);
106 }); 104 });
107 105
108 gulp.task('default', ['webserver', 'livereload', 'watch']); 106 gulp.task('default', ['webserver', 'livereload', 'watch']);
109 107

6.07 KB | W: | H:

7.03 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

4.53 KB | W: | H:

10.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

3.26 KB | W: | H:

5.37 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
1 <html ng-app="appWrapperDemo"> 1 <html ng-app="appWrapperDemo">
2 <head> 2 <head>
3 <meta charset="UTF-8"/> 3 <meta charset="UTF-8"/>
4 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 4 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
5 <base href="./"> 5 <base href="./">
6 6
7 <!--CSS--> 7 <!--CSS-->
8 <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/> 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"/> 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"/> 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"/> 11 <link href="./node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet"/>
12 <link href="./node_modules/leaflet/dist/leaflet.css" rel="stylesheet"/> 12 <link href="./node_modules/leaflet/dist/leaflet.css" rel="stylesheet"/>
13 <link href="./css/general.css" rel="stylesheet"/> 13 <link href="./css/general.css" rel="stylesheet"/>
14 14
15 <!--VENDOR JS--> 15 <!--VENDOR JS-->
16 <script src="./node_modules/jquery/dist/jquery.min.js"></script> 16 <script src="./node_modules/jquery/dist/jquery.min.js"></script>
17 <script src="./node_modules/bootstrap/dist/js/bootstrap.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> 18 <script src="./node_modules/angular/angular.min.js"></script>
19 <script src="./node_modules/angular-cookies/angular-cookies.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> 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> 21 <script src="./node_modules/angular-route/angular-route.min.js"></script>
22 <script src="./node_modules/angular-sanitize/angular-sanitize.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> 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> 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> 25 <script src="./node_modules/ladda/dist/spin.min.js"></script>
26 <script src="./node_modules/ladda/dist/ladda.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> 27 <script src="./node_modules/angular-ladda/dist/angular-ladda.min.js"></script>
28 <script src="./node_modules/leaflet/dist/leaflet.js"></script> 28 <script src="./node_modules/leaflet/dist/leaflet.js"></script>
29 <script src="./node_modules/ngstorage/ngStorage.min.js"></script> 29 <script src="./node_modules/ngstorage/ngStorage.min.js"></script>
30 <script src="./vendor/cordovaGeolocationModule.min.js"></script> 30 <script src="./vendor/cordovaGeolocationModule.min.js"></script>
31 <script src="./node_modules/angular-md5/angular-md5.min.js"></script> 31 <script src="./node_modules/angular-md5/angular-md5.min.js"></script>
32 <script src="./node_modules/angular-file-saver/dist/angular-file-saver.bundle.js"></script>
32 33
33 <script src="./node_modules/foca-botonera-facturador/dist/foca-botonera-facturador.min.js"></script> 34 <script src="./node_modules/foca-botonera-facturador/dist/foca-botonera-facturador.min.js"></script>
34 <script src="./node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js"></script> 35 <script src="./node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js"></script>
35 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script> 36 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script>
36 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script> 37 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script>
37 <script src="./node_modules/foca-cabecera-facturador/dist/foca-cabecera-facturador.min.js"></script> 38 <script src="./node_modules/foca-cabecera-facturador/dist/foca-cabecera-facturador.min.js"></script>
38 <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script> 39 <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script>
39 <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script> 40 <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script>
40 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script> 41 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script>
41 <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script> 42 <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
42 <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script> 43 <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script>
43 <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script> 44 <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script>
44 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script> 45 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script>
45 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script> 46 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script>
46 47
47 <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script> 48 <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script>
48 <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script> 49 <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script>
49 <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script> 50 <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script>
50 <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script> 51 <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script>
51 <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script> 52 <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script>
52 <script src="./node_modules/foca-modal-detalles/dist/foca-modal-detalles.min.js"></script> 53 <script src="./node_modules/foca-modal-detalles/dist/foca-modal-detalles.min.js"></script>
53 <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script> 54 <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script>
54 <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script> 55 <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script>
55 <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script> 56 <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script>
56 <script src="./node_modules/foca-modal-factura-detalle/dist/foca-modal-factura-detalle.min.js"></script> 57 <script src="./node_modules/foca-modal-factura-detalle/dist/foca-modal-factura-detalle.min.js"></script>
57 <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script> 58 <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script>
58 <script src="./node_modules/foca-modal-lista-precio/dist/foca-modal-lista-precio.min.js"></script> 59 <script src="./node_modules/foca-modal-lista-precio/dist/foca-modal-lista-precio.min.js"></script>
59 <script src="./node_modules/foca-modal-login/dist/foca-modal-login.min.js"></script> 60 <script src="./node_modules/foca-modal-login/dist/foca-modal-login.min.js"></script>
60 <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script> 61 <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script>
61 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script> 62 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script>
62 <script src="./node_modules/foca-modal-resumen-cuenta/dist/foca-modal-resumen-cuenta.min.js"></script> 63 <script src="./node_modules/foca-modal-resumen-cuenta/dist/foca-modal-resumen-cuenta.min.js"></script>
63 <script src="./node_modules/foca-modal-punto-descarga/dist/foca-modal-punto-descarga.min.js"></script> 64 <script src="./node_modules/foca-modal-punto-descarga/dist/foca-modal-punto-descarga.min.js"></script>
64 <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script> 65 <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script>
65 <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script> 66 <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script>
66 <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script> 67 <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script>
67 <script src="./node_modules/foca-sqlite/dist/foca-sqlite.min.js"></script> 68 <script src="./node_modules/foca-sqlite/dist/foca-sqlite.min.js"></script>
68 <script src="./src/js/app.js"></script> 69 <script src="./src/js/app.js"></script>
69 <script src="./src/js/controller.js"></script> 70 <script src="./src/js/controller.js"></script>
70 <script src="./src/js/service.js"></script> 71 <script src="./src/js/service.js"></script>
71 <script src="./src/js/interceptor.js"></script> 72 <script src="./src/js/interceptor.js"></script>
72 <script src="./src/etc/develop.js"></script> 73 <script src="./src/etc/develop.js"></script>
73 </head> 74 </head>
74 <body> 75 <body>
75 <style> 76 <style>
76 </style> 77 </style>
77 <foca-nombre-empresa></foca-nombre-empresa> 78 <foca-nombre-empresa></foca-nombre-empresa>
78 <div ng-view class="container contenedor"></div> 79 <div ng-view class="container contenedor"></div>
79 <div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block "> 80 <div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block ">
80 <foca-botonera-lateral></foca-botonera-lateral> 81 <foca-botonera-lateral></foca-botonera-lateral>
81 <foca-teclado 82 <foca-teclado
82 ng-show="usarTeclado && mostrarTeclado" 83 ng-show="usarTeclado && mostrarTeclado"
83 alfanumeric="true" 84 alfanumeric="true"
84 numeric="true" 85 numeric="true"
85 > 86 >
86 </foca-teclado> 87 </foca-teclado>
87 </div> 88 </div>
88 </body> 89 </body>
89 </html> 90 </html>
90 91
1 { 1 {
2 "name": "wrapper-demo", 2 "name": "wrapper-demo",
3 "version": "0.0.1", 3 "version": "0.0.1",
4 "description": "", 4 "description": "",
5 "main": "main.js", 5 "main": "main.js",
6 "scripts": { 6 "scripts": {
7 "initdev": "npm install gulp --global && npm install && npm install -g jshint", 7 "initdev": "npm install gulp --global && npm install && npm install -g jshint",
8 "gulp-pre-commit": "gulp pre-commit", 8 "gulp-pre-commit": "gulp pre-commit",
9 "compile": "gulp uglify && gulp sass", 9 "compile": "gulp uglify && gulp sass",
10 "actualizar": "git pull origin master", 10 "actualizar": "git pull origin master",
11 "install-dev": "gulp pre-install && npm install && gulp post-install" 11 "install-dev": "gulp pre-install && npm install && gulp post-install"
12 }, 12 },
13 "pre-commit": [ 13 "pre-commit": [
14 "gulp-pre-commit" 14 "gulp-pre-commit"
15 ], 15 ],
16 "repository": { 16 "repository": {
17 "type": "git", 17 "type": "git",
18 "url": "git+http://git.focasoftware.com/npm/wrapper-mobile.git" 18 "url": "git+http://git.focasoftware.com/npm/wrapper-mobile.git"
19 }, 19 },
20 "author": "Foca Software", 20 "author": "Foca Software",
21 "license": "ISC", 21 "license": "ISC",
22 "dependencies": { 22 "dependencies": {
23 "angular": "^1.7.8", 23 "angular": "^1.7.8",
24 "angular-chart.js": "1.1.1", 24 "angular-chart.js": "1.1.1",
25 "angular-cookies": "^1.7.8", 25 "angular-cookies": "^1.7.8",
26 "angular-file-saver": "^1.1.3",
26 "angular-i18n": "^1.7.8", 27 "angular-i18n": "^1.7.8",
27 "angular-ladda": "^0.4.3", 28 "angular-ladda": "^0.4.3",
28 "angular-md5": "^0.1.10", 29 "angular-md5": "^0.1.10",
29 "angular-route": "^1.7.8", 30 "angular-route": "^1.7.8",
30 "angular-sanitize": "^1.7.8", 31 "angular-sanitize": "^1.7.8",
31 "angular-ui-swiper": "^2.3.8", 32 "angular-ui-swiper": "^2.3.8",
32 "bootstrap": "^4.3.1", 33 "bootstrap": "^4.3.1",
33 "chart.js": "2.7.3", 34 "chart.js": "2.7.3",
34 "foca-abm-chofer": "git+http://git.focasoftware.com/npm/foca-abm-chofer.git", 35 "foca-abm-chofer": "git+http://git.focasoftware.com/npm/foca-abm-chofer.git",
35 "foca-abm-plazo-pago": "git+http://git.focasoftware.com/npm/foca-abm-plazo-pago.git", 36 "foca-abm-plazo-pago": "git+http://git.focasoftware.com/npm/foca-abm-plazo-pago.git",
36 "foca-abm-precios-condiciones": "git+http://git.focasoftware.com/npm/foca-abm-precios-condiciones.git", 37 "foca-abm-precios-condiciones": "git+http://git.focasoftware.com/npm/foca-abm-precios-condiciones.git",
37 "foca-abm-vehiculo": "git+http://git.focasoftware.com/npm/foca-abm-vehiculo.git", 38 "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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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": "git+http://git.focasoftware.com/npm/foca-modal.git",
59 "foca-modal-busqueda-productos": "git+http://git.focasoftware.com/npm/foca-modal-busqueda-productos.git", 60 "foca-modal-busqueda-productos": "git+http://git.focasoftware.com/npm/foca-modal-busqueda-productos.git",
60 "foca-modal-cheque": "git+http://git.focasoftware.com/npm/foca-modal-cheque.git", 61 "foca-modal-cheque": "git+http://git.focasoftware.com/npm/foca-modal-cheque.git",
61 "foca-modal-cobranza": "git+http://git.focasoftware.com/npm/foca-modal-cobranza.git", 62 "foca-modal-cobranza": "git+http://git.focasoftware.com/npm/foca-modal-cobranza.git",
62 "foca-modal-cotizacion": "git+http://git.focasoftware.com/npm/foca-modal-cotizacion.git", 63 "foca-modal-cotizacion": "git+http://git.focasoftware.com/npm/foca-modal-cotizacion.git",
63 "foca-modal-detalle-hoja-ruta": "git+http://git.focasoftware.com/npm/foca-modal-detalle-hoja-ruta.git", 64 "foca-modal-detalle-hoja-ruta": "git+http://git.focasoftware.com/npm/foca-modal-detalle-hoja-ruta.git",
64 "foca-modal-detalles": "git+http://git.focasoftware.com/npm/foca-modal-detalles.git", 65 "foca-modal-detalles": "git+http://git.focasoftware.com/npm/foca-modal-detalles.git",
65 "foca-modal-domicilio": "git+http://git.focasoftware.com/npm/foca-modal-domicilio.git", 66 "foca-modal-domicilio": "git+http://git.focasoftware.com/npm/foca-modal-domicilio.git",
66 "foca-modal-efectivo": "git+http://git.focasoftware.com/npm/foca-modal-efectivo.git", 67 "foca-modal-efectivo": "git+http://git.focasoftware.com/npm/foca-modal-efectivo.git",
67 "foca-modal-factura": "git+http://git.focasoftware.com/npm/foca-modal-factura.git", 68 "foca-modal-factura": "git+http://git.focasoftware.com/npm/foca-modal-factura.git",
68 "foca-modal-factura-detalle": "git+http://git.focasoftware.com/npm/foca-modal-factura-detalle.git", 69 "foca-modal-factura-detalle": "git+http://git.focasoftware.com/npm/foca-modal-factura-detalle.git",
69 "foca-modal-flete": "git+http://git.focasoftware.com/npm/foca-modal-flete.git", 70 "foca-modal-flete": "git+http://git.focasoftware.com/npm/foca-modal-flete.git",
70 "foca-modal-lista-precio": "git+http://git.focasoftware.com/npm/foca-modal-lista-precio.git", 71 "foca-modal-lista-precio": "git+http://git.focasoftware.com/npm/foca-modal-lista-precio.git",
71 "foca-modal-login": "git+http://git.focasoftware.com/npm/foca-modal-login.git", 72 "foca-modal-login": "git+http://git.focasoftware.com/npm/foca-modal-login.git",
72 "foca-modal-nota-pedido": "git+http://git.focasoftware.com/npm/foca-modal-nota-pedido.git", 73 "foca-modal-nota-pedido": "git+http://git.focasoftware.com/npm/foca-modal-nota-pedido.git",
73 "foca-modal-precio-condiciones": "git+http://git.focasoftware.com/npm/foca-modal-precio-condiciones.git", 74 "foca-modal-precio-condiciones": "git+http://git.focasoftware.com/npm/foca-modal-precio-condiciones.git",
74 "foca-modal-punto-descarga": "git+http://git.focasoftware.com/npm/foca-modal-punto-descarga.git", 75 "foca-modal-punto-descarga": "git+http://git.focasoftware.com/npm/foca-modal-punto-descarga.git",
75 "foca-modal-remito": "git+http://git.focasoftware.com/npm/foca-modal-remito.git", 76 "foca-modal-remito": "git+http://git.focasoftware.com/npm/foca-modal-remito.git",
76 "foca-modal-resumen-cuenta": "git+http://git.focasoftware.com/npm/foca-modal-resumen-cuenta.git", 77 "foca-modal-resumen-cuenta": "git+http://git.focasoftware.com/npm/foca-modal-resumen-cuenta.git",
77 "foca-modal-tarifa-flete": "git+http://git.focasoftware.com/npm/foca-modal-tarifa-flete.git", 78 "foca-modal-tarifa-flete": "git+http://git.focasoftware.com/npm/foca-modal-tarifa-flete.git",
78 "foca-modal-unidad-medida": "git+http://git.focasoftware.com/npm/foca-modal-unidad-medida.git", 79 "foca-modal-unidad-medida": "git+http://git.focasoftware.com/npm/foca-modal-unidad-medida.git",
79 "foca-nombre-empresa": "git+http://git.focasoftware.com/npm/foca-nombre-empresa.git", 80 "foca-nombre-empresa": "git+http://git.focasoftware.com/npm/foca-nombre-empresa.git",
80 "foca-seguimiento": "git+http://git.focasoftware.com/npm/foca-seguimiento.git", 81 "foca-seguimiento": "git+http://git.focasoftware.com/npm/foca-seguimiento.git",
81 "foca-sqlite": "git+http://git.focasoftware.com/npm/foca-sqlite.git", 82 "foca-sqlite": "git+http://git.focasoftware.com/npm/foca-sqlite.git",
82 "foca-teclado": "git+http://git.focasoftware.com/npm/foca-teclado.git", 83 "foca-teclado": "git+http://git.focasoftware.com/npm/foca-teclado.git",
83 "font-awesome": "^4.7.0", 84 "font-awesome": "^4.7.0",
84 "gulp-angular-templatecache": "^2.2.1", 85 "gulp-angular-templatecache": "^2.2.1",
85 "gulp-htmlmin": "^5.0.1", 86 "gulp-htmlmin": "^5.0.1",
86 "gulp-sequence": "^1.0.0", 87 "gulp-sequence": "^1.0.0",
87 "gulp-uglify-es": "^1.0.4", 88 "gulp-uglify-es": "^1.0.4",
88 "jquery": "^3.4.0", 89 "jquery": "^3.4.0",
89 "ladda": "1.0.6", 90 "ladda": "1.0.6",
90 "leaflet": "1.3.4", 91 "leaflet": "1.3.4",
91 "moment": "2.23.0", 92 "moment": "2.23.0",
92 "ngstorage": "^0.3.11", 93 "ngstorage": "^0.3.11",
93 "node-sass": "^4.10.0", 94 "node-sass": "^4.10.0",
94 "uglify": "^0.1.5", 95 "uglify": "^0.1.5",
95 "ui-bootstrap4": "^3.0.6" 96 "ui-bootstrap4": "^3.0.6"
96 }, 97 },
97 "devDependencies": { 98 "devDependencies": {
98 "gulp": "3.9.1", 99 "gulp": "3.9.1",
99 "gulp-clean": "^0.4.0", 100 "gulp-clean": "^0.4.0",
100 "gulp-concat": "^2.6.1", 101 "gulp-concat": "^2.6.1",
101 "gulp-connect": "^5.6.1", 102 "gulp-connect": "^5.6.1",
102 "gulp-jshint": "^2.1.0", 103 "gulp-jshint": "^2.1.0",
103 "gulp-rename": "^1.4.0", 104 "gulp-rename": "^1.4.0",
104 "gulp-replace": "^1.0.0", 105 "gulp-replace": "^1.0.0",
105 "gulp-sass": "^4.0.1", 106 "gulp-sass": "^4.0.1",
106 "gulp-uglify": "^3.0.2", 107 "gulp-uglify": "^3.0.2",
107 "gulp-watch": "^5.0.1", 108 "gulp-watch": "^5.0.1",
108 "jasmine-core": "^3.4.0", 109 "jasmine-core": "^3.4.0",
109 "jshint": "^2.10.2", 110 "jshint": "^2.10.2",
110 "pre-commit": "^1.2.2", 111 "pre-commit": "^1.2.2",
111 "pump": "^3.0.0" 112 "pump": "^3.0.0"
112 } 113 }
113 } 114 }
114 115
1 angular.module('appWrapperDemo', [ 1 angular.module('appWrapperDemo', [
2 //EXTERNOS 2 //EXTERNOS
3 'angular-ladda', 3 'angular-ladda',
4 'cordovaGeolocationModule', 4 'cordovaGeolocationModule',
5 'ngCookies', 5 'ngCookies',
6 'ngRoute', 6 'ngRoute',
7 'ngStorage', 7 'ngStorage',
8 'ngFileSaver',
8 'ui.bootstrap', 9 'ui.bootstrap',
9 'ui.swiper', 10 'ui.swiper',
10 'angular-md5', 11 'angular-md5',
11 12
12 // MODULOS FOCA 13 // MODULOS FOCA
13 'focaBotoneraFacturador', 14 'focaBotoneraFacturador',
14 'focaBotoneraLateral', 15 'focaBotoneraLateral',
15 'focaBotoneraPrincipal', 16 'focaBotoneraPrincipal',
16 'focaBusquedaCliente', 17 'focaBusquedaCliente',
17 'focaBusquedaProductos', 18 'focaBusquedaProductos',
18 'focaCabeceraFacturador', 19 'focaCabeceraFacturador',
19 'focaConfiguracion', 20 'focaConfiguracion',
20 'focaCrearCobranza', 21 'focaCrearCobranza',
21 'focaCrearNotaPedido', 22 'focaCrearNotaPedido',
22 'focaDirectivas', 23 'focaDirectivas',
23 'focaFiltros', 24 'focaFiltros',
24 'focaHojaRuta', 25 'focaHojaRuta',
25 'focaLogin', 26 'focaLogin',
26 'focaModal', 27 'focaModal',
27 'focaModalCheque', 28 'focaModalCheque',
28 'focaModalCobranza', 29 'focaModalCobranza',
29 'focaModalCotizacion', 30 'focaModalCotizacion',
30 'focaModalDetalleHojaRuta', 31 'focaModalDetalleHojaRuta',
31 'focaModalDetalles', 32 'focaModalDetalles',
32 'focaModalDomicilio', 33 'focaModalDomicilio',
33 'focaModalEfectivo', 34 'focaModalEfectivo',
34 'focaModalFactura', 35 'focaModalFactura',
35 'focaModalFacturaDetalle', 36 'focaModalFacturaDetalle',
36 'focaModalFlete', 37 'focaModalFlete',
37 'focaModalListaPrecio', 38 'focaModalListaPrecio',
38 'focaModalLogin', 39 'focaModalLogin',
39 'focaModalNotaPedido', 40 'focaModalNotaPedido',
40 'focaModalPrecioCondicion', 41 'focaModalPrecioCondicion',
41 'focaModalPuntoDescarga', 42 'focaModalPuntoDescarga',
42 'focaModalResumenCuenta', 43 'focaModalResumenCuenta',
43 'focaModalTarifaFlete', 44 'focaModalTarifaFlete',
44 'focaNombreEmpresa', 45 'focaNombreEmpresa',
45 'focaSeguimiento', 46 'focaSeguimiento',
46 'focaSqlite' 47 'focaSqlite'
47 ]); 48 ]);
48 49
src/js/controller.js
1 angular.module('appWrapperDemo') 1 angular.module('appWrapperDemo')
2 .controller('appWrapperDemoController', [ 2 .controller('appWrapperDemoController', [
3 '$scope', 3 '$scope',
4 '$rootScope', 4 '$rootScope',
5 '$timeout', 5 '$timeout',
6 'focaSqliteService', 6 'focaSqliteService',
7 'focaModalService', 7 'focaModalService',
8 'API_ENDPOINT', 8 'API_ENDPOINT',
9 '$localStorage', 9 '$localStorage',
10 function($scope, $rootScope, $timeout, focaSqliteService, focaModalService, API_ENDPOINT, $localStorage) { 10 function($scope, $rootScope, $timeout, focaSqliteService, focaModalService, API_ENDPOINT, $localStorage) {
11 document.addEventListener('deviceready', function() { 11 document.addEventListener('deviceready', function() {
12 focaSqliteService.openDataBase(); 12 focaSqliteService.openDataBase();
13 }); 13 });
14 14
15 if (!API_ENDPOINT.URL) { 15 if (!API_ENDPOINT.URL && !$localStorage.urlEndPoint) {
16 API_ENDPOINT.getUrl().then(success, err); 16 API_ENDPOINT.getUrl().then(success, err);
17 } else if ($localStorage.urlEndPoint && !API_ENDPOINT.URL) {
18 API_ENDPOINT.setUrl($localStorage.urlEndPoint);
17 } 19 }
18 20
19 function success(res) { 21 function success(res) {
20 22
23 if (res.data === 'terminal_not_found') {
24 err();
25 return;
26 }
21 API_ENDPOINT.setUrl(res.data); 27 API_ENDPOINT.setUrl(res.data);
22 } 28 }
29
23 function err() { 30 function err() {
24 31
25 $timeout(function() { 32 $timeout(function() {
26 focaModalService.alert('Terminal no configurada: \n' + $localStorage.terminalKey); 33 focaModalService.alert('Terminal no configurada: \n' + $localStorage.terminalKey);
27 }, 1000); 34 }, 1000);
28 } 35 }
36
29 $scope.usarTeclado = false; 37 $scope.usarTeclado = false;
30 $rootScope.$broadcast('usarTeclado', false); 38 $rootScope.$broadcast('usarTeclado', false);
31 $scope.mostrarTeclado = false; 39 $scope.mostrarTeclado = false;
32 //Envรญa broadcast para avisar que el teclado estรก en funcionamiento o no 40 //Envรญa broadcast para avisar que el teclado estรก en funcionamiento o no
33 //para su uso cambiar ng-click del boton por esta funciรณn 41 //para su uso cambiar ng-click del boton por esta funciรณn
34 $scope.cambioUsoTeclado = function() { 42 $scope.cambioUsoTeclado = function() {
35 if($scope.usarTeclado) { 43 if($scope.usarTeclado) {
36 $scope.usarTeclado = false; 44 $scope.usarTeclado = false;
37 $rootScope.$broadcast('usarTeclado', false); 45 $rootScope.$broadcast('usarTeclado', false);
38 return; 46 return;
39 } 47 }
40 $scope.usarTeclado = true; 48 $scope.usarTeclado = true;
41 $rootScope.$broadcast('usarTeclado', true); 49 $rootScope.$broadcast('usarTeclado', true);
42 }; 50 };
43 51
44 $rootScope.$on('focus', function() { 52 $rootScope.$on('focus', function() {
45 if(!$scope.usarTeclado) { 53 if(!$scope.usarTeclado) {
46 return; 54 return;
47 } 55 }
48 $scope.mostrarTeclado = true; 56 $scope.mostrarTeclado = true;
49 $timeout.cancel($scope.timeout); 57 $timeout.cancel($scope.timeout);
50 if(!$scope.$$phase) { 58 if(!$scope.$$phase) {
51 $scope.$apply(); 59 $scope.$apply();
52 } 60 }
53 }); 61 });
54 $rootScope.$on('blur', function() { 62 $rootScope.$on('blur', function() {
55 $scope.timeout = $timeout(function() { 63 $scope.timeout = $timeout(function() {
56 $scope.mostrarTeclado = false; 64 $scope.mostrarTeclado = false;
57 if(!$scope.$$phase) { 65 if(!$scope.$$phase) {
58 $scope.$apply(); 66 $scope.$apply();
59 } 67 }
60 }, 150); 68 }, 150);
61 }); 69 });
62 } 70 }
63 ]); 71 ]);
64 72
src/sass/_botonera-principal.scss
1 .botonera-principal { 1 .botonera-principal {
2 menuitem { 2 menuitem {
3 display: inline-block; 3 display: inline-block;
4 height: 130px; 4 height: 130px;
5 text-align: center; 5 text-align: center;
6 width: 180px; 6 width: 180px;
7 @media (max-width: 576px) { 7 @media (max-width: 576px) {
8 width: 100%; 8 width: 100%;
9 } 9 }
10 @media (min-width: 992px) and (max-width: 1200px){ 10 @media (min-width: 992px) and (max-width: 1200px){
11 width: 150px; 11 width: 150px;
12 } 12 }
13 } 13 }
14 button { 14 button {
15 background-image: url('../img/botonera.png'); 15 background-image: url('../img/botonera.png');
16 border-radius: 12px; 16 border-radius: 12px;
17 border-width: 0; 17 border-width: 0;
18 height: 90px; 18 height: 90px;
19 position: relative; 19 position: relative;
20 width: 90px; 20 width: 90px;
21 outline: 0;
21 span { 22 span {
22 left: 0; 23 left: 0;
23 position: absolute; 24 position: absolute;
24 text-align: center; 25 text-align: center;
25 top: 90px; 26 top: 90px;
26 width: 100%; 27 width: 100%;
27 font-size: 12px; 28 font-size: 12px;
28 color: #777777; 29 color: #777777;
29 } 30 }
31 &:hover {
32 background-color:rgb(250,250,250);
33 filter:drop-shadow(4px 4px 4px gray);
34 }
35 &:active {
36 background-color: rgb(230, 230, 230);
37 filter:drop-shadow(4px 4px 4px gray);
38 }
30 } 39 }
31 &-menu { 40 &-menu {
32 width: 100%; 41 width: 100%;
33 padding-left: 90px; 42 padding-left: 90px;
34 @media (max-width: 576px) { 43 @media (max-width: 576px) {
35 padding: 0; 44 padding: 0;
36 } 45 }
37 } 46 }
38 &-logo { 47 &-logo {
39 width: 80%; 48 width: 100%;
49 margin-left: 50%;
40 opacity: .8; 50 opacity: .8;
41 @media (max-width: 576px) { 51 @media (max-width: 576px) {
42 width: 100%; 52 width: 180%;
53 margin-left: 20%;
43 } 54 }
44 } 55 }
45 &-vacio { 56 &-vacio {
46 & button { 57 & button {
47 background-position: -4380px 0; 58 background-position: -4380px 0;
48 &:hover { 59 &:hover {
49 background-position: -4380px -90px; 60 background-position: -4380px -90px;
50 } 61 }
51 } 62 }
52 } 63 }
53 &-abrir-turno { 64 &-abrir-turno {
54 & button { 65 & button {
55 background-position: 0 0; 66 background-position: 0 0;
56 &:hover { 67 &:hover {
57 background-position: 0 -90px; 68 background-position: 0 -90px;
58 } 69 }
59 } 70 }
60 } 71 }
61 &-cerrar-turno { 72 &-cerrar-turno {
62 & button { 73 & button {
63 background-position: -90px 0; 74 background-position: -90px 0;
64 &:hover { 75 &:hover {
65 background-position: -90px -90px; 76 background-position: -90px -90px;
66 } 77 }
67 } 78 }
68 } 79 }
69 &-caja { 80 &-caja {
70 & button { 81 & button {
71 background-position: -180px 0; 82 background-position: -180px 0;
72 &:hover { 83 &:hover {
73 background-position: -180px -90px; 84 background-position: -180px -90px;
74 } 85 }
75 } 86 }
76 } 87 }
88 &-estado-cisterna {
89 & button {
90 background-image: url('../img/control_stock.png');
91 background-size: 90px 90px;
92 }
93 }
94 &-logistica {
95 & button {
96 background-image: url('../img/logistica.png');
97 background-size: 90px 90px;
98 }
99 }
77 &-facturador { 100 &-facturador {
78 & button { 101 & button {
79 background-position: -270px 0px; 102 background-position: -270px 0px;
80 &:hover { 103 &:hover {
81 background-position: -270px -90px; 104 background-position: -270px -90px;
82 } 105 }
83 } 106 }
84 } 107 }
85 &-nota-pedido { 108 &-nota-pedido {
86 & button { 109 & button {
87 background-position: -1250px 0px; 110 background-image: url('../img/notaPedido.png');
88 &:hover { 111 background-size: 90px 90px;
89 background-position: -1250px -90px;
90 }
91 } 112 }
92 } 113 }
93 &-remito { 114 &-remito {
94 & button { 115 & button {
95 background-position: -4560px 0px; 116 background-image: url('../img/remito.png');
96 &:hover { 117 background-size: 90px 90px;
97 background-position: -4560px -90px;
98 }
99 } 118 }
100 } 119 }
101 &-hoja-ruta { 120 &-hoja-ruta {
102 & button { 121 & button {
103 background-position: -4650px 0px; 122 background-image: url('../img/hoja-ruta.png');
104 &:hover { 123 background-size: 86px 90px;
105 background-position: -4650px -90px; 124 }
106 } 125 }
126 &-activar-hoja-ruta {
127 & button {
128 background-image: url('../img/activar_hoja.png');
129 background-size: 90px 90px;
107 } 130 }
108 } 131 }
109 &-hoja-ruta-transportista { 132 &-hoja-ruta-transportista {
110 & button { 133 & button {
111 background-image: url('../img/hojaRutaVolante.png'); 134 background-image: url('../img/hojaRutaVolante.png');
112 background-size: 90px 90px; 135 background-size: 90px 90px;
113 &:hover {
114 background-color: rgb(250,250,250);
115 }
116 } 136 }
117 } 137 }
118 &-seguimiento { 138 &-seguimiento {
119 & button { 139 & button {
120 background-image: url('../img/seguimientoNotaPedido.png'); 140 background-image: url('../img/seguimientoNotaPedido.png');
121 background-size: 90px 90px; 141 background-size: 90px 90px;
122 background-position: 15px 10px;
123 &:hover {
124 background-color: rgb(250,250,250);
125 }
126 } 142 }
127 } 143 }
128 &-seguimiento-hoja-ruta { 144 &-seguimiento-hoja-ruta {
129 & button { 145 & button {
130 background-image: url('../img/seguimientoHojaRuta.png'); 146 background-image: url('../img/seguimientoHojaRuta.png');
131 background-size: 90px 90px; 147 background-size: 90px 90px;
132 background-position: 15px 10px;
133 &:hover {
134 background-color: rgb(250,250,250);
135 }
136 } 148 }
137 } 149 }
138 &-cobranzas { 150 &-cobranzas {
139 & button { 151 & button {
140 background-position: -1880 0px; 152 background-image: url('../img/cobranzas.png');
141 &:hover { 153 background-size: 90px 90px;
142 background-position: -1880 -90px;
143 }
144 } 154 }
145 } 155 }
146 &-seguimiento-cobranzas { 156 &-seguimiento-cobranzas {
147 & button { 157 & button {
148 background-image: url('../img/seguimientoCobranza.png'); 158 background-image: url('../img/seguimientoCobranza.png');
149 background-size: 90px 90px; 159 background-size: 90px 90px;
150 background-position: 15px 10px;
151 &:hover {
152 background-color: rgb(250,250,250);
153 }
154 } 160 }
155 } 161 }
156 &-vehiculo { 162 &-vehiculo {
157 & button { 163 & button {
158 background-image: url('../img/abmVehiculos.png'); 164 background-image: url('../img/abmVehiculos.png');
159 background-size: 90px 90px; 165 background-size: 90px 90px;
160 &:hover {
161 background-color: rgb(250,250,250);
162 }
163 } 166 }
164 } 167 }
165 &-precio-condicion { 168 &-precio-condicion {
166 & button { 169 & button {
167 background-image: url('../img/abmPrecios.png'); 170 background-image: url('../img/abmPrecios.png');
168 background-size: 90px 90px; 171 background-size: 90px 90px;
169 &:hover {
170 background-color: rgb(250,250,250);
171 }
172 } 172 }
173 } 173 }
174 &-chofer { 174 &-chofer {
175 & button { 175 & button {
176 background-image: url('../img/abmChofer.png'); 176 background-image: url('../img/abmChofer.png');
177 background-size: 90px 90px; 177 background-size: 90px 90px;
178 &:hover {
179 background-color: rgb(250,250,250);
180 }
181 } 178 }
182 } 179 }
183 &-agendar-visita { 180 &-agendar-visita {
184 & button { 181 & button {
185 background-image: url('../img/agendarVisita.png'); 182 background-image: url('../img/agendarVisita.png');
186 background-size: 90px 90px; 183 background-size: 90px 90px;
187 &:hover {
188 background-color: rgb(250,250,250);
189 }
190 } 184 }
191 } 185 }
192 &-informes { 186 &-informes {
193 & button { 187 & button {
194 background-image: url('../img/informes.png'); 188 background-image: url('../img/informes.png');
195 background-size: 90px 90px; 189 background-size: 90px 90px;
196 &:hover {
197 background-color: rgb(250,250,250);
198 }
199 } 190 }
200 } 191 }
201 &-vendedor-cobrador { 192 &-vendedor-cobrador {
src/sass/_botonera-secundaria.scss
1 .botonera-secundaria { 1 .botonera-secundaria {
2 .row { 2 .row {
3 border-radius: 5px; 3 border-radius: 5px;
4 overflow: hidden; 4 overflow: hidden;
5 } 5 }
6 .btn-xs { 6 .btn-xs {
7 display: grid; 7 display: grid;
8 border-width: 3px !important; 8 border-width: 3px !important;
9 border-radius: .7rem !important; 9 border-radius: .7rem !important;
10 margin-right: 1px; 10 margin-right: 1px;
11 width: calc(100% - 1px); 11 width: calc(100% - 1px);
12 margin-bottom: 1px; 12 margin-bottom: 1px;
13
14 &:hover{ 13 &:hover{
15 background-color: #d8b07d; 14 background-color: #cd903550 ;
16 border-color: #e09125 !important; 15 border-color: #cd9035 !important;
17 } 16 }
18 &:focus{ 17 &:focus{
19 box-shadow: 0 0 0 0.2rem rgb(216, 176, 125); 18 box-shadow: 0 0 0 0.2rem rgb(216, 176, 125);
20 } 19 }
21 img{ 20 img{
22 width: 50%; 21 width: 40%;
23 margin: auto 22 margin: auto
24 } 23 }
25 span{ 24 span{
26 font-size: 11px; 25 font-size: 11px;
27 margin-left: -.25rem; 26 margin-left: -.25rem;
28 margin-right: -.25rem; 27 margin-right: -.25rem;
29 } 28 }
30 } 29 }
31 @media(max-width: 992px){ 30 @media(max-width: 992px){
32 .btn-xs{ 31 .btn-xs{
33 font-weight: 700; 32 font-weight: 700;
34 } 33 }
35 } 34 }
36 @media(min-width: 1200px){ 35 @media(min-width: 1200px){
37 .btn-xs{ 36 .btn-xs{
38 height: 85px !important; 37 height: 85px !important;
39 } 38 }
40 .foca-facturador-px{ 39 .foca-facturador-px{
41 padding-left: 3rem; 40 padding-left: 3rem;
42 padding-right: 3rem; 41 padding-right: 3rem;
43 } 42 }
44 } 43 }
45 44
46 @media(min-width: 992px) and (max-width: 1200px){ 45 @media(min-width: 992px) and (max-width: 1200px){
47 .btn-xs{ 46 .btn-xs{
48 height: 73px !important; 47 height: 73px !important;
49 } 48 }
50 } 49 }
51 50
52 @media(min-width: 768px) and (max-width: 992px){ 51 @media(min-width: 768px) and (max-width: 992px){
53 .btn-xs{ 52 .btn-xs{
54 height: 62px !important; 53 height: 62px !important;
55 } 54 }
56 } 55 }
57 56
58 @media(min-width: 576px) and (max-width: 768px){ 57 @media(min-width: 576px) and (max-width: 768px){
59 .btn-xs{ 58 .btn-xs{
60 max-height: 51px; 59 max-height: 51px;
61 } 60 }
62 } 61 }
63 62
64 @media(max-width: 576px) { 63 @media(max-width: 576px) {
65 .btn-xs{ 64 .btn-xs{
66 max-height: 13vw; 65 max-height: 22vw;
67 } 66 }
68 } 67 }
69 68
70 } 69 }
70 .foca-overflow-hidden{
71 overflow: hidden;
72 text-overflow: ellipsis;
73 white-space: nowrap;
74 }
src/sass/_login.scss
1 .login { 1 .login {
2 background-color: #bdbdbd; 2 background-color: #bdbdbd;
3 border: 1px solid #000000; 3 border: 1px solid #000000;
4 border-radius: 3px; 4 border-radius: 3px;
5 height: calc(193px + 1em); 5 height: calc(193px + 1em);
6 left: calc(50% - 130px); 6 left: calc(50% - 130px);
7 opacity: 0.7; 7 opacity: 0.7;
8 position: absolute; 8 position: absolute;
9 text-align: center; 9 text-align: center;
10 top: 190px; 10 top: 190px;
11 width: 260px; 11 width: 260px;
12 &-titulo { 12 &-titulo {
13 border-bottom: 1px solid #ffffff; 13 border-bottom: 1px solid #ffffff;
14 padding: 5px 0; 14 padding: 5px 0;
15 } 15 }
16 &-campo { 16 &-campo {
17 label { 17 label {
18 display: block; 18 display: block;
19 font-size: 12px; 19 font-size: 12px;
20 margin: 5px 0 0; 20 margin: 5px 0 0;
21 } 21 }
22 input { 22 input {
23 -moz-border-radius: 10px;
24 -khtml-border-radius: 10px;
25 -webkit-border-radius: 10px;
26 -webkit-appearance: none;
27 padding-right: 5%;
28 padding-left: 5%;
29 border-radius: 10px;
30 outline: 0;
31 border-color: transparent;
23 &:focus { 32 &:focus {
24 outline: 3px solid #ff9900; 33 border-color: #ff9900;
25 } 34 }
26 } 35 }
27 } 36 }
28 37
29 button { 38 &-button {
30 margin-right: 42px; 39 width: 80%;
40 background-color: #cd9035;
41 color: white;
42 &:hover{
43 background-color: #a7743d;
44 color: white
45 }
46 &:focus{
47 color: white;
48 }
31 } 49 }
32 50
33 &-alerta-error { 51 &-alerta-error {
34 width: 260px; 52 width: 260px;
35 left: calc(50% - 130px); 53 left: calc(50% - 130px);
36 top: calc(383px + 1.5em); 54 top: calc(383px + 1.5em);
37 } 55 }
38 } 56 }
39 57
src/sass/_logistica-pedido-ruta.scss
1 .arrastrando { 1 .arrastrando {
2 opacity: 0.5; 2 opacity: 0.5;
3 } 3 }
4 .vertical { 4 .vertical {
5 display: inline-block; 5 display: inline-block;
6 width: 20%; 6 width: 20%;
7 height: 40px; 7 height: 40px;
8 -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ 8 -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
9 transform: rotate(-90deg); 9 transform: rotate(-90deg);
10 } 10 }
11 .progress-circle{ 11 .progress-circle{
12 width: 150px; 12 width: 150px;
13 height: 150px; 13 height: 150px;
14 line-height: 150px; 14 line-height: 150px;
15 background: none; 15 background: none;
16 margin: 0 auto; 16 margin: 0 auto;
17 box-shadow: none; 17 box-shadow: none;
18 position: relative; 18 position: relative;
19 } 19 }
20 .progress-circle:after{ 20 .progress-circle:after{
21 content: ""; 21 content: "";
22 width: 100%; 22 width: 100%;
23 height: 100%; 23 height: 100%;
24 border-radius: 50%; 24 border-radius: 50%;
25 border: 12px solid #fff; 25 border: 8px solid #fff;
26 position: absolute; 26 position: absolute;
27 top: 0; 27 top: 0;
28 left: 0; 28 left: 0;
29 } 29 }
30 .progress-circle > span{ 30 .progress-circle > span{
31 width: 50%; 31 width: 50%;
32 height: 100%; 32 height: 100%;
33 overflow: hidden; 33 overflow: hidden;
34 position: absolute; 34 position: absolute;
35 top: 0; 35 top: 0;
36 z-index: 1; 36 z-index: 1;
37 } 37 }
38 .progress-circle .progress-left{ 38 .progress-circle .progress-left{
39 left: 0; 39 left: 0;
40 } 40 }
41 .progress-circle .progress-bar{ 41 .progress-circle .progress-bar{
42 width: 100%; 42 width: 100%;
43 height: 100%; 43 height: 100%;
44 background: none; 44 background: none;
45 border-width: 12px; 45 border-width: 8px;
46 border-style: solid; 46 border-style: solid;
47 position: absolute; 47 position: absolute;
48 top: 0; 48 top: 0;
49 } 49 }
50 .progress-circle .progress-left .progress-bar{ 50 .progress-circle .progress-left .progress-bar{
51 left: 100%; 51 left: 100%;
52 border-top-right-radius: 80px; 52 border-top-right-radius: 80px;
53 border-bottom-right-radius: 80px; 53 border-bottom-right-radius: 80px;
54 border-left: 0; 54 border-left: 0;
55 -webkit-transform-origin: center left; 55 -webkit-transform-origin: center left;
56 transform-origin: center left; 56 transform-origin: center left;
57 } 57 }
58 .progress-circle .progress-right{ 58 .progress-circle .progress-right{
59 right: 0; 59 right: 0;
60 } 60 }
61 .progress-circle .progress-right .progress-bar{ 61 .progress-circle .progress-right .progress-bar{
62 left: -100%; 62 left: -100%;
63 border-top-left-radius: 80px; 63 border-top-left-radius: 80px;
64 border-bottom-left-radius: 80px; 64 border-bottom-left-radius: 80px;
65 border-right: 0; 65 border-right: 0;
66 -webkit-transform-origin: center right; 66 -webkit-transform-origin: center right;
67 transform-origin: center right; 67 transform-origin: center right;
68 animation: loading-1 1.8s linear forwards; 68 animation: loading-1 1.8s linear forwards;
69 } 69 }
70 .progress-circle .progress-value{ 70 .progress-circle .progress-value{
71 width: 90%; 71 width: 90%;
72 height: 90%; 72 height: 90%;
73 border-radius: 50%; 73 border-radius: 50%;
74 background: #44484b; 74 background: #44484b;
75 font-size: 24px; 75 font-size: 20px;
76 color: #fff; 76 color: #fff;
77 line-height: 20px; 77 line-height: 20px;
78 text-align: center; 78 text-align: center;
79 position: absolute; 79 position: absolute;
80 top: 5%; 80 top: 5%;
81 left: 5%; 81 left: 5%;
82 } 82 }
83 .progress-circle.blue .progress-bar{ 83 .progress-circle.blue .progress-bar{
84 border-color: #049dff; 84 border-color: #049dff;
85 } 85 }
86 .progress-circle.blue .progress-left .progress-bar{ 86 .progress-circle.blue .progress-left .progress-bar{
87 animation: loading-2 1.5s linear forwards 1.8s; 87 animation: loading-2 1.5s linear forwards 1.8s;
88 } 88 }
89 @keyframes loading-1{ 89 @keyframes loading-1{
90 0%{ 90 0%{
91 -webkit-transform: rotate(0deg); 91 -webkit-transform: rotate(0deg);
92 transform: rotate(0deg); 92 transform: rotate(0deg);
93 } 93 }
94 100%{ 94 100%{
95 -webkit-transform: rotate(180deg); 95 -webkit-transform: rotate(180deg);
96 transform: rotate(180deg); 96 transform: rotate(180deg);
97 } 97 }
98 } 98 }
99 @keyframes loading-2{ 99 @keyframes loading-2{
100 0%{ 100 0%{
101 -webkit-transform: rotate(0deg); 101 -webkit-transform: rotate(0deg);
102 transform: rotate(0deg); 102 transform: rotate(0deg);
103 } 103 }
104 100%{ 104 100%{
105 -webkit-transform: rotate(180deg); 105 -webkit-transform: rotate(180deg);
106 transform: rotate(180deg); 106 transform: rotate(180deg);
107 } 107 }
108 } 108 }
109 @keyframes loading-3{ 109 @keyframes loading-3{
110 0%{ 110 0%{
111 -webkit-transform: rotate(0deg); 111 -webkit-transform: rotate(0deg);
112 transform: rotate(0deg); 112 transform: rotate(0deg);
113 } 113 }
114 100%{ 114 100%{
115 -webkit-transform: rotate(90deg); 115 -webkit-transform: rotate(90deg);
116 transform: rotate(90deg); 116 transform: rotate(90deg);
117 } 117 }
118 } 118 }
119 @keyframes loading-4{ 119 @keyframes loading-4{
120 0%{ 120 0%{
121 -webkit-transform: rotate(0deg); 121 -webkit-transform: rotate(0deg);
122 transform: rotate(0deg); 122 transform: rotate(0deg);
123 } 123 }
124 100%{ 124 100%{
125 -webkit-transform: rotate(36deg); 125 -webkit-transform: rotate(36deg);
126 transform: rotate(36deg); 126 transform: rotate(36deg);
127 } 127 }
128 } 128 }
129 @keyframes loading-5{ 129 @keyframes loading-5{
130 0%{ 130 0%{
131 -webkit-transform: rotate(0deg); 131 -webkit-transform: rotate(0deg);
132 transform: rotate(0deg); 132 transform: rotate(0deg);
133 } 133 }
134 100%{ 134 100%{
135 -webkit-transform: rotate(126deg); 135 -webkit-transform: rotate(126deg);
136 transform: rotate(126deg); 136 transform: rotate(126deg);
137 } 137 }
138 } 138 }
139 @media only screen and (max-width: 990px){ 139 @media only screen and (max-width: 990px){
140 .progress{ margin-bottom: 20px; } 140 .progress{ margin-bottom: 20px; }
141 } 141 }
142 .foca-alto-progress{ 142 .foca-alto-progress{
143 height: 2rem; 143 height: 2rem;
144 } 144 }
145 145
src/sass/_swiper.scss
1 .swiper { 1 .swiper {
2 &-container { 2 &-container {
3 height: 300px; 3 height: 300px;
4
5 } 4 }
6 &-slide { 5 &-slide {
7 background: transparent; 6 background: transparent;
8 height: 400px; 7 height: 400px;
9 text-align: unset; 8 text-align: unset;
10 -webkit-align-items: unset; 9 -webkit-align-items: unset;
11 align-items: unset; 10 align-items: unset;
12 } 11 }
13 12
14 @media(max-width: 992px){ 13 @media(max-width: 992px){
15 &-container{ 14 &-container{
16 height: 430px; 15 height: 430px;
17 } 16 }
18 &-pagination{ 17 &-pagination{
19 background: #CCC; 18 background: #CCC;
20 padding: 0.5rem; 19 padding: 0.5rem;
21 } 20 }
22 } 21 }
23 } 22 }
23
24 .swiper-pagination-bullet-active {
25 opacity: 1;
26 background: #CD9035;
27 }
src/sass/_teclado.scss
1 .keyboard { 1 .keyboard {
2 -webkit-touch-callout: none; 2 -webkit-touch-callout: none;
3 -webkit-user-select: none; 3 -webkit-user-select: none;
4 -khtml-user-select: none; 4 -khtml-user-select: none;
5 -moz-user-select: none; 5 -moz-user-select: none;
6 -ms-user-select: none; 6 -ms-user-select: none;
7 user-select: none; 7 user-select: none;
8 margin: auto; 8 margin: auto;
9 width: 855px; 9 width: 60%;
10 position: inherit; 10 position: absolute;
11 height: auto; 11 height: auto;
12 border: 1px solid rgba(255, 128, 0, .4); 12 border: 1px solid rgba(255, 128, 0, .4);
13 background-color: rgba(0, 0, 0, .3); 13 background-color: rgba(0, 0, 0, .3);
14 bottom: 5px; 14 bottom: 5px;
15 z-index: 100000;
15 table { 16 table {
17 width: auto;
18 height: auto;
19 margin: 0px auto;
16 border-spacing: 10px; 20 border-spacing: 10px;
17 border-collapse: separate; 21 border-collapse: separate;
18 z-index: 100000;
19 td { 22 td {
20 touch-action: none; 23 touch-action: none;
21 } 24 }
22 } 25 }
23 26
24 .letter { 27 .letter {
25 background-color: #bdbdbd; 28 background-color: #bdbdbd;
26 box-shadow: 2px 2px 3px #555555; 29 box-shadow: 2px 2px 3px #555555;
27 width: 47px; 30 padding: 10px;
28 height: 50px; 31 width: auto;
32 height: auto;
29 text-align: center; 33 text-align: center;
30 font-family: "arial"; 34 font-family: "arial";
31 cursor: pointer; 35 cursor: pointer;
32 color: #000; 36 color: #000;
33 font-size: 22px; 37 font-size: 80%;
34 38
35 &:hover { 39 &:hover {
36 background-color: #fafafa; 40 background-color: #fafafa;
37 } 41 }
38 &:active { 42 &:active {
39 background-color: #999; 43 background-color: #999;
40 color: #fff; 44 color: #fff;
41 } 45 }
42 } 46 }
43 .number { 47 .number {
44 background-color: #bdbdbd; 48 background-color: #bdbdbd;
45 box-shadow: 2px 2px 3px #555555; 49 box-shadow: 2px 2px 3px #555555;
46 width: 47px; 50 padding: 10px;
47 height: 35px; 51 width: auto;
52 height: auto;
48 text-align: center; 53 text-align: center;
49 font-family: "arial"; 54 font-family: "arial";
50 cursor: pointer; 55 cursor: pointer;
51 color: #000; 56 color: #000;
52 font-size: 22px; 57 font-size: 80%;
53 58
54 &:hover { 59 &:hover {
55 background-color: #fafafa; 60 background-color: #fafafa;
56 } 61 }
57 &:active { 62 &:active {
58 background-color: #999; 63 background-color: #999;
59 color: #fff; 64 color: #fff;
60 } 65 }
61 } 66 }
62 67
63 .margin { 68 .margin {
64 width: 40px; 69 width: 5%;
65 height: 50px; 70 height: 5%;
66 } 71 }
67 } 72 }
src/sass/general.scss
1 $primary-color: #e09125; 1 $primary-color: #e09125;
2 @import 'admin-seguimiento'; 2 @import 'admin-seguimiento';
3 @import 'bootstrap'; 3 @import 'bootstrap';
4 @import 'botonera'; 4 @import 'botonera';
5 @import 'botonera-lateral'; 5 @import 'botonera-lateral';
6 @import 'botonera-principal'; 6 @import 'botonera-principal';
7 @import 'botonera-secundaria'; 7 @import 'botonera-secundaria';
8 @import 'contenedor'; 8 @import 'contenedor';
9 @import 'lista'; 9 @import 'lista';
10 @import 'login'; 10 @import 'login';
11 @import 'panel-informativo'; 11 @import 'panel-informativo';
12 @import 'tabla'; 12 @import 'tabla';
13 @import 'teclado'; 13 @import 'teclado';
14 @import 'tabla-articulos'; 14 @import 'tabla-articulos';
15 @import 'acciones-mobile'; 15 @import 'acciones-mobile';
16 @import 'swiper'; 16 @import 'swiper';
17 @import 'foca-crear'; 17 @import 'foca-crear';
18 @import 'logistica-pedido-ruta'; 18 @import 'logistica-pedido-ruta';
19 @import 'tabs'; 19 @import 'tabs';
20 @import 'grid'; 20 @import 'grid';
21 @import 'paginador-abm'; 21 @import 'paginador-abm';
22 @import 'table-autorizar-nota-pedido';
22 23
23 24
24 //OCULTA FLECHAS INPUT NUMBER 25 //OCULTA FLECHAS INPUT NUMBER
25 input[type='number'] { 26 input[type='number'] {
26 -moz-appearance:textfield; 27 -moz-appearance:textfield;
27 } 28 }
29
28 input::-webkit-outer-spin-button, 30 input::-webkit-outer-spin-button,
29 input::-webkit-inner-spin-button { 31 input::-webkit-inner-spin-button {
30 -webkit-appearance: none; 32 -webkit-appearance: none;
31 } 33 }
32 34
33 .d-md-grid{ 35 .d-md-grid{
34 @media (min-width: 768px) { 36 @media (min-width: 768px) {
35 display: grid !important; 37 display: grid !important;
36 } 38 }
37 } 39 }
38 40
39 .btn-outline-debo{ 41 .btn-outline-debo{
40 background-color: transparent; 42 background-color: transparent;
41 color: $primary-color; 43 color: $primary-color;
42 border-color: $primary-color; 44 border-color: $primary-color;
43 &:hover{ 45 &:hover{
44 color: #FFF; 46 color: #FFF;
45 border-color: transparent; 47 border-color: transparent;
46 background-color: $primary-color; 48 background-color: $primary-color;
47 } 49 }
48 } 50 }
49 51
52 .btn-brown {
53 background-color:#Cd9035;
54 -webkit-appearance: none;
55 border-color: transparent;
56 &:focus {
57 outline: 0 !important;
58 box-shadow: none;
59 }
60 .icon-white {
61 color: white;
62 }
63 }
64
65
66 .page-item.active .page-link {
67 z-index: 1;
68 color: #fff;
69 background-color: #Cd9035;
70 border-color: #Cd9035;
71 }
72
73 .foca-input {
74 &:focus {
75 border-color: #Cd9035;
76 box-shadow: 0 0 5px #Cd9035;
77 }
78 }
79
80 .btn-info {
81 background-color: #Cd9035;
82 border-color: #Cd9035;
83 &:focus {
84 box-shadow: none;
85 }
86 &:hover {
87 background-color: #Cd9035;
88 }
89 }
90
91 .btn-primary {
92 background-color: #Cd9035;
93 border-color: #Cd9035;
94 &:focus {
95 box-shadow: none;
96 }
97 &:hover {
98 background-color: #Cd9035;
99 }
100 }
101
102 .table-celda-total {
103 background-color: #E09524;
104 }
105
106 marquee {
107 background-color: #E09524;
108 }
109
50 .front-index{ 110 .front-index{
51 z-index: 9999; 111 z-index: 9999;
52 } 112 }
53 113
54 .uib-daypicker{ 114 .uib-daypicker{
55 outline: 0 115 outline: 0
56 } 116 }
57 117
58 .right-0{ 118 .right-0{
59 right: 0; 119 right: 0;
60 } 120 }
61 121
62 .tabla-factura{ 122 .tabla-factura{
63 word-wrap: break-word; 123 word-wrap: break-word;
64 table-layout: fixed; 124 table-layout: fixed;
65 } 125 }
66 126
67 .ladda-w-100 .ladda-label{ 127 .ladda-w-100 .ladda-label{
68 width: 100% 128 width: 100%;
129 float: right;
69 } 130 }
70 131
71 .btn-delete-image{ 132 .btn-delete-image{
72 height: 25px; 133 height: 25px;
73 width: 25px; 134 width: 25px;
74 top: -10px; 135 top: -10px;
75 right: 0; 136 right: 0;
76 } 137 }
77 138
78 button.clear-input{ 139 button.clear-input{
79 cursor: pointer; 140 cursor: pointer;
80 background: transparent; 141 background: transparent;
81 border: none; 142 border: none;
82 margin-left: -24px; 143 margin-left: -24px;
83 z-index: 9; 144 z-index: 9;
145 color: #a3a3a3;
84 &:focus{ 146 &:focus{
85 outline: none; 147 outline: none;
86 } 148 }
87 } 149 }
88 150