Martin Macola / wrapper-facturador

1

1

2

<head>

2

<head>

3

3

4

4

5

5

6

7

7

8

8

9

9

10

10

11

11

12

12

13

13

14

14

15

15

16

17

17

18

18

19

19

20

20

21

21

22

22

23

23

24

24

25

25

26

26

27

27

28

28

29

29

30

30

31

31

32

32

33

33

34

34

35

35

36

36

37

37

38

38

39

39

40

40

41

41

42

42

43

44

44

45

45

46

46

47

47

48

48

49

49

50

50

51

51

52

52

53

53

54

54

55

55

56

56

57

57

58

58

59

59

60

60

61

61

62

62

63

63

64

64

65

65

66

66

67

67

68

68

69

69

70

70

71

71

72

72

73

73

74

74

75

75

76

76

77

77

78

78

79

79

80

80

81

81

82

82

83

83

84

84

85

85

86

86

87

87

88

88

89

89

90

90

91

91

92

92

93

93

94

94

95

95

96

96

97

97

98

98

99

99

100

100

101

101

102

102

103

103

104

104

105

105

106

106

107

107

108

109

</head>

109

</head>

110

110

111

<style>

111

<style>

112

</style>

112

</style>

113

<foca-nombre-empresa></foca-nombre-empresa>

113

<foca-nombre-empresa></foca-nombre-empresa>

114

114

115

115

116

<foca-botonera-lateral></foca-botonera-lateral>

116

<foca-botonera-lateral></foca-botonera-lateral>

117

<foca-teclado

117

<foca-teclado

118

ng-show="usarTeclado && mostrarTeclado"

118

ng-show="usarTeclado && mostrarTeclado"

119

alfanumeric="true"

119

alfanumeric="true"

120

numeric="true"

120

numeric="true">

121

>

122

</foca-teclado>

121

</foca-teclado>

123

</div>

122

</div>

124

</body>

123

</body>

125

124

126

</html>

125

</html>

127

126

 body {
     background: linear-gradient(0deg, hsl(0, 0%, 70%),hsl(0, 0%, 90%));
+    height: 100vh;
 }
 .contenedor {
     @media (min-width: 768px) {
         min-height: 600px;
         min-width: 800px;
     }
 }
 .grilla-articulo {
     @media (min-width: 768px) {
         height: 300px;
     }
 }

GITLAB

Martin Macola / wrapper-facturador

Arreglo en estilos de login.

 <html ng-app="appWrapperFacturador">
     <head>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <base href="./">
         <!--CSS-->
         <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
         <link href="./node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
         <link href="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.css" rel="stylesheet"/>
         <link href="./node_modules/angular-ui-grid/ui-grid.min.css" rel="stylesheet"/>
         <link href="./node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet"/>
         <link href="./node_modules/leaflet/dist/leaflet.css" rel="stylesheet"/>
         <link href="./css/general.css" rel="stylesheet"/>
         <link rel="shortcut icon" href="./img/favicon.png" />
         <!--VENDOR JS-->
         <script src="./node_modules/jquery/dist/jquery.min.js"></script>
         <script src="./node_modules/popper.js/dist/umd/popper.min.js"></script>
         <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
         <script src="./node_modules/angular/angular.min.js"></script>
         <script src="./node_modules/angular-cookies/angular-cookies.min.js"></script>
         <script src="./node_modules/angular-i18n/angular-locale_es-ar.js"></script>
         <script src="./node_modules/angular-route/angular-route.min.js"></script>
         <script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script>
         <script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>
         <script src="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.js"></script>
         <script src="./node_modules/pdfmake/build/pdfmake.min.js"></script>
         <script src="./node_modules/pdfmake/build/vfs_fonts.js"></script>
         <script src="./node_modules/lodash/lodash.min.js"></script>
         <script src="./node_modules/jszip/dist/jszip.min.js"></script>
         <script src="./node_modules/excel-builder/dist/excel-builder.dist.min.js"></script>
         <script src="./node_modules/angular-ui-grid/ui-grid.min.js"></script>
         <script src="./node_modules/ladda/dist/spin.min.js"></script>
         <script src="./node_modules/ladda/dist/ladda.min.js"></script>
         <script src="./node_modules/angular-ladda/dist/angular-ladda.min.js"></script>
         <script src="./node_modules/leaflet/dist/leaflet.js"></script>
         <script src="./node_modules/ngstorage/ngStorage.min.js"></script>
         <script src="./node_modules/chart.js/dist/Chart.min.js"></script>
         <script src="./node_modules/angular-chart.js/dist/angular-chart.min.js"></script>
         <script src="./node_modules/angular-file-saver/dist/angular-file-saver.bundle.js"></script>
         <script src="./node_modules/angular-md5/angular-md5.min.js"></script>
         <script src="./node_modules/foca-abm-chofer/dist/foca-abm-chofer.min.js"></script>
         <script src="./node_modules/foca-abm-cliente/dist/foca-abm-cliente.min.js"></script>
         <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script>
         <script src="./node_modules/foca-abm-vehiculo/dist/foca-abm-vehiculo.min.js"></script>
         <script src="./node_modules/foca-abm-vendedor-cobrador/dist/foca-abm-vendedor-cobrador.min.js"></script>
         <script src="./node_modules/foca-activar-hoja-ruta/dist/foca-activar-hoja-ruta.min.js"></script>
         <script src="./node_modules/foca-admin-seguimiento/dist/foca-admin-seguimiento.min.js"></script>
         <script src="./node_modules/foca-agendar-visita/dist/foca-agendar-visita.min.js"></script>
         <script src="./node_modules/foca-autorizar-nota-pedido/dist/foca-autorizar-nota-pedido.min.js"></script>
         <script src="./node_modules/foca-botonera-facturador/dist/foca-botonera-facturador.min.js"></script>
         <script src="./node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js"></script>
         <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script>
         <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script>
         <script src="./node_modules/foca-cabecera-facturador/dist/foca-cabecera-facturador.min.js"></script>
         <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script>
         <script src="./node_modules/foca-configurar-terminal/dist/foca-configurar-terminal.min.js"></script>
         <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script>
         <script src="./node_modules/foca-crear-factura/dist/foca-crear-factura.min.js"></script>
         <script src="./node_modules/foca-crear-hoja-ruta/dist/foca-crear-hoja-ruta.min.js"></script>
         <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script>
         <script src="./node_modules/foca-crear-login/dist/foca-crear-login.min.js"></script>
         <script src="./node_modules/foca-crear-remito/dist/foca-crear-remito.min.js"></script>
         <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
         <script src="./node_modules/foca-estado-cisternas/dist/foca-estado-cisternas.min.js"></script>
         <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script>
         <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script>
         <script src="./node_modules/foca-informes/dist/foca-informes.min.js"></script>
         <script src="./node_modules/foca-login/dist/foca-login.min.js"></script>
         <script src="./node_modules/foca-logistica-pedido-ruta/dist/foca-logistica-pedido-ruta.min.js"></script>
         <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script>
         <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script>
         <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script>
         <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script>
         <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script>
         <script src="./node_modules/foca-modal-descarga/dist/foca-modal-descarga.min.js"></script>
         <script src="./node_modules/foca-modal-detalle-cisternas/dist/foca-modal-detalle-cisternas.min.js"></script>
         <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script>
         <script src="./node_modules/foca-modal-detalles/dist/foca-modal-detalles.min.js"></script>
         <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script>
         <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script>
         <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script>
         <script src="./node_modules/foca-modal-factura-detalle/dist/foca-modal-factura-detalle.min.js"></script>
         <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script>
         <script src="./node_modules/foca-modal-grafico-cisternas/dist/foca-modal-grafico-cisternas.min.js"></script>
         <script src="./node_modules/foca-modal-informe/dist/foca-modal-informe.min.js"></script>
         <script src="./node_modules/foca-modal-lista-precio/dist/foca-modal-lista-precio.min.js"></script>
         <script src="./node_modules/foca-modal-localizar/dist/foca-modal-localizar.min.js"></script>
         <script src="./node_modules/foca-modal-login/dist/foca-modal-login.min.js"></script>
         <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script>
         <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script>
         <script src="./node_modules/foca-modal-punto-descarga/dist/foca-modal-punto-descarga.min.js"></script>
         <script src="./node_modules/foca-modal-remito/dist/foca-modal-remito.min.js"></script>
         <script src="./node_modules/foca-modal-resumen-cuenta/dist/foca-modal-resumen-cuenta.min.js"></script>
         <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script>
         <script src="./node_modules/foca-modal-unidad-medida/dist/foca-modal-unidad-medida.min.js"></script>
         <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script>
         <script src="./node_modules/foca-parametros/dist/foca-parametros.min.js"></script>
         <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script>
         <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script>
         <script src="./node_modules/foca-modal-descarga/dist/foca-modal-descarga.min.js"></script>
         <script src="./node_modules/foca-modal-forma-pago/dist/foca-modal-forma-pago.min.js"></script>
         <script src="./src/js/app.js"></script>
         <script src="./src/js/controller.js"></script>
         <script src="./src/etc/develop.js"></script>
     </head>
     <body class="w-100">
         <style>
         </style>
         <foca-nombre-empresa></foca-nombre-empresa>
         <div ng-view class="container"></div>
         <div ng-controller="appWrapperFacturadorController" class="teclado-container container d-none d-md-block ">
             <foca-botonera-lateral></foca-botonera-lateral>
             <foca-teclado
                 ng-show="usarTeclado && mostrarTeclado"
                 alfanumeric="true"
-                numeric="true"
+                numeric="true">
-                >
             </foca-teclado>
         </div>
     </body>
 </html>

1	.login {	1	.bg-gradient-login {
2	background-color: #bdbdbd;	2	background: linear-gradient(0, #ffffff, #e6e6e6);
3	border: 1px solid #000000;	3	}
4	border-radius: 3px;	4
5	height: calc(193px + 1em);	5	.login-small-text {
6	left: calc(50% - 130px);	6	font-size: 12px;
7	opacity: 0.7;	7	}
8	position: absolute;	8
9	text-align: center;	9	@media (min-width: 768px) {
10	top: 190px;	10	.img-login {
11	width: 260px;	11	width: 211px;
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	-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;
32	&:focus {
33	border-color: #ff9900;
34	}
35	}
36	}	12	}
37		13	}
38	&-button {	14
39	width: 80%;	15	@media (max-width: 768px) {
40	background-color: #cd9035;	16	.img-login {
41	color: white;	17	width: 158px;
42	&:hover{
43	background-color: #a7743d;
44	color: white
45	}
46	&:focus{
47	color: white;
48	}
49	}	18	}
		19	}
50		20
51	&-alerta-error {	21	.input-icon {
52	width: 260px;	22	width: 100%;
53	left: calc(50% - 130px);	23	pointer-events: none;
54	top: calc(383px + 1.5em);	24	float: right;
		25	position: absolute;
		26	align-self: center;