Luigi / wrapper-demo

Download as
Browse Code ยป

Commit 901a556aaf6e0f532287952afca0eef4a8b99b2d

Authored by Jose Pinto
1 parent e015c79b9c
Exists in master

arreglos botonera-lateral

Showing 2 changed files with 18 additions and 24 deletions   Show diff stats
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 31
32 <script src="./node_modules/foca-abm-chofer/dist/foca-abm-chofer.min.js"></script> 32 <script src="./node_modules/foca-abm-chofer/dist/foca-abm-chofer.min.js"></script>
33 <script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script> 33 <script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script>
34 <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script> 34 <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script>
35 <script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script> 35 <script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script>
36 <script src="./node_modules/foca-admin-seguimiento/dist/foca-admin-seguimiento.min.js"></script> 36 <script src="./node_modules/foca-admin-seguimiento/dist/foca-admin-seguimiento.min.js"></script>
37 <script src="./node_modules/foca-botonera-facturador/dist/foca-botonera-facturador.min.js"></script> 37 <script src="./node_modules/foca-botonera-facturador/dist/foca-botonera-facturador.min.js"></script>
38 <script src="./node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js"></script> 38 <script src="./node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js"></script>
39 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script> 39 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script>
40 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script> 40 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script>
41 <script src="./node_modules/foca-cabecera-facturador/dist/foca-cabecera-facturador.min.js"></script> 41 <script src="./node_modules/foca-cabecera-facturador/dist/foca-cabecera-facturador.min.js"></script>
42 <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script> 42 <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script>
43 <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script> 43 <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script>
44 <script src="./node_modules/foca-crear-hoja-ruta/dist/foca-crear-hoja-ruta.min.js"></script> 44 <script src="./node_modules/foca-crear-hoja-ruta/dist/foca-crear-hoja-ruta.min.js"></script>
45 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script> 45 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script>
46 <script src="./node_modules/foca-crear-remito/dist/foca-crear-remito.min.js"></script> 46 <script src="./node_modules/foca-crear-remito/dist/foca-crear-remito.min.js"></script>
47 <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script> 47 <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
48 <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script> 48 <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script>
49 <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script> 49 <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script>
50 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script> 50 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script>
51 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script> 51 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script>
52 <script src="./node_modules/foca-modal-banco/dist/foca-modal-banco.min.js"></script> 52 <script src="./node_modules/foca-modal-banco/dist/foca-modal-banco.min.js"></script>
53 <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script> 53 <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script>
54 <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script> 54 <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script>
55 <script src="./node_modules/foca-modal-chofer/dist/foca-modal-chofer.min.js"></script> 55 <script src="./node_modules/foca-modal-chofer/dist/foca-modal-chofer.min.js"></script>
56 <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script> 56 <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script>
57 <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script> 57 <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script>
58 <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script> 58 <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script>
59 <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script> 59 <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script>
60 <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script> 60 <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script>
61 <script src="./node_modules/foca-modal-localidad/dist/foca-modal-localidad.min.js"></script> 61 <script src="./node_modules/foca-modal-localidad/dist/foca-modal-localidad.min.js"></script>
62 <script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script> 62 <script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script>
63 <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script> 63 <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script>
64 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script> 64 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script>
65 <script src="./node_modules/foca-modal-proveedor/dist/foca-modal-proveedor.min.js"></script> 65 <script src="./node_modules/foca-modal-proveedor/dist/foca-modal-proveedor.min.js"></script>
66 <script src="./node_modules/foca-modal-provincia/dist/foca-modal-provincia.min.js"></script> 66 <script src="./node_modules/foca-modal-provincia/dist/foca-modal-provincia.min.js"></script>
67 <script src="./node_modules/foca-modal-remito/dist/foca-modal-remito.min.js"></script> 67 <script src="./node_modules/foca-modal-remito/dist/foca-modal-remito.min.js"></script>
68 <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script> 68 <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script>
69 <script src="./node_modules/foca-modal-transportista/dist/foca-modal-transportista.min.js"></script> 69 <script src="./node_modules/foca-modal-transportista/dist/foca-modal-transportista.min.js"></script>
70 <script src="./node_modules/foca-modal-vehiculo/dist/foca-modal-vehiculo.min.js"></script> 70 <script src="./node_modules/foca-modal-vehiculo/dist/foca-modal-vehiculo.min.js"></script>
71 <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script> 71 <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script>
72 <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script> 72 <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script>
73 <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script> 73 <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script>
74 <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script> 74 <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script>
75 <script src="./node_modules/foca-abm-vehiculo/dist/foca-abm-vehiculo.min.js"></script> 75 <script src="./node_modules/foca-abm-vehiculo/dist/foca-abm-vehiculo.min.js"></script>
76 <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script> 76 <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script>
77 <script src="./node_modules/foca-modal-cobrador/dist/foca-modal-cobradores.min.js"></script> 77 <script src="./node_modules/foca-modal-cobrador/dist/foca-modal-cobradores.min.js"></script>
78 <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script> 78 <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script>
79 79
80 <script src="./src/js/app.js"></script> 80 <script src="./src/js/app.js"></script>
81 <script src="./src/js/controller.js"></script> 81 <script src="./src/js/controller.js"></script>
82 <script src="./src/etc/develop.js"></script> 82 <script src="./src/etc/develop.js"></script>
83 </head> 83 </head>
84 <body> 84 <body>
85 <style> 85 <style>
86 </style> 86 </style>
87 <foca-nombre-empresa></foca-nombre-empresa> 87 <foca-nombre-empresa></foca-nombre-empresa>
88 <div ng-view class="container contenedor"></div> 88 <div ng-view class="container contenedor"></div>
89 <div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block "> 89 <div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block ">
90 <div class="container"> 90 <foca-botonera-lateral></foca-botonera-lateral>
91 <div class="row">
92 <div class="col-auto my-2 col-lg-2 offset-lg-10 d-none d-md-flex" style="min-height: 176px">
93 <div class="px-2 mt-auto">
94 <foca-botonera-lateral></foca-botonera-lateral>
95 </div>
96 </div>
97 </div>
98 </div>
99 <foca-teclado 91 <foca-teclado
100 ng-show="usarTeclado && mostrarTeclado" 92 ng-show="usarTeclado && mostrarTeclado"
101 alfanumeric="true" 93 alfanumeric="true"
102 numeric="true" 94 numeric="true"
103 > 95 >
104 </foca-teclado> 96 </foca-teclado>
105 </div> 97 </div>
106 </body> 98 </body>
107 </html> 99 </html>
108 100
src/sass/_botonera-lateral.scss
Diff comments   View file @ 901a556
1 .botonera-lateral { 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 }
2 15
3 @media (min-width: 768px){ 16 .container{
4 display: grid !important; 17 @media (min-width: 768px){
18 display: grid !important;
19 }
5 } 20 }
6 21
7 button{ 22 button{
8 pointer-events: all; 23 pointer-events: all;
9 background-color: #DDD; 24 background-color: #DDD;
10 } 25 }
11 26
12 .teclado-activar { 27 .teclado-activar {
13 background-color: #17d236 !important; 28 background-color: #17d236 !important;
14 color: #FFF !important; 29 color: #FFF !important;
15 } 30 }
16 31
17 button, .btn-group-toggle{ 32 button, .btn-group-toggle{
18 background-color: #DDD; 33 background-color: #DDD;
19 color: #000; 34 color: #000;
20 text-transform: uppercase; 35 text-transform: uppercase;
21 min-width: 109px; 36 min-width: 109px;
22 &:hover{ 37 &:hover{
23 color: #FFF; 38 color: #FFF;
24 .boton-activar-teclado{ 39 .boton-activar-teclado{
25 color: #FFF; 40 color: #FFF;
26 } 41 }
27 background-color: #000; 42 background-color: #000;
28 } 43 }
29 } 44 }
30 45
31 46
32 .btn-group-toggle{ 47 .btn-group-toggle{
33 pointer-events: all; 48 pointer-events: all;
34 &.active{ 49 &.active{
35 background-color: $primary-color; 50 background-color: $primary-color;
36 .boton-activar-teclado{ 51 .boton-activar-teclado{
37 color: #FFF; 52 color: #FFF;
38 } 53 }
39 } 54 }
40 55
41 .boton-activar-teclado{ 56 .boton-activar-teclado{
42 cursor: pointer; 57 cursor: pointer;
43 color: #000; 58 color: #000;
44 background-color: transparent; 59 background-color: transparent;
45 } 60 }
46 61
47 input{ 62 input{
48 display: none; 63 display: none;
49 } 64 }
50 } 65 }
51 } 66 }
52 .teclado-container > div{