Luigi / wrapper-demo

Browse Code »

Commit 58380e910936e9150adaff2e1b5af9e27dea7a7b

Authored by Eric Fernandez 2018-10-25 15:46:16 -0300

1 parent c40e281e38

Exists in master

Implementación de teclado

Showing 5 changed files with 26 additions and 3 deletions Show diff stats

index.html

Diff comments View file @ 58380e9

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 @ 58380e9

 {
     "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 @ 58380e9

 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/_contenedor.scss

Diff comments View file @ 58380e9

 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/general.scss

Diff comments View file @ 58380e9

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