Luigi / wrapper-demo

Download as
Browse Code ยป

Commit d321dc8747c1bfbc9dcf6bae66f6fdd625cdde94

Authored by Eric Fernandez
1 parent b6c8728a66
Exists in master

upstream

Showing 9 changed files with 74 additions and 7 deletions   Show diff stats
1 const gulp = require('gulp'); 1 const gulp = require('gulp');
2 const sass = require('gulp-sass'); 2 const sass = require('gulp-sass');
3 const concat = require('gulp-concat'); 3 const concat = require('gulp-concat');
4 const rename = require('gulp-rename'); 4 const rename = require('gulp-rename');
5 const uglify = require('gulp-uglify-es').default; 5 const uglify = require('gulp-uglify-es').default;
6 const pump = require('pump'); 6 const pump = require('pump');
7 const jshint = require('gulp-jshint'); 7 const jshint = require('gulp-jshint');
8 const replace = require('gulp-replace'); 8 const replace = require('gulp-replace');
9 const connect = require('gulp-connect'); 9 const connect = require('gulp-connect');
10 const watch = require('gulp-watch'); 10 const watch = require('gulp-watch');
11 11
12 var paths = { 12 var paths = {
13 srcHTML : 'src/views/*.html', 13 srcHTML : 'src/views/*.html',
14 srcJS : 'src/**/*.js', 14 srcJS : 'src/js/*.js',
15 dist : 'dist/', 15 dist : 'dist/',
16 distHTML : 'dist/views/' 16 distHTML : 'dist/views/'
17 }; 17 };
18 18
19 gulp.task('uglify', function() { 19 gulp.task('uglify', function() {
20 pump( 20 pump(
21 [ 21 [
22 gulp.src(paths.srcJS), 22 gulp.src(paths.srcJS),
23 concat('wrapper-demo.js'), 23 concat('wrapper-demo.js'),
24 replace('/src/', '/dist/'), 24 replace('/src/', '/dist/'),
25 gulp.dest(paths.dist), 25 gulp.dest(paths.dist),
26 rename('wrapper-demo.min.js'), 26 rename('wrapper-demo.min.js'),
27 uglify(), 27 uglify(),
28 gulp.dest(paths.dist) 28 gulp.dest(paths.dist)
29 ] 29 ]
30 ); 30 );
31 }); 31 });
32 32
33 gulp.task('html', function() { 33 gulp.task('html', function() {
34 pump([ 34 pump([
35 gulp.src('index.html'), 35 gulp.src('index.html'),
36 replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'), 36 replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'),
37 gulp.dest(paths.dist) 37 gulp.dest(paths.dist)
38 ]); 38 ]);
39 pump([ 39 pump([
40 gulp.src(paths.srcHTML), 40 gulp.src(paths.srcHTML),
41 gulp.dest(paths.distHTML) 41 gulp.dest(paths.distHTML)
42 ]); 42 ]);
43 }) 43 })
44 44
45 gulp.task('sass', function() { 45 gulp.task('sass', function() {
46 return gulp.src('src/sass/*.scss') 46 return gulp.src('src/sass/*.scss')
47 .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) 47 .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
48 .pipe(gulp.dest('css')); 48 .pipe(gulp.dest('css'));
49 }); 49 });
50 50
51 gulp.task('pre-commit', function() { 51 gulp.task('pre-commit', function() {
52 pump( 52 pump(
53 [ 53 [
54 gulp.src(paths.srcJS), 54 gulp.src(paths.srcJS),
55 jshint('.jshintrc'), 55 jshint('.jshintrc'),
56 jshint.reporter('default'), 56 jshint.reporter('default'),
57 jshint.reporter('fail') 57 jshint.reporter('fail')
58 ] 58 ]
59 ); 59 );
60 gulp.start('uglify'); 60 gulp.start('uglify');
61 gulp.start('sass'); 61 gulp.start('sass');
62 }); 62 });
63 63
64 gulp.task('webserver', function() { 64 gulp.task('webserver', function() {
65 pump [ 65 pump [
66 connect.server( 66 connect.server(
67 { 67 {
68 port: 3000, 68 port: 3000,
69 host: '0.0.0.0' 69 host: '0.0.0.0'
70 } 70 }
71 ) 71 )
72 ] 72 ]
73 }); 73 });
74 74
75 gulp.task('watch', function() { 75 gulp.task('watch', function() {
76 gulp.watch(archivosJS, ['uglify']); 76 gulp.watch([paths.srcJS], ['uglify']);
77 gulp.watch('css/scss/*.scss', ['sass']); 77 gulp.watch('src/sass/*.scss', ['sass']);
78 }) 78 })
79 79
80 gulp.task('reload'), function() { 80 gulp.task('reload'), function() {
81 connect.reload(); 81 connect.reload();
82 } 82 }
83 83
84 gulp.task('livereload', function() { 84 gulp.task('livereload', function() {
85 gulp.watch('css/*.css', ['reload']); 85 gulp.watch('css/*.css', ['reload']);
86 gulp.watch('js/dist/*.js', ['reload']); 86 gulp.watch('js/dist/*.js', ['reload']);
87 gulp.watch('vistas/**/*.html', ['reload']); 87 gulp.watch('vistas/**/*.html', ['reload']);
88 }); 88 });
89 89
90 gulp.task('default', ['webserver']); 90 gulp.task('default', ['webserver']);
91 91
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> 20 <script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script>
21 <script src="./node_modules/angular-i18n/angular-locale_es-ar.js"></script>
21 22
22 <script src="../foca-directivas/tmp/foca-directivas.js"></script> 23 <script src="../foca-directivas/tmp/foca-directivas.js"></script>
23 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script> 24 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script>
24 <script src="./node_modules/foca-turno-apertura/dist/foca-turno-apertura.min.js"></script> 25 <script src="./node_modules/foca-turno-apertura/dist/foca-turno-apertura.min.js"></script>
25 <script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script> 26 <script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script>
26 <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script> 27 <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script>
27 <script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script> 28 <script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script>
28 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script> 29 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script>
29 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script> 30 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script>
30 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script> 31 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script>
31 <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script> 32 <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script>
32 <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script> 33 <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script>
33 <script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script> 34 <script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script>
34 <script src="./node_modules/foca-modal-petroleras/dist/foca-modal-petroleras.min.js"></script> 35 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script>
35 <script src="../foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script> 36 <script src="./node_modules/foca-modal-proveedor/dist/foca-modal-proveedor.min.js"></script>
36 <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script> 37 <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script>
37 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script> 38 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script>
38 <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script> 39 <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script>
39 <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script> 40 <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script>
40 41
41 <!-- BUILD --> 42 <!-- BUILD -->
42 <script src="./src/js/app.js"></script> 43 <script src="./src/js/app.js"></script>
43 <script src="./src/js/controller.js"></script> 44 <script src="./src/js/controller.js"></script>
44 <script src="./src/etc/develop.js"></script> 45 <script src="./src/etc/develop.js"></script>
45 <!-- /BUILD --> 46 <!-- /BUILD -->
46 47
47 </head> 48 </head>
48 <body> 49 <body>
49 <style> 50 <style>
50 </style> 51 </style>
51 <botonera-horizontal></botonera-horizontal> 52 <botonera-horizontal></botonera-horizontal>
52 <div ng-view class="container contenedor"></div> 53 <div ng-view class="container contenedor"></div>
53 <div ng-controller="appWrapperDemoController" class="container contenedor-teclado"> 54 <div ng-controller="appWrapperDemoController" class="container contenedor-teclado">
54 <div class="btn-group-toggle" data-toggle="buttons" ng-click="mostrarTeclado = !mostrarTeclado"> 55 <div class="btn-group-toggle" data-toggle="buttons" ng-click="mostrarTeclado = !mostrarTeclado">
55 <label class="btn btn-secondary active boton-activar-teclado" ng-class="{'teclado-activar': mostrarTeclado}"> 56 <label class="btn btn-secondary active boton-activar-teclado" ng-class="{'teclado-activar': mostrarTeclado}">
56 <input type="checkbox" autocomplete="off"><i class="fa fa-keyboard-o fa-3x" aria-hidden="true"></i> 57 <input type="checkbox" autocomplete="off"><i class="fa fa-keyboard-o fa-3x" aria-hidden="true"></i>
57 </label> 58 </label>
58 </div> 59 </div>
59 <foca-teclado ng-show="mostrarTeclado && hasFocus" alfanumeric="true" numeric="true"></foca-teclado> 60 <foca-teclado ng-show="mostrarTeclado && hasFocus" alfanumeric="true" numeric="true"></foca-teclado>
60 </div> 61 </div>
61 </body> 62 </body>
62 </html> 63 </html>
63 64
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-i18n": "^1.7.5",
25 "angular-on-screen-keyboard": "git+https://github.com/ericf97/angular-on-screen-keyboard.git", 26 "angular-on-screen-keyboard": "git+https://github.com/ericf97/angular-on-screen-keyboard.git",
26 "angular-route": "^1.7.5", 27 "angular-route": "^1.7.5",
27 "angular-sanitize": "^1.7.5", 28 "angular-sanitize": "^1.7.5",
28 "bootstrap": "^4.1.3", 29 "bootstrap": "^4.1.3",
29 "foca-abm-plazo-pago": "git+https://debo.suite.repo/modulos-npm/foca-abm-plazo-pago.git", 30 "foca-abm-plazo-pago": "git+https://debo.suite.repo/modulos-npm/foca-abm-plazo-pago.git",
30 "foca-abm-precios-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-abm-precios-condiciones.git", 31 "foca-abm-precios-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-abm-precios-condiciones.git",
31 "foca-abm-sectores": "git+https://debo.suite.repo/modulos-npm/foca-abm-sectores", 32 "foca-abm-sectores": "git+https://debo.suite.repo/modulos-npm/foca-abm-sectores",
32 "foca-botonera-principal": "git+https://debo.suite.repo/modulos-npm/foca-botonera-principal.git", 33 "foca-botonera-principal": "git+https://debo.suite.repo/modulos-npm/foca-botonera-principal.git",
33 "foca-busqueda-cliente": "git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente.git", 34 "foca-busqueda-cliente": "git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente.git",
34 "foca-crear-nota-pedido": "git+https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido.git", 35 "foca-crear-nota-pedido": "git+https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido.git",
35 "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git", 36 "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git",
36 "foca-login": "git+https://debo.suite.repo/modulos-npm/foca-login.git", 37 "foca-login": "git+https://debo.suite.repo/modulos-npm/foca-login.git",
37 "foca-modal": "git+https://debo.suite.repo/modulos-npm/foca-modal", 38 "foca-modal": "git+https://debo.suite.repo/modulos-npm/foca-modal",
38 "foca-modal-busqueda-productos": "git+https://debo.suite.repo/modulos-npm/foca-modal-busqueda-productos", 39 "foca-modal-busqueda-productos": "git+https://debo.suite.repo/modulos-npm/foca-modal-busqueda-productos",
39 "foca-modal-domicilio": "git+https://debo.suite.repo/modulos-npm/foca-modal-domicilio.git", 40 "foca-modal-domicilio": "git+https://debo.suite.repo/modulos-npm/foca-modal-domicilio.git",
40 "foca-modal-flete": "git+https://debo.suite.repo/modulos-npm/foca-modal-flete.git", 41 "foca-modal-flete": "git+https://debo.suite.repo/modulos-npm/foca-modal-flete.git",
41 "foca-modal-moneda": "git+https://debo.suite.repo/modulos-npm/foca-modal-moneda.git", 42 "foca-modal-moneda": "git+https://debo.suite.repo/modulos-npm/foca-modal-moneda.git",
42 "foca-modal-petroleras": "git+https://debo.suite.repo/modulos-npm/foca-modal-petroleras.git",
43 "foca-modal-precio-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git", 43 "foca-modal-precio-condiciones": "git+https://debo.suite.repo/modulos-npm/foca-modal-precio-condiciones.git",
44 "foca-modal-proveedor": "git+https://debo.suite.repo/modulos-npm/foca-modal-proveedor.git",
44 "foca-modal-vendedores": "git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git", 45 "foca-modal-vendedores": "git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git",
45 "foca-teclado": "git+https://debo.suite.repo/modulos-npm/foca-teclado.git", 46 "foca-teclado": "git+https://debo.suite.repo/modulos-npm/foca-teclado.git",
46 "foca-turno-apertura": "git+https://debo.suite.repo/modulos-npm/foca-turno-apertura.git", 47 "foca-turno-apertura": "git+https://debo.suite.repo/modulos-npm/foca-turno-apertura.git",
47 "font-awesome": "^4.7.0", 48 "font-awesome": "^4.7.0",
48 "gulp-angular-templatecache": "^2.2.1", 49 "gulp-angular-templatecache": "^2.2.1",
49 "gulp-htmlmin": "^5.0.1", 50 "gulp-htmlmin": "^5.0.1",
50 "gulp-uglify": "^3.0.1", 51 "gulp-uglify": "^3.0.1",
51 "jquery": "^3.3.1", 52 "jquery": "^3.3.1",
52 "node-sass": "^4.9.4", 53 "node-sass": "^4.9.4",
53 "uglify": "^0.1.5", 54 "uglify": "^0.1.5",
54 "ui-bootstrap4": "^3.0.5" 55 "ui-bootstrap4": "^3.0.5"
55 }, 56 },
56 "devDependencies": { 57 "devDependencies": {
57 "electron": "^3.0.2", 58 "electron": "^3.0.2",
58 "gulp": "^3.9.1", 59 "gulp": "^3.9.1",
59 "gulp-clean": "^0.4.0", 60 "gulp-clean": "^0.4.0",
60 "gulp-concat": "^2.6.1", 61 "gulp-concat": "^2.6.1",
61 "gulp-connect": "^5.6.1", 62 "gulp-connect": "^5.6.1",
62 "gulp-jshint": "^2.1.0", 63 "gulp-jshint": "^2.1.0",
63 "gulp-rename": "^1.4.0", 64 "gulp-rename": "^1.4.0",
64 "gulp-replace": "^1.0.0", 65 "gulp-replace": "^1.0.0",
65 "gulp-sass": "^4.0.1", 66 "gulp-sass": "^4.0.1",
66 "gulp-uglify-es": "^1.0.4", 67 "gulp-uglify-es": "^1.0.4",
67 "gulp-watch": "^5.0.1", 68 "gulp-watch": "^5.0.1",
68 "jasmine-core": "^3.2.1", 69 "jasmine-core": "^3.2.1",
69 "jshint": "^2.9.6", 70 "jshint": "^2.9.6",
70 "pre-commit": "^1.2.2", 71 "pre-commit": "^1.2.2",
71 "pump": "^3.0.0" 72 "pump": "^3.0.0"
72 } 73 }
73 } 74 }
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 'focaModalProveedor',
18 'focaModalVendedores', 19 'focaModalVendedores',
19 'focaTeclado', 20 'focaTeclado',
20 'focaTurnoApertura', 21 'focaTurnoApertura',
21 'ngSanitize', 22 'ngSanitize',
22 'onScreenKeyboard', 23 'onScreenKeyboard',
23 'focaModalDomicilio' 24 'focaModalDomicilio'
24 ]); 25 ]);
25 26
src/sass/_botonera-lateral.scss
Diff comments   View file @ d321dc8
File was created 1 .botonera-lateral {
2 >.row {
3 height: 420px;
4 }
5 }
6
src/sass/_botonera-secundaria.scss
Diff comments   View file @ d321dc8
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 .row {
4 border-radius: 5px;
5 overflow: hidden;
6 }
7 .btn {
8 border-radius: 0;
9 margin-right: 1px;
10 width: calc(100% - 1px);
11 margin-bottom: 1px;
12 }
3 } 13 }
4 14
src/sass/_contenedor.scss
Diff comments   View file @ d321dc8
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 { 11 .contenedor-teclado {
12 /* background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3); */ 12 /* background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3); */
13 /* height: 300px; */ 13 /* height: 300px; */
14 } 14 }
15 15
16 .grilla-articulos { 16 .grilla-articulo {
17 background-color: rgba(0, 0, 0, 0.8); 17 background-color: rgba(0, 0, 0, 0.8);
18 height: 430px; 18 height: 430px;
19 } 19 }
20 20
21 .crear-nota-pedido { 21 .crear-nota-pedido {
22 form { 22 form {
23 margin-bottom: 0; 23 margin-bottom: 0;
24 } 24 }
25 table { 25 table {
26 margin-bottom: 0; 26 margin-bottom: 0;
27 } 27 }
28 } 28 }
29 29
src/sass/_tabla-articulos.scss
Diff comments   View file @ d321dc8
File was created 1 .tabla-articulo {
2 max-height: 420px;
3 display: -moz-groupbox;
4 width: 100%;
5 display: block;
6
7 tr {
8 width: 100%;
9 display: inline-table;
10 table-layout: fixed;
11 }
12
13 tbody {
14 overflow-y: auto;
15 max-height: 280px;
16 width: 100%;
17 display: block;
18 }
19
20 &-numero {
21 width: 25px;
22 }
23
24 &-codigo {
25 width: 70px;
26 }
27
28 &-descripcion {
29 width: 250px;
30 }
31
32 &-cantidad {
33 width: 100px;
34 }
35
36 &-precio {
37 width: 130px;
38 }
39
40 &-subtotal {
41 width: 130px;
42 }
43
44 &-boton {
45 width: 52px;
46 }
47 }
48
src/sass/general.scss
Diff comments   View file @ d321dc8
1 @import 'bootstrap'; 1 @import 'bootstrap';
2 @import 'botonera'; 2 @import 'botonera';
3 @import 'botonera-lateral';
3 @import 'botonera-principal'; 4 @import 'botonera-principal';
4 @import 'botonera-secundaria'; 5 @import 'botonera-secundaria';
5 @import 'contenedor'; 6 @import 'contenedor';
6 @import 'lista'; 7 @import 'lista';
7 @import 'login'; 8 @import 'login';
8 @import 'panel-informativo'; 9 @import 'panel-informativo';
9 @import 'tabla'; 10 @import 'tabla';
10 @import 'teclado'; 11 @import 'teclado';
12 @import 'tabla-articulos';
11 13