Marcelo Puebla / wrapper-demo

Download as
Browse Code ยป

Commit 96e13084df1e038d5725078bbb594e3ac96c7e51

Authored by Pablo Marco del Pont
2 parents c857f5f620 fb33ac919a
Exists in master and in 1 other branch develop

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

Showing 9 changed files   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="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 <script src="./node_modules/angular-on-screen-keyboard/dist/angular-on-screen-keyboard.min.js"></script> 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/angular-sanitize/angular-sanitize.min.js"></script> 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 <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script> 24 <script src="./node_modules/foca-turno-apertura/dist/foca-turno-apertura.min.js"></script>
23 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.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-turno-apertura/dist/foca-turno-apertura.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-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script> 27 <script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script>
26 <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.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-abm-sectores/dist/foca-abm-sectores.min.js"></script> 29 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script>
28 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script> 30 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script>
29 <script src="./node_modules/foca-login/dist/foca-login.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/dist/foca-modal.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-busqueda-productos/dist/foca-busqueda-productos.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-flete/dist/foca-modal-flete.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-moneda/dist/foca-modal-moneda.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-petroleras/dist/foca-modal-petroleras.min.js"></script> 36 <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script>
35 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script> 37 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script>
36 <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script> 38 <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script>
39
37 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script> 40 <!-- BUILD -->
38 <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script> 41 <script src="./src/js/app.js"></script>
39 42 <script src="./src/etc/develop.js"></script>
40 <!-- BUILD --> 43 <!-- /BUILD -->
41 <script src="./src/js/app.js"></script> 44
42 <script src="./src/etc/develop.js"></script> 45 </head>
43 <!-- /BUILD --> 46 <body>
44 47 <style>
45 </head> 48 </style>
46 <body> 49 <botonera-horizontal></botonera-horizontal>
47 <style> 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 </style> 59 </body>
49 <botonera-horizontal></botonera-horizontal> 60 </html>
50 <div ng-view class="container contenedor"></div> 61
1 { 1 {
2 "name": "wrapper-demo", 2 "name": "wrapper-demo",
3 "version": "0.0.1", 3 "version": "0.0.1",
4 "description": "", 4 "description": "",
5 "main": "main.js", 5 "main": "main.js",
6 "scripts": { 6 "scripts": {
7 "initdev": "npm install gulp --global && npm install && npm install -g jshint", 7 "initdev": "npm install gulp --global && npm install && npm install -g jshint",
8 "gulp-pre-commit": "gulp pre-commit", 8 "gulp-pre-commit": "gulp pre-commit",
9 "compile": "gulp uglify && gulp sass", 9 "compile": "gulp uglify && gulp sass",
10 "electron": "electron .", 10 "electron": "electron .",
11 "electron-build": "gulp uglify && gulp html && gulp sass && electron ." 11 "electron-build": "gulp uglify && gulp html && gulp sass && electron ."
12 }, 12 },
13 "pre-commit": [ 13 "pre-commit": [
14 "gulp-pre-commit" 14 "gulp-pre-commit"
15 ], 15 ],
16 "repository": { 16 "repository": {
17 "type": "git", 17 "type": "git",
18 "url": "https://debo.suite.repo/Wrappers/wrapper-demo.git" 18 "url": "https://debo.suite.repo/Wrappers/wrapper-demo.git"
19 }, 19 },
20 "author": "Foca Software", 20 "author": "Foca Software",
21 "license": "ISC", 21 "license": "ISC",
22 "dependencies": { 22 "dependencies": {
23 "angular": "^1.7.5", 23 "angular": "^1.7.5",
24 "angular-cookies": "^1.7.5", 24 "angular-cookies": "^1.7.5",
25 "angular-on-screen-keyboard": "git+https://github.com/ericf97/angular-on-screen-keyboard.git",
25 "angular-on-screen-keyboard": "git+https://github.com/ericf97/angular-on-screen-keyboard.git", 26 "angular-route": "^1.7.5",
27 "angular-sanitize": "^1.7.5",
26 "angular-route": "^1.7.5", 28 "bootstrap": "^4.1.3",
27 "angular-sanitize": "^1.7.5", 29 "foca-abm-plazo-pago": "git+https://debo.suite.repo/modulos-npm/foca-abm-plazo-pago.git",
28 "bootstrap": "^4.1.3", 30 "foca-abm-precios-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-abm-precios-condiciones.git",
29 "foca-abm-plazo-pago": "git+https://debo.suite.repo/modulos-npm/foca-abm-plazo-pago.git", 31 "foca-abm-sectores": "git+https://debo.suite.repo/modulos-npm/foca-abm-sectores",
30 "foca-abm-precios-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-abm-precios-condiciones.git", 32 "foca-botonera-principal": "git+https://debo.suite.repo/modulos-npm/foca-botonera-principal.git",
31 "foca-abm-sectores": "git+https://debo.suite.repo/modulos-npm/foca-abm-sectores", 33 "foca-busqueda-cliente": "git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente.git",
32 "foca-botonera-principal": "git+https://debo.suite.repo/modulos-npm/foca-botonera-principal.git", 34 "foca-crear-nota-pedido": "git+https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido.git",
33 "foca-busqueda-cliente": "git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente.git", 35 "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git",
34 "foca-crear-nota-pedido": "git+https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido.git", 36 "foca-login": "git+https://debo.suite.repo/modulos-npm/foca-login.git",
35 "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git", 37 "foca-modal": "git+https://debo.suite.repo/modulos-npm/foca-modal",
36 "foca-login": "git+https://debo.suite.repo/modulos-npm/foca-login.git", 38 "foca-modal-busqueda-productos": "git+https://debo.suite.repo/modulos-npm/foca-modal-busqueda-productos",
37 "foca-modal": "git+https://debo.suite.repo/modulos-npm/foca-modal", 39 "foca-modal-flete": "git+https://debo.suite.repo/modulos-npm/foca-modal-flete.git",
38 "foca-modal-busqueda-productos": "git+https://debo.suite.repo/modulos-npm/foca-modal-busqueda-productos", 40 "foca-modal-moneda": "git+https://debo.suite.repo/modulos-npm/foca-modal-moneda.git",
39 "foca-modal-flete": "git+https://debo.suite.repo/modulos-npm/foca-modal-flete.git", 41 "foca-modal-petroleras": "git+https://debo.suite.repo/modulos-npm/foca-modal-petroleras.git",
40 "foca-modal-moneda": "git+https://debo.suite.repo/modulos-npm/foca-modal-moneda.git", 42 "foca-modal-precio-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git",
41 "foca-modal-petroleras": "git+https://debo.suite.repo/modulos-npm/foca-modal-petroleras.git", 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 "foca-modal-precio-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git", 45 "foca-turno-apertura": "git+https://debo.suite.repo/modulos-npm/foca-turno-apertura.git",
43 "foca-modal-vendedores": "git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git", 46 "font-awesome": "^4.7.0",
44 "foca-teclado": "git+https://debo.suite.repo/modulos-npm/foca-teclado.git", 47 "gulp-angular-templatecache": "^2.2.1",
45 "foca-turno-apertura": "git+https://debo.suite.repo/modulos-npm/foca-turno-apertura.git", 48 "gulp-htmlmin": "^5.0.1",
46 "font-awesome": "^4.7.0", 49 "gulp-uglify": "^3.0.1",
47 "gulp-angular-templatecache": "^2.2.1", 50 "jquery": "^3.3.1",
48 "gulp-htmlmin": "^5.0.1", 51 "node-sass": "^4.9.4",
49 "gulp-uglify": "^3.0.1", 52 "uglify": "^0.1.5",
50 "jquery": "^3.3.1", 53 "ui-bootstrap4": "^3.0.5"
51 "node-sass": "^4.9.4", 54 },
52 "uglify": "^0.1.5", 55 "devDependencies": {
53 "ui-bootstrap4": "^3.0.5" 56 "electron": "^3.0.2",
54 }, 57 "gulp": "^3.9.1",
55 "devDependencies": { 58 "gulp-clean": "^0.4.0",
56 "electron": "^3.0.2", 59 "gulp-concat": "^2.6.1",
57 "gulp": "^3.9.1", 60 "gulp-connect": "^5.6.1",
58 "gulp-clean": "^0.4.0", 61 "gulp-jshint": "^2.1.0",
59 "gulp-concat": "^2.6.1", 62 "gulp-rename": "^1.4.0",
60 "gulp-connect": "^5.6.1", 63 "gulp-replace": "^1.0.0",
61 "gulp-jshint": "^2.1.0", 64 "gulp-sass": "^4.0.1",
62 "gulp-rename": "^1.4.0", 65 "gulp-uglify-es": "^1.0.4",
63 "gulp-replace": "^1.0.0", 66 "gulp-watch": "^5.0.1",
64 "gulp-sass": "^4.0.1", 67 "jasmine-core": "^3.2.1",
65 "gulp-uglify-es": "^1.0.4", 68 "jshint": "^2.9.6",
66 "gulp-watch": "^5.0.1", 69 "pre-commit": "^1.2.2",
67 "jasmine-core": "^3.2.1", 70 "pump": "^3.0.0"
68 "jshint": "^2.9.6", 71 }
69 "pre-commit": "^1.2.2", 72 }
70 "pump": "^3.0.0" 73
1 angular.module('appWrapperDemo', [ 1 angular.module('appWrapperDemo', [
2 'ngCookies', 2 'ngCookies',
3 'ngRoute', 3 'ngRoute',
4 'ui.bootstrap', 4 'ui.bootstrap',
5 'focaAbmPlazoPago', 5 'focaAbmPlazoPago',
6 'focaAbmPreciosCondiciones', 6 'focaAbmPreciosCondiciones',
7 'focaAbmSectores', 7 'focaAbmSectores',
8 'focaBotoneraPrincipal', 8 'focaBotoneraPrincipal',
9 'focaBusquedaCliente', 9 'focaBusquedaCliente',
10 'focaBusquedaProductos', 10 'focaBusquedaProductos',
11 'focaCrearNotaPedido', 11 'focaCrearNotaPedido',
12 'focaDirectivas', 12 'focaDirectivas',
13 'focaLogin', 13 'focaLogin',
14 'focaModal', 14 'focaModal',
15 'focaModalFlete', 15 'focaModalFlete',
16 'focaModalMoneda', 16 'focaModalMoneda',
17 'focaModalPrecioCondicion', 17 'focaModalPrecioCondicion',
18 'focaModalVendedores', 18 'focaModalVendedores',
19 'focaTeclado', 19 'focaTeclado',
20 'focaTurnoApertura',
21 'ngSanitize',
22 'onScreenKeyboard'
20 'focaTurnoApertura', 23 ]);
21 'ngSanitize', 24
src/sass/_bootstrap.scss
Diff comments   View file @ 96e1308
1 .active{ 1 .active{
2 color: #fff; 2 color: #fff;
3 text-decoration: none; 3 text-decoration: none;
4 outline: 0; 4 outline: 0;
5 background-color: #337ab7; 5 background-color: #337ab7;
6 } 6 }
7 .btn-xs {
8 padding: .15rem .5rem;
9 font-size: .8rem;
10 line-height: 1.5;
11 border-radius: .2rem;
12 }
src/sass/_botonera-secundaria.scss
Diff comments   View file @ 96e1308
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 }
4
src/sass/_contenedor.scss
Diff comments   View file @ 96e1308
1 body { 1 body {
2 background-color: #cccccc; 2 background-color: #cccccc;
3 } 3 }
4 4
5 .contenedor { 5 .contenedor {
6 background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3); 6 background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3);
7 min-height: 600px; 7 min-height: 600px;
8 min-width: 800px; 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 .contenedor-teclado { 16 .grilla-articulos {
12 background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3); 17 background-color: rgba(0, 0, 0, 0.8);
13 height: 300px; 18 height: 430px;
14 } 19 }
15 20
16 .grilla-articulos { 21 .crear-nota-pedido {
17 background-color: rgba(0, 0, 0, 0.8); 22 form {
18 height: 430px; 23 margin-bottom: 0;
19 } 24 }
20 25 table {
21 .crear-nota-pedido { 26 margin-bottom: 0;
22 form { 27 }
23 margin-bottom: 0; 28 }
24 } 29
src/sass/_panel-informativo.scss
Diff comments   View file @ 96e1308
1 .panel-informativo { 1 .panel-informativo {
2 background: linear-gradient(#ccc, #eee); 2 background: linear-gradient(#ccc, #eee);
3 min-height: 32px;
3 min-height: 32px; 4 .form-group {
4 .form-group { 5 margin-bottom: 5px;
5 margin-bottom: 5px; 6 }
6 } 7 .form-control-xs {
7 .form-control-xs { 8 height: calc(1.6rem);
8 height: calc(1.6rem); 9 padding: .25rem .5rem;
9 padding: .25rem .5rem; 10 font-size: .8rem;
10 font-size: .8rem; 11 line-height: 1.3;
11 line-height: 1.3; 12 border-radius: .2rem;
12 border-radius: .2rem; 13 }
13 } 14 .label {
14 .label { 15 font-size: .8em;
15 font-size: .8em; 16 }
16 } 17 .valor {
17 .valor { 18 font-size: .8em;
18 font-size: .8em; 19 }
19 } 20 }
20 } 21
src/sass/_teclado.scss
Diff comments   View file @ 96e1308
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 }
1 69
src/sass/general.scss
Diff comments   View file @ 96e1308
1 @import 'bootstrap'; 1 @import 'bootstrap';
2 @import 'botonera'; 2 @import 'botonera';
3 @import 'botonera-lateral'; 3 @import 'botonera-lateral';
4 @import 'botonera-principal'; 4 @import 'botonera-principal';
5 @import 'botonera-secundaria'; 5 @import 'botonera-secundaria';
6 @import 'contenedor'; 6 @import 'contenedor';
7 @import 'lista'; 7 @import 'lista';
8 @import 'login'; 8 @import 'login';
9 @import 'panel-informativo'; 9 @import 'panel-informativo';
10 @import 'tabla'; 10 @import 'tabla';
11 @import 'teclado';
11 @import 'teclado'; 12