Commit 8e5e3509afc632fb43b8adc701bea2434b3dadd3

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

copia wrapper demo

File was created 1 /node_modules
2 /dist
3 /src/etc/develop.js
4 /css/*.css
5 /package-lock\.json
6
File was created 1 {
2 /*
3 * ENVIRONMENTS
4 * =================
5 */
6
7 // Define globals exposed by modern browsers.
8 "browser": true,
9
10 // Define globals exposed by jQuery.
11 "jquery": true,
12
13 // Define globals exposed by Node.js.
14 "node": true,
15
16 // Allow ES6.
17 "esversion": 6,
18
19 /*
20 * ENFORCING OPTIONS
21 * =================
22 */
23
24 // Force all variable names to use either camelCase style or UPPER_CASE
25 // with underscores.
26 "camelcase": true,
27
28 // Prohibit use of == and != in favor of === and !==.
29 "eqeqeq": true,
30
31 // Enforce tab width of 2 spaces.
32 "indent": 4,
33
34 // Prohibit use of a variable before it is defined.
35 "latedef": true,
36
37 // Enforce line length to 100 characters
38 "maxlen": 100,
39
40 // Require capitalized names for constructor functions.
41 "newcap": true,
42
43 // Enforce use of single quotation marks for strings.
44 "quotmark": "single",
45
46 // Enforce placing 'use strict' at the top function scope
47 "strict": false,
48
49 // Prohibit use of explicitly undeclared variables.
50 "undef": true,
51
52 // Warn when variables are defined but never used.
53 "unused": true,
54
55 // Para que funcione en angular
56 "predef": ["angular", "alert", "spyOn", "expect", "it", "inject", "beforeEach", "describe"],
57 /*
58 * RELAXING OPTIONS
59 * =================
60 */
61
62 // Suppress warnings about == null comparisons.
63 "eqnull": true
64 }
65
File was created 1 const gulp = require('gulp');
2 const sass = require('gulp-sass');
3 const concat = require('gulp-concat');
4 const rename = require('gulp-rename');
5 const uglify = require('gulp-uglify');
6 const pump = require('pump');
7 const jshint = require('gulp-jshint');
8 const replace = require('gulp-replace');
9 const connect = require('gulp-connect');
10 const watch = require('gulp-watch');
11
12 var paths = {
13 srcHTML : 'src/views/*.html',
14 srcJS : 'src/js/*.js',
15 confJS : 'src/etc/develop.js',
16 dist : 'dist/',
17 distHTML : 'dist/views/'
18 };
19
20 gulp.task('uglify', function() {
21 pump(
22 [
23 gulp.src([paths.srcJS, paths.confJS]),
24 concat('wrapper-demo.js'),
25 replace('/src/', '/dist/'),
26 gulp.dest(paths.dist),
27 rename('wrapper-demo.min.js'),
28 uglify(),
29 gulp.dest(paths.dist)
30 ]
31 );
32 });
33
34 gulp.task('html', function() {
35 pump([
36 gulp.src('index.html'),
37 replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'),
38 gulp.dest(paths.dist)
39 ]);
40 pump([
41 gulp.src(paths.srcHTML),
42 gulp.dest(paths.distHTML)
43 ]);
44 })
45
46 gulp.task('sass', function() {
47 return gulp.src('src/sass/*.scss')
48 .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
49 .pipe(gulp.dest('css'));
50 });
51
52 gulp.task('pre-install', function() {
53 pump([
54 gulp.src('package.json'),
55 replace('ssh://git@debonline.dyndns.org:', 'http://git.focasoftware.com/'),
56 gulp.dest('')
57 ]);
58 })
59
60 gulp.task('post-install', function() {
61 pump([
62 gulp.src('package.json'),
63 replace('http://git.focasoftware.com/', 'ssh://git@debonline.dyndns.org:'),
64 gulp.dest('')
65 ]);
66 })
67
68 gulp.task('pre-commit', function() {
69 pump(
70 [
71 gulp.src(paths.srcJS),
72 jshint('.jshintrc'),
73 jshint.reporter('default'),
74 jshint.reporter('fail')
75 ]
76 );
77 gulp.start('uglify');
78 gulp.start('sass');
79 });
80
81 gulp.task('webserver', function() {
82 pump [
83 connect.server(
84 {
85 port: 8086,
86 host: '0.0.0.0',
87 livereload: true
88 }
89 )
90 ]
91 });
92
93 gulp.task('watch', function() {
94 gulp.watch([paths.srcJS], ['uglify']);
95 gulp.watch('src/sass/*.scss', ['sass']);
96 })
97
98 gulp.task('reload'), function() {
99 connect.reload();
100 }
101
102 gulp.task('livereload', function() {
103 gulp.watch('css/*.css', ['reload']);
104 gulp.watch('js/dist/*.js', ['reload']);
105 gulp.watch('vistas/**/*.html', ['reload']);
106 gulp.watch('index.html', ['reload']);
107 });
108
109 gulp.task('default', ['webserver', 'livereload', 'watch']);
110

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

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