Luigi / wrapper-demo

Download as
Browse Code »

Commit 58380e910936e9150adaff2e1b5af9e27dea7a7b

Authored by Eric Fernandez
1 parent c40e281e38
Exists in master

Implementación de teclado

Showing 5 changed files with 26 additions and 3 deletions   Show diff stats
... ... @@ -16,7 +16,9 @@
16 16 <script src="./node_modules/angular-route/angular-route.min.js"></script>
17 17 <script src="./node_modules/angular-cookies/angular-cookies.min.js"></script>
18 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 22 <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
21 23 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script>
22 24 <script src="./node_modules/foca-turno-apertura/dist/foca-turno-apertura.min.js"></script>
... ... @@ -33,7 +35,8 @@
33 35 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script>
34 36 <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script>
35 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 40 <!-- BUILD -->
38 41 <script src="./src/js/app.js"></script>
39 42 <script src="./src/etc/develop.js"></script>
... ... @@ -45,5 +48,13 @@
45 48 </style>
46 49 <botonera-horizontal></botonera-horizontal>
47 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 59 </body>
49 60 </html>
... ... @@ -22,7 +22,9 @@
22 22 "dependencies": {
23 23 "angular": "^1.7.5",
24 24 "angular-cookies": "^1.7.5",
  25 + "angular-on-screen-keyboard": "git+https://github.com/ericf97/angular-on-screen-keyboard.git",
25 26 "angular-route": "^1.7.5",
  27 + "angular-sanitize": "^1.7.5",
26 28 "bootstrap": "^4.1.3",
27 29 "foca-abm-plazo-pago": "git+https://debo.suite.repo/modulos-npm/foca-abm-plazo-pago.git",
28 30 "foca-abm-precios-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-abm-precios-condiciones.git",
... ... @@ -39,6 +41,7 @@
39 41 "foca-modal-petroleras": "git+https://debo.suite.repo/modulos-npm/foca-modal-petroleras.git",
40 42 "foca-modal-precio-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git",
41 43 "foca-modal-vendedores": "git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git",
  44 + "foca-teclado": "git+https://debo.suite.repo/modulos-npm/foca-teclado.git",
42 45 "foca-turno-apertura": "git+https://debo.suite.repo/modulos-npm/foca-turno-apertura.git",
43 46 "font-awesome": "^4.7.0",
44 47 "gulp-angular-templatecache": "^2.2.1",
... ... @@ -16,5 +16,8 @@ angular.module(&#39;appWrapperDemo&#39;, [
16 16 'focaModalMoneda',
17 17 'focaModalPrecioCondicion',
18 18 'focaModalVendedores',
19   - 'focaTurnoApertura'
  19 + 'focaTeclado',
  20 + 'focaTurnoApertura',
  21 + 'ngSanitize',
  22 + 'onScreenKeyboard'
20 23 ]);
src/sass/_contenedor.scss
Diff comments   View file @ 58380e9
... ... @@ -8,6 +8,11 @@ body {
8 8 min-width: 800px;
9 9 }
10 10  
  11 +.contenedor-teclado {
  12 + background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3);
  13 + height: 300px;
  14 +}
  15 +
11 16 .grilla-articulos {
12 17 background-color: rgba(0, 0, 0, 0.8);
13 18 height: 430px;
src/sass/general.scss
Diff comments   View file @ 58380e9
... ... @@ -7,3 +7,4 @@
7 7 @import 'login';
8 8 @import 'panel-informativo';
9 9 @import 'tabla';
  10 +@import 'teclado';