Commit 5d99aaa5e8d0bd6eba8fae2b0cd5681aa4fc1873

Authored by Pablo Marco del Pont
1 parent 8ab7d37989
Exists in master

- Agregué ícono de remito a la imagen de botonera.

- Agregué estilos a los botones remito y hoja de ruta (falta imagen).
- Agregué módulos a index, package y app.

527 KB | W: | H:

537 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 rel="stylesheet" href="node_modules/angular-ui-swiper/dist/angular-ui-swiper.css"> 10 <link rel="stylesheet" href="node_modules/angular-ui-swiper/dist/angular-ui-swiper.css">
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="./vendor/cordovaGeolocationModule.min.js"></script> 29 <script src="./vendor/cordovaGeolocationModule.min.js"></script>
30 30
31 <script src="./node_modules/foca-admin-seguimiento/dist/foca-admin-seguimiento.min.js"></script>
32 <script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script> 31 <script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script>
33 <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script> 32 <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script>
34 <script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script> 33 <script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script>
34 <script src="./node_modules/foca-admin-seguimiento/dist/foca-admin-seguimiento.min.js"></script>
35 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script> 35 <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> 36 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script>
37 <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script> 37 <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script>
38 <script src="./node_modules/foca-crear-hoja-ruta/dist/foca-crear-hoja-ruta.min.js"></script>
38 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script> 39 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script>
39 <script src="./node_modules/foca-crear-remito/dist/foca-crear-remito.min.js"></script> 40 <script src="./node_modules/foca-crear-remito/dist/foca-crear-remito.min.js"></script>
40 <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script> 41 <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
41 <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script> 42 <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>
42 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script> 44 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script>
43 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script> 45 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script>
44 <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script> 46 <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script>
47 <script src="./node_modules/foca-modal-chofer/dist/foca-modal-chofer.min.js"></script>
45 <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script> 48 <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script>
49 <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script>
46 <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script> 50 <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script>
47 <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script> 51 <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script>
48 <script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script> 52 <script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script>
53 <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script>
49 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script> 54 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script>
50 <script src="./node_modules/foca-modal-proveedor/dist/foca-modal-proveedor.min.js"></script> 55 <script src="./node_modules/foca-modal-proveedor/dist/foca-modal-proveedor.min.js"></script>
51 <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script>
52 <script src="./node_modules/foca-modal-remito/dist/foca-modal-remito.min.js"></script> 56 <script src="./node_modules/foca-modal-remito/dist/foca-modal-remito.min.js"></script>
57 <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script>
58 <script src="./node_modules/foca-modal-transportista/dist/foca-modal-transportista.min.js"></script>
59 <script src="./node_modules/foca-modal-vehiculo/dist/foca-modal-vehiculo.min.js"></script>
53 <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script> 60 <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script>
54 <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script> 61 <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script>
55 <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script> 62 <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script>
56 <script src="./node_modules/foca-turno-apertura/dist/foca-turno-apertura.min.js"></script> 63 <script src="./node_modules/foca-turno-apertura/dist/foca-turno-apertura.min.js"></script>
57 <!-- <script src="cordova.js"></script> --> 64 <!-- <script src="cordova.js"></script> -->
58 65
59 <!-- <script src="./dist/wrapper-demo.min.js"></script> --> 66 <!-- <script src="./dist/wrapper-demo.min.js"></script> -->
60 <script src="./src/js/app.js"></script> 67 <script src="./src/js/app.js"></script>
61 <script src="./src/js/controller.js"></script> 68 <script src="./src/js/controller.js"></script>
62 <script src="./src/etc/develop.js"></script> 69 <script src="./src/etc/develop.js"></script>
63 </head> 70 </head>
64 <body> 71 <body>
65 <style> 72 <style>
66 </style> 73 </style>
67 <botonera-horizontal></botonera-horizontal> 74 <botonera-horizontal></botonera-horizontal>
68 <div ng-view class="container contenedor"></div> 75 <div ng-view class="container contenedor"></div>
69 <div ng-controller="appWrapperDemoController" class="container d-none d-md-block"> 76 <div ng-controller="appWrapperDemoController" class="container d-none d-md-block">
70 <div 77 <div
71 class="btn-group-toggle" 78 class="btn-group-toggle"
72 data-toggle="buttons" 79 data-toggle="buttons"
73 ng-click="cambioUsoTeclado()"> 80 ng-click="cambioUsoTeclado()">
74 <label 81 <label
75 class="btn btn-secondary active boton-activar-teclado" 82 class="btn btn-secondary active boton-activar-teclado"
76 ng-class="{'teclado-activar': usarTeclado}"> 83 ng-class="{'teclado-activar': usarTeclado}">
77 <input 84 <input
78 type="checkbox" 85 type="checkbox"
79 autocomplete="off" 86 autocomplete="off"
80 > 87 >
81 <i class="fa fa-keyboard-o fa-3x" aria-hidden="true"></i> 88 <i class="fa fa-keyboard-o fa-3x" aria-hidden="true"></i>
82 </label> 89 </label>
83 </div> 90 </div>
84 <foca-teclado 91 <foca-teclado
85 ng-show="usarTeclado && mostrarTeclado" 92 ng-show="usarTeclado && mostrarTeclado"
86 alfanumeric="true" 93 alfanumeric="true"
87 numeric="true" 94 numeric="true"
88 > 95 >
89 </foca-teclado> 96 </foca-teclado>
90 </div> 97 </div>
91 </body> 98 </body>
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 "electron": "electron .", 10 "electron": "electron .",
11 "electron-build": "gulp uglify && gulp html && gulp sass && electron ." 11 "electron-build": "gulp uglify && gulp html && gulp sass && electron ."
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": "https://debo.suite.repo/Wrappers/wrapper-demo.git" 18 "url": "https://debo.suite.repo/Wrappers/wrapper-demo.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.5", 23 "angular": "^1.7.5",
24 "angular-cookies": "^1.7.5", 24 "angular-cookies": "^1.7.5",
25 "angular-i18n": "^1.7.5", 25 "angular-i18n": "^1.7.5",
26 "angular-ladda": "^0.4.3", 26 "angular-ladda": "^0.4.3",
27 "angular-route": "^1.7.5", 27 "angular-route": "^1.7.5",
28 "angular-sanitize": "^1.7.5", 28 "angular-sanitize": "^1.7.5",
29 "angular-ui-swiper": "^2.3.8", 29 "angular-ui-swiper": "^2.3.8",
30 "bootstrap": "^4.1.3", 30 "bootstrap": "^4.1.3",
31 "foca-abm-plazo-pago": "git+https://debo.suite.repo/modulos-npm/foca-abm-plazo-pago.git", 31 "foca-abm-plazo-pago": "git+https://debo.suite.repo/modulos-npm/foca-abm-plazo-pago.git",
32 "foca-abm-precios-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-abm-precios-condiciones.git", 32 "foca-abm-precios-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-abm-precios-condiciones.git",
33 "foca-abm-sectores": "git+https://debo.suite.repo/modulos-npm/foca-abm-sectores", 33 "foca-abm-sectores": "git+https://debo.suite.repo/modulos-npm/foca-abm-sectores",
34 "foca-admin-seguimiento": "git+https://debo.suite.repo/modulos-npm/foca-admin-seguimiento.git", 34 "foca-admin-seguimiento": "git+https://debo.suite.repo/modulos-npm/foca-admin-seguimiento.git",
35 "foca-botonera-principal": "git+https://debo.suite.repo/modulos-npm/foca-botonera-principal.git", 35 "foca-botonera-principal": "git+https://debo.suite.repo/modulos-npm/foca-botonera-principal.git",
36 "foca-busqueda-cliente": "git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente.git", 36 "foca-busqueda-cliente": "git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente.git",
37 "foca-configuracion": "git+https://debo.suite.repo/modulos-npm/foca-configuracion.git", 37 "foca-configuracion": "git+https://debo.suite.repo/modulos-npm/foca-configuracion.git",
38 "foca-crear-hoja-ruta": "git+https://debo.suite.repo/modulos-npm/foca-crear-hoja-ruta.git",
38 "foca-crear-nota-pedido": "git+https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido.git", 39 "foca-crear-nota-pedido": "git+https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido.git",
39 "foca-crear-remito": "git+https://debo.suite.repo/modulos-npm/foca-crear-remito.git", 40 "foca-crear-remito": "git+https://debo.suite.repo/modulos-npm/foca-crear-remito.git",
40 "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git", 41 "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git",
41 "foca-filtros": "git+https://debo.suite.repo/modulos-npm/foca-filtros.git", 42 "foca-filtros": "git+https://debo.suite.repo/modulos-npm/foca-filtros.git",
43 "foca-hoja-ruta": "git+https://debo.suite.repo/modulos-npm/foca-hoja-ruta.git",
42 "foca-login": "git+https://debo.suite.repo/modulos-npm/foca-login.git", 44 "foca-login": "git+https://debo.suite.repo/modulos-npm/foca-login.git",
43 "foca-modal": "git+https://debo.suite.repo/modulos-npm/foca-modal", 45 "foca-modal": "git+https://debo.suite.repo/modulos-npm/foca-modal",
44 "foca-modal-busqueda-productos": "git+https://debo.suite.repo/modulos-npm/foca-modal-busqueda-productos", 46 "foca-modal-busqueda-productos": "git+https://debo.suite.repo/modulos-npm/foca-modal-busqueda-productos",
47 "foca-modal-chofer": "git+https://debo.suite.repo/modulos-npm/foca-modal-chofer.git",
45 "foca-modal-cotizacion": "git+https://debo.suite.repo/modulos-npm/foca-modal-cotizacion.git", 48 "foca-modal-cotizacion": "git+https://debo.suite.repo/modulos-npm/foca-modal-cotizacion.git",
49 "foca-modal-detalle-hoja-ruta": "git+https://debo.suite.repo/modulos-npm/foca-modal-detalle-hoja-ruta.git",
46 "foca-modal-domicilio": "git+https://debo.suite.repo/modulos-npm/foca-modal-domicilio.git", 50 "foca-modal-domicilio": "git+https://debo.suite.repo/modulos-npm/foca-modal-domicilio.git",
47 "foca-modal-flete": "git+https://debo.suite.repo/modulos-npm/foca-modal-flete.git", 51 "foca-modal-flete": "git+https://debo.suite.repo/modulos-npm/foca-modal-flete.git",
48 "foca-modal-moneda": "git+https://debo.suite.repo/modulos-npm/foca-modal-moneda.git", 52 "foca-modal-moneda": "git+https://debo.suite.repo/modulos-npm/foca-modal-moneda.git",
49 "foca-modal-nota-pedido": "git+https://debo.suite.repo/modulos-npm/foca-modal-nota-pedido.git", 53 "foca-modal-nota-pedido": "git+https://debo.suite.repo/modulos-npm/foca-modal-nota-pedido.git",
50 "foca-modal-precio-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git", 54 "foca-modal-precio-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git",
51 "foca-modal-proveedor": "git+https://debo.suite.repo/modulos-npm/foca-modal-proveedor.git", 55 "foca-modal-proveedor": "git+https://debo.suite.repo/modulos-npm/foca-modal-proveedor.git",
52 "foca-modal-remito": "git+https://debo.suite.repo/modulos-npm/foca-modal-remito.git", 56 "foca-modal-remito": "git+https://debo.suite.repo/modulos-npm/foca-modal-remito.git",
57 "foca-modal-tarifa-flete": "git+https://debo.suite.repo/modulos-npm/foca-modal-tarifa-flete.git",
58 "foca-modal-transportista": "git+https://debo.suite.repo/modulos-npm/foca-modal-transportista.git",
59 "foca-modal-vehiculo": "git+https://debo.suite.repo/modulos-npm/foca-modal-vehiculo.git",
53 "foca-modal-vendedores": "git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git", 60 "foca-modal-vendedores": "git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git",
54 "foca-seguimiento": "git+https://debo.suite.repo/modulos-npm/foca-seguimiento.git", 61 "foca-seguimiento": "git+https://debo.suite.repo/modulos-npm/foca-seguimiento.git",
55 "foca-teclado": "git+https://debo.suite.repo/modulos-npm/foca-teclado.git", 62 "foca-teclado": "git+https://debo.suite.repo/modulos-npm/foca-teclado.git",
56 "foca-turno-apertura": "git+https://debo.suite.repo/modulos-npm/foca-turno-apertura.git", 63 "foca-turno-apertura": "git+https://debo.suite.repo/modulos-npm/foca-turno-apertura.git",
57 "font-awesome": "^4.7.0", 64 "font-awesome": "^4.7.0",
58 "gulp-angular-templatecache": "^2.2.1", 65 "gulp-angular-templatecache": "^2.2.1",
59 "gulp-htmlmin": "^5.0.1", 66 "gulp-htmlmin": "^5.0.1",
60 "gulp-uglify": "^3.0.1", 67 "gulp-uglify": "^3.0.1",
61 "gulp-uglify-es": "^1.0.4", 68 "gulp-uglify-es": "^1.0.4",
62 "jquery": "^3.3.1", 69 "jquery": "^3.3.1",
63 "ladda": "1.0.6", 70 "ladda": "1.0.6",
64 "leaflet": "1.3.4", 71 "leaflet": "1.3.4",
65 "node-sass": "^4.9.4", 72 "node-sass": "^4.9.4",
66 "uglify": "^0.1.5", 73 "uglify": "^0.1.5",
67 "ui-bootstrap4": "^3.0.5" 74 "ui-bootstrap4": "^3.0.5"
68 }, 75 },
69 "devDependencies": { 76 "devDependencies": {
70 "electron": "^3.0.2", 77 "electron": "^3.0.2",
71 "gulp": "^3.9.1", 78 "gulp": "^3.9.1",
72 "gulp-clean": "^0.4.0", 79 "gulp-clean": "^0.4.0",
73 "gulp-concat": "^2.6.1", 80 "gulp-concat": "^2.6.1",
74 "gulp-connect": "^5.6.1", 81 "gulp-connect": "^5.6.1",
75 "gulp-jshint": "^2.1.0", 82 "gulp-jshint": "^2.1.0",
76 "gulp-rename": "^1.4.0", 83 "gulp-rename": "^1.4.0",
77 "gulp-replace": "^1.0.0", 84 "gulp-replace": "^1.0.0",
78 "gulp-sass": "^4.0.1", 85 "gulp-sass": "^4.0.1",
79 "gulp-uglify": "^1.0.4", 86 "gulp-uglify": "^1.0.4",
80 "gulp-watch": "^5.0.1", 87 "gulp-watch": "^5.0.1",
81 "jasmine-core": "^3.2.1", 88 "jasmine-core": "^3.2.1",
82 "jshint": "^2.9.6", 89 "jshint": "^2.9.6",
83 "pre-commit": "^1.2.2", 90 "pre-commit": "^1.2.2",
84 "pump": "^3.0.0" 91 "pump": "^3.0.0"
85 } 92 }
86 } 93 }
87 94
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 'ngSanitize', 7 'ngSanitize',
8 'onScreenKeyboard', 8 'onScreenKeyboard',
9 'ui.bootstrap', 9 'ui.bootstrap',
10 'ui.swiper', 10 'ui.swiper',
11 11
12 // MODULOS FOCA 12 // MODULOS FOCA
13 'focaAbmPlazoPago', 13 'focaAbmPlazoPago',
14 'focaAbmPreciosCondiciones', 14 'focaAbmPreciosCondiciones',
15 'focaAbmSectores', 15 'focaAbmSectores',
16 'focaAdminSeguimiento', 16 'focaAdminSeguimiento',
17 'focaBotoneraPrincipal', 17 'focaBotoneraPrincipal',
18 'focaBusquedaCliente', 18 'focaBusquedaCliente',
19 'focaBusquedaProductos', 19 'focaBusquedaProductos',
20 'focaConfiguracion', 20 'focaConfiguracion',
21 'focaCrearHojaRuta',
21 'focaCrearNotaPedido', 22 'focaCrearNotaPedido',
22 'focaCrearRemito', 23 'focaCrearRemito',
23 'focaDirectivas', 24 'focaDirectivas',
24 'focaFiltros', 25 'focaFiltros',
26 'focaHojaRuta',
25 'focaLogin', 27 'focaLogin',
26 'focaModal', 28 'focaModal',
29 'focaModalChofer',
27 'focaModalCotizacion', 30 'focaModalCotizacion',
31 'focaModalDetalleHojaRuta',
28 'focaModalDomicilio', 32 'focaModalDomicilio',
29 'focaModalFlete', 33 'focaModalFlete',
30 'focaModalMoneda', 34 'focaModalMoneda',
31 'focaModalNotaPedido', 35 'focaModalNotaPedido',
32 'focaModalPrecioCondicion', 36 'focaModalPrecioCondicion',
33 'focaModalProveedor', 37 'focaModalProveedor',
34 'focaModalRemito', 38 'focaModalRemito',
39 'focaModalTarifaFlete',
40 'focaModalTransportista',
41 'focaModalVehiculo',
35 'focaModalVendedores', 42 'focaModalVendedores',
36 'focaSeguimiento', 43 'focaSeguimiento',
37 'focaTeclado', 44 'focaTeclado',
38 'focaTurnoApertura' 45 'focaTurnoApertura'
39 ]); 46 ]);
40 47
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 } 10 }
11 button { 11 button {
12 background-image: url('../img/botonera.png'); 12 background-image: url('../img/botonera.png');
13 border-radius: 12px; 13 border-radius: 12px;
14 border-width: 0; 14 border-width: 0;
15 height: 90px; 15 height: 90px;
16 position: relative; 16 position: relative;
17 width: 90px; 17 width: 90px;
18 span { 18 span {
19 left: 0; 19 left: 0;
20 position: absolute; 20 position: absolute;
21 text-align: center; 21 text-align: center;
22 top: 90px; 22 top: 90px;
23 width: 100%; 23 width: 100%;
24 font-size: 12px; 24 font-size: 12px;
25 color: #777777; 25 color: #777777;
26 } 26 }
27 } 27 }
28 &-menu { 28 &-menu {
29 padding-left: 90px; 29 padding-left: 90px;
30 @media (max-width: 576px) { 30 @media (max-width: 576px) {
31 padding: 0; 31 padding: 0;
32 } 32 }
33 } 33 }
34 &-logo { 34 &-logo {
35 width: 80%; 35 width: 80%;
36 opacity: .8; 36 opacity: .8;
37 @media (max-width: 576px) { 37 @media (max-width: 576px) {
38 width: 100%; 38 width: 100%;
39 } 39 }
40 } 40 }
41 &-vacio { 41 &-vacio {
42 & button { 42 & button {
43 background-position: -4380px 0; 43 background-position: -4380px 0;
44 &:hover { 44 &:hover {
45 background-position: -4380px -90px; 45 background-position: -4380px -90px;
46 } 46 }
47 } 47 }
48 } 48 }
49 &-abrir-turno { 49 &-abrir-turno {
50 & button { 50 & button {
51 background-position: 0 0; 51 background-position: 0 0;
52 &:hover { 52 &:hover {
53 background-position: 0 -90px; 53 background-position: 0 -90px;
54 } 54 }
55 } 55 }
56 } 56 }
57 &-cerrar-turno { 57 &-cerrar-turno {
58 & button { 58 & button {
59 background-position: -90px 0; 59 background-position: -90px 0;
60 &:hover { 60 &:hover {
61 background-position: -90px -90px; 61 background-position: -90px -90px;
62 } 62 }
63 } 63 }
64 } 64 }
65 &-caja { 65 &-caja {
66 & button { 66 & button {
67 background-position: -180px 0; 67 background-position: -180px 0;
68 &:hover { 68 &:hover {
69 background-position: -180px -90px; 69 background-position: -180px -90px;
70 } 70 }
71 } 71 }
72 } 72 }
73 &-facturador { 73 &-facturador {
74 & button { 74 & button {
75 background-position: -270px 0px; 75 background-position: -270px 0px;
76 &:hover { 76 &:hover {
77 background-position: -270px -90px; 77 background-position: -270px -90px;
78 } 78 }
79 } 79 }
80 } 80 }
81 &-nota-pedido { 81 &-nota-pedido {
82 & button { 82 & button {
83 background-position: -1250px 0px; 83 background-position: -1250px 0px;
84 &:hover { 84 &:hover {
85 background-position: -1250px -90px; 85 background-position: -1250px -90px;
86 } 86 }
87 } 87 }
88 } 88 }
89 &-remito {
90 & button {
91 background-position: -4560px 0px;
92 &:hover {
93 background-position: -4560px -90px;
94 }
95 }
96 }
97 &-hoja-ruta {
98 & button {
99 background-position: -4650px 0px;
100 &:hover {
101 background-position: -4650px -90px;
102 }
103 }
104 }
89 &-seguimiento { 105 &-seguimiento {
90 & button { 106 & button {
91 background-position: -4470px 0px; 107 background-position: -4470px 0px;
92 &:hover { 108 &:hover {
93 background-position: -4470px -90px; 109 background-position: -4470px -90px;
94 } 110 }
95 } 111 }
96 } 112 }
97 .swiper-pagination { 113 .swiper-pagination {
98 bottom: 0px !important; 114 bottom: 0px !important;
99 } 115 }
100 116
101 .swiper-button-next { 117 .swiper-button-next {
102 background-image: url('../img/derecha.png'); 118 background-image: url('../img/derecha.png');
103 } 119 }
104 120
105 .swiper-button-prev { 121 .swiper-button-prev {
106 background-image: url('../img/izquierda.png'); 122 background-image: url('../img/izquierda.png');
107 } 123 }
108 } 124 }
109 125