Luigi / wrapper-demo

Browse Code »

Commit c857f5f6200549045b2c3c17d674840b4d2d8564

Authored by Pablo Marco del Pont 2018-10-25 17:56:32 -0300

2 parents 3063e08216 5a9f5eaed4

Exists in master

Merge branch 'master' of https://debo.suite.repo/Wrappers/wrapper-demo

Showing 9 changed files Show diff stats

index.html

Diff comments View file @ c857f5f

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="css/general.css" rel="stylesheet"/>	10	<link href="css/general.css" rel="stylesheet"/>
11		11
12	<!--VENDOR JS-->	12	<!--VENDOR JS-->
13	<script src="./node_modules/jquery/dist/jquery.min.js"></script>	13	<script src="./node_modules/jquery/dist/jquery.min.js"></script>
14	<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>	14	<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
15	<script src="./node_modules/angular/angular.min.js"></script>	15	<script src="./node_modules/angular/angular.min.js"></script>
16	<script src="./node_modules/angular-route/angular-route.min.js"></script>	16	<script src="./node_modules/angular-route/angular-route.min.js"></script>
17	<script src="./node_modules/angular-cookies/angular-cookies.min.js"></script>	17	<script src="./node_modules/angular-cookies/angular-cookies.min.js"></script>
18	<script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>	18	<script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>
19		19	<script src="./node_modules/angular-on-screen-keyboard/dist/angular-on-screen-keyboard.min.js"></script>
		20	<script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script>
		21
20	<script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script>	22	<script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
21	<script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script>	23	<script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script>
22	<script src="./node_modules/foca-turno-apertura/dist/foca-turno-apertura.min.js"></script>	24	<script src="./node_modules/foca-turno-apertura/dist/foca-turno-apertura.min.js"></script>
23	<script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script>	25	<script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script>
24	<script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script>	26	<script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script>
25	<script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script>	27	<script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script>
26	<script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script>	28	<script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script>
27	<script src="./node_modules/foca-login/dist/foca-login.min.js"></script>	29	<script src="./node_modules/foca-login/dist/foca-login.min.js"></script>
28	<script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script>	30	<script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script>
29	<script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script>	31	<script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script>
30	<script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script>	32	<script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script>
31	<script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script>	33	<script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script>
32	<script src="./node_modules/foca-modal-petroleras/dist/foca-modal-petroleras.min.js"></script>	34	<script src="./node_modules/foca-modal-petroleras/dist/foca-modal-petroleras.min.js"></script>
33	<script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script>	35	<script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script>
34	<script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script>	36	<script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script>
35	<script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script>	37	<script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script>
36		38	<script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script>
		39
37	<!-- BUILD -->	40	<!-- BUILD -->
38	<script src="./src/js/app.js"></script>	41	<script src="./src/js/app.js"></script>
39	<script src="./src/etc/develop.js"></script>	42	<script src="./src/etc/develop.js"></script>
40	<!-- /BUILD -->	43	<!-- /BUILD -->
41		44
42	</head>	45	</head>
43	<body>	46	<body>
44	<style>	47	<style>
45	</style>	48	</style>
46	<botonera-horizontal></botonera-horizontal>	49	<botonera-horizontal></botonera-horizontal>
47	<div ng-view class="container contenedor"></div>	50	<div ng-view class="container contenedor"></div>
		51	<div class="container contenedor-teclado">
		52	<div class="btn-group-toggle" data-toggle="buttons" ng-click="mostrarTeclado = !mostrarTeclado">
		53	<label class="btn btn-secondary active" ng-class="{'teclado-activar': mostrarTeclado}">
		54	<input type="checkbox" autocomplete="off"><i class="fa fa-keyboard-o fa-3x" aria-hidden="true"></i>
		55	</label>
		56	</div>
		57	<foca-teclado ng-show="mostrarTeclado" alfanumeric="true" numeric="true"></foca-teclado>
		58	</div>
48	</body>	59	</body>
49	</html>	60	</html>
50		61

package.json

Diff comments View file @ c857f5f

 {
     "name": "wrapper-demo",
     "version": "0.0.1",
     "description": "",
     "main": "main.js",
     "scripts": {
         "initdev": "npm install gulp --global && npm install && npm install -g jshint",
         "gulp-pre-commit": "gulp pre-commit",
         "compile": "gulp uglify && gulp sass",
         "electron": "electron .",
         "electron-build": "gulp uglify && gulp html && gulp sass && electron ."
     },
     "pre-commit": [
         "gulp-pre-commit"
     ],
     "repository": {
         "type": "git",
         "url": "https://debo.suite.repo/Wrappers/wrapper-demo.git"
     },
     "author": "Foca Software",
     "license": "ISC",
     "dependencies": {
         "angular": "^1.7.5",
         "angular-cookies": "^1.7.5",
+        "angular-on-screen-keyboard": "git+https://github.com/ericf97/angular-on-screen-keyboard.git",
         "angular-route": "^1.7.5",
+        "angular-sanitize": "^1.7.5",
         "bootstrap": "^4.1.3",
         "foca-abm-plazo-pago": "git+https://debo.suite.repo/modulos-npm/foca-abm-plazo-pago.git",
         "foca-abm-precios-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-abm-precios-condiciones.git",
         "foca-abm-sectores": "git+https://debo.suite.repo/modulos-npm/foca-abm-sectores",
         "foca-botonera-principal": "git+https://debo.suite.repo/modulos-npm/foca-botonera-principal.git",
         "foca-busqueda-cliente": "git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente.git",
         "foca-crear-nota-pedido": "git+https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido.git",
         "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git",
         "foca-login": "git+https://debo.suite.repo/modulos-npm/foca-login.git",
         "foca-modal": "git+https://debo.suite.repo/modulos-npm/foca-modal",
         "foca-modal-busqueda-productos": "git+https://debo.suite.repo/modulos-npm/foca-modal-busqueda-productos",
         "foca-modal-flete": "git+https://debo.suite.repo/modulos-npm/foca-modal-flete.git",
         "foca-modal-moneda": "git+https://debo.suite.repo/modulos-npm/foca-modal-moneda.git",
         "foca-modal-petroleras": "git+https://debo.suite.repo/modulos-npm/foca-modal-petroleras.git",
         "foca-modal-precio-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git",
         "foca-modal-vendedores": "git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git",
+        "foca-teclado": "git+https://debo.suite.repo/modulos-npm/foca-teclado.git",
         "foca-turno-apertura": "git+https://debo.suite.repo/modulos-npm/foca-turno-apertura.git",
         "font-awesome": "^4.7.0",
         "gulp-angular-templatecache": "^2.2.1",
         "gulp-htmlmin": "^5.0.1",
         "gulp-uglify": "^3.0.1",
         "jquery": "^3.3.1",
         "node-sass": "^4.9.4",
         "uglify": "^0.1.5",
         "ui-bootstrap4": "^3.0.5"
     },
     "devDependencies": {
         "electron": "^3.0.2",
         "gulp": "^3.9.1",
         "gulp-clean": "^0.4.0",
         "gulp-concat": "^2.6.1",
         "gulp-connect": "^5.6.1",
         "gulp-jshint": "^2.1.0",
         "gulp-rename": "^1.4.0",
         "gulp-replace": "^1.0.0",
         "gulp-sass": "^4.0.1",
         "gulp-uglify-es": "^1.0.4",
         "gulp-watch": "^5.0.1",
         "jasmine-core": "^3.2.1",
         "jshint": "^2.9.6",
         "pre-commit": "^1.2.2",
         "pump": "^3.0.0"
     }
 }

src/js/app.js

Diff comments View file @ c857f5f

 angular.module('appWrapperDemo', [
     'ngCookies',
     'ngRoute',
     'ui.bootstrap',
     'focaAbmPlazoPago',
     'focaAbmPreciosCondiciones',
     'focaAbmSectores',
     'focaBotoneraPrincipal',
     'focaBusquedaCliente',
     'focaBusquedaProductos',
     'focaCrearNotaPedido',
     'focaDirectivas',
     'focaLogin',
     'focaModal',
     'focaModalFlete',
     'focaModalMoneda',
     'focaModalPrecioCondicion',
     'focaModalVendedores',
-    'focaTurnoApertura'
+    'focaTeclado',
+    'focaTurnoApertura',
+    'ngSanitize',
+    'onScreenKeyboard'
 ]);

src/sass/_bootstrap.scss

Diff comments View file @ c857f5f

 .active{
     color: #fff;
     text-decoration: none;
     outline: 0;
     background-color: #337ab7;
 }
+.btn-xs {
+    padding: .15rem .5rem;
+    font-size: .8rem;
+    line-height: 1.5;
+    border-radius: .2rem;
+}

src/sass/_botonera-secundaria.scss

Diff comments View file @ c857f5f

1	.botonera-secundaria {	1	.botonera-secundaria {
2	background-color: rgba(0, 0, 0, 0.8);	2	background-color: rgba(0, 0, 0, 0.8);
3	.btn-xs {
4	padding: .15rem .5rem;
5	font-size: .8rem;
6	line-height: 1.5;
7	border-radius: .2rem;
8	}
9	}	3	}
10		4

src/sass/_contenedor.scss

Diff comments View file @ c857f5f

 body {
     background-color: #cccccc;
 }
 .contenedor {
     background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3);
     min-height: 600px;
     min-width: 800px;
 }
+.contenedor-teclado {
+    background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3);
+    height: 300px;
+}
 .grilla-articulos {
     background-color: rgba(0, 0, 0, 0.8);
     height: 430px;
 }
 .crear-nota-pedido {
     form {
         margin-bottom: 0;
     }
     table {
         margin-bottom: 0;
     }
 }

src/sass/_panel-informativo.scss

Diff comments View file @ c857f5f

 .panel-informativo {
     background: linear-gradient(#ccc, #eee);
+    min-height: 32px;
     .form-group {
         margin-bottom: 5px;
     }
     .form-control-xs {
         height: calc(1.6rem);
         padding: .25rem .5rem;
         font-size: .8rem;
         line-height: 1.3;
         border-radius: .2rem;
     }
     .label {
         font-size: .8em;
     }
     .valor {
         font-size: .8em;
     }
 }

src/sass/_teclado.scss

Diff comments View file @ c857f5f

File was created	1
	2	.keyboard {
	3	-webkit-touch-callout: none;
	4	-webkit-user-select: none;
	5	-khtml-user-select: none;
	6	-moz-user-select: none;
	7	-ms-user-select: none;
	8	user-select: none;
	9	width: 70%;
	10	height: 60%;
	11	margin: auto;
	12	margin-top: -6%;
	13	table {
	14	border-spacing: 10px;
	15	border-collapse: separate;
	16	z-index: 100000;
	17	td {
	18	touch-action: none;
	19	}
	20	}
	21
	22	.letter {
	23	background-color: #bdbdbd;
	24	box-shadow: 2px 2px 3px #555555;
	25	width: 47px;
	26	height: 50px;
	27	text-align: center;
	28	font-family: "arial";
	29	cursor: pointer;
	30	color: #000;
	31	font-size: 22px;
	32
	33	&:hover {
	34	background-color: #fafafa;
	35	}
	36	&:active {
	37	background-color: #999;
	38	color: #fff;
	39	}
	40	}
	41	.number {
	42	background-color: #bdbdbd;
	43	box-shadow: 2px 2px 3px #555555;
	44	width: 47px;
	45	height: 35px;
	46	text-align: center;
	47	font-family: "arial";
	48	cursor: pointer;
	49	color: #000;
	50	font-size: 22px;
	51
	52	&:hover {
	53	background-color: #fafafa;
	54	}
	55	&:active {
	56	background-color: #999;
	57	color: #fff;
	58	}
	59	}
	60
	61	.margin {
	62	width: 40px;
	63	height: 50px;
	64	}
	65	}
	66	.teclado-activar {
	67	background-color: #17d236;
	68	}
	69

src/sass/general.scss

Diff comments View file @ c857f5f

 @import 'bootstrap';
 @import 'botonera';
 @import 'botonera-lateral';
 @import 'botonera-principal';
 @import 'botonera-secundaria';
 @import 'contenedor';
 @import 'lista';
 @import 'login';
 @import 'panel-informativo';
+@import 'tabla';
-@import 'tabla';
+@import 'teclado';