Marcelo Puebla / wrapper-demo

Download as
Browse Code ยป

Commit 4f8a3a5f74e1198735862f64175a649db291b3ef

Authored by Marcelo Puebla
2 parents df19d0d8d6 c754f89c8a

Merge branch 'lab' into 'master' 

Lab to Master

See merge request !176
Showing 14 changed files   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'); 5 const uglify = require('gulp-uglify');
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 const gulpSequence = require('gulp-sequence') 11 const gulpSequence = require('gulp-sequence')
12 var paths = { 12 var paths = {
13 srcHTML : 'src/views/*.html', 13 srcHTML : 'src/views/*.html',
14 srcJS : 'src/js/*.js', 14 srcJS : 'src/js/*.js',
15 confJS : 'src/etc/develop.js', 15 confJS : 'src/etc/develop.js',
16 dist : 'dist/', 16 dist : 'dist/',
17 distHTML : 'dist/views/' 17 distHTML : 'dist/views/'
18 }; 18 };
19 19
20 gulp.task('uglify', function() { 20 gulp.task('uglify', function() {
21 pump( 21 pump(
22 [ 22 [
23 gulp.src([paths.srcJS, paths.confJS]), 23 gulp.src([paths.srcJS, paths.confJS]),
24 concat('wrapper-demo.js'), 24 concat('wrapper-demo.js'),
25 replace('/src/', '/dist/'), 25 replace('/src/', '/dist/'),
26 gulp.dest(paths.dist), 26 gulp.dest(paths.dist),
27 rename('wrapper-demo.min.js'), 27 rename('wrapper-demo.min.js'),
28 uglify(), 28 uglify(),
29 gulp.dest(paths.dist) 29 gulp.dest(paths.dist)
30 ] 30 ]
31 ); 31 );
32 }); 32 });
33 33
34 gulp.task('html', function() { 34 gulp.task('html', function() {
35 pump([ 35 pump([
36 gulp.src('index.html'), 36 gulp.src('index.html'),
37 replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'), 37 replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'),
38 gulp.dest(paths.dist) 38 gulp.dest(paths.dist)
39 ]); 39 ]);
40 pump([ 40 pump([
41 gulp.src(paths.srcHTML), 41 gulp.src(paths.srcHTML),
42 gulp.dest(paths.distHTML) 42 gulp.dest(paths.distHTML)
43 ]); 43 ]);
44 }); 44 });
45 45
46 gulp.task('sass', function() { 46 gulp.task('sass', function() {
47 return gulp.src('src/sass/*.scss') 47 return gulp.src('src/sass/*.scss')
48 .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) 48 .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
49 .pipe(gulp.dest('css')); 49 .pipe(gulp.dest('css'));
50 }); 50 });
51 51
52 gulp.task('pre-install', function() { 52 gulp.task('pre-install', function() {
53 pump([ 53 pump([
54 gulp.src('package.json'), 54 gulp.src('package.json'),
55 replace('ssh://git@debonline.dyndns.org:', 'http://git.focasoftware.com/'), 55 replace('ssh://git@debonline.dyndns.org:', 'http://git.focasoftware.com/'),
56 replace('.git', '.git#develop'), 56 replace('.git', '.git#develop'),
57 gulp.dest('') 57 gulp.dest('')
58 ]); 58 ]);
59 }); 59 });
60 60
61 gulp.task('post-install', function() { 61 gulp.task('post-install', function() {
62 pump([ 62 pump([
63 gulp.src('package.json'), 63 gulp.src('package.json'),
64 replace('http://git.focasoftware.com/', 'ssh://git@debonline.dyndns.org:'), 64 replace('http://git.focasoftware.com/', 'ssh://git@debonline.dyndns.org:'),
65 replace('#develop', ''), 65 replace('#develop', ''),
66 gulp.dest('') 66 gulp.dest('')
67 ]); 67 ]);
68 }); 68 });
69 69
70 gulp.task('pre-commit', function() { 70 gulp.task('pre-commit', function() {
71 return pump( 71 return pump(
72 [ 72 [
73 gulp.src(paths.srcJS), 73 gulp.src(paths.srcJS),
74 jshint('.jshintrc'), 74 jshint('.jshintrc'),
75 jshint.reporter('default'), 75 jshint.reporter('default'),
76 jshint.reporter('fail') 76 jshint.reporter('fail')
77 ] 77 ]
78 ); 78 );
79 }); 79 });
80 80
81 gulp.task('webserver', function() { 81 gulp.task('webserver', function() {
82 pump [ 82 pump [
83 connect.server( 83 connect.server(
84 { 84 {
85 port: 8086, 85 port: 4203,
86 host: '0.0.0.0', 86 host: '0.0.0.0',
87 livereload: true 87 livereload: true
88 } 88 }
89 ) 89 )
90 ] 90 ]
91 }); 91 });
92 92
93 gulp.task('watch', function() { 93 gulp.task('watch', function() {
94 gulp.watch([paths.srcJS], ['uglify']); 94 gulp.watch([paths.srcJS], ['uglify']);
95 gulp.watch('src/sass/*.scss', ['sass']); 95 gulp.watch('src/sass/*.scss', ['sass']);
96 }); 96 });
97 97
98 gulp.task('reload', function() { 98 gulp.task('reload', function() {
99 gulp.src(['src/sass/*.scss', 'index.html']) 99 gulp.src(['src/sass/*.scss', 'index.html'])
100 .pipe(connect.reload()); 100 .pipe(connect.reload());
101 }); 101 });
102 102
103 gulp.task('livereload', function() { 103 gulp.task('livereload', function() {
104 gulp.watch('css/*.css', ['reload']); 104 gulp.watch('css/*.css', ['reload']);
105 gulp.watch('js/dist/*.js', ['reload']); 105 gulp.watch('js/dist/*.js', ['reload']);
106 gulp.watch('vistas/**/*.html', ['reload']); 106 gulp.watch('vistas/**/*.html', ['reload']);
107 gulp.watch('index.html', ['reload']); 107 gulp.watch('index.html', ['reload']);
108 }); 108 });
109 109
110 gulp.task('default', gulpSequence(['sass', 'webserver', 'livereload', 'watch'])); 110 gulp.task('default', gulpSequence(['sass', 'webserver', 'livereload', 'watch']));
111 111
img/Orden_de_Carga.png
Diff comments   View file @ 4f8a3a5

3.65 KB
img/chofer_secundario.png
Diff comments   View file @ 4f8a3a5

8.29 KB
img/fechaDeEntrega.png
Diff comments   View file @ 4f8a3a5

7.44 KB

3.84 KB

7.41 KB
img/logo-foca.png
View file @ 4f8a3a5

24.1 KB

24.1 KB
img/remito_abierto.png
Diff comments   View file @ 4f8a3a5

7.65 KB
img/vehiculo_secundario.png
Diff comments   View file @ 4f8a3a5

5.91 KB

9.29 KB
src/sass/_botonera-principal.scss
Diff comments   View file @ 4f8a3a5
1 .botonera-principal { 1 .botonera-principal {
2 menuitem { 2 menuitem {
3 display: inline-block; 3 display: inline-block;
4 height: 130px; 4 height: 130px;
5 text-align: center; 5 text-align: center;
6 width: 180px; 6 width: 180px;
7 @media (max-width: 576px) { 7 @media (max-width: 576px) {
8 width: 100%; 8 width: 100%;
9 } 9 }
10 @media (min-width: 992px) and (max-width: 1200px) { 10 @media (min-width: 992px) and (max-width: 1200px) {
11 width: 150px; 11 width: 150px;
12 } 12 }
13 } 13 }
14 button { 14 button {
15 cursor: pointer; 15 cursor: pointer;
16 background-image: url("../img/botonera.png"); 16 background-image: url("../img/botonera.png");
17 border-radius: 12px; 17 border-radius: 12px;
18 border-width: 0; 18 border-width: 0;
19 height: 90px; 19 height: 90px;
20 position: relative; 20 position: relative;
21 width: 90px; 21 width: 90px;
22 outline: 0; 22 outline: 0;
23 transition: 0.3s;
23 span { 24 span {
24 left: 0; 25 left: 0;
25 position: absolute; 26 position: absolute;
26 text-align: center; 27 text-align: center;
27 top: 90px; 28 top: 90px;
28 width: 100%; 29 width: 100%;
29 font-size: 12px; 30 font-size: 12px;
30 color: #777777; 31 color: #777777;
31 } 32 }
32 &:hover { 33 &:hover {
33 background-color: rgb(250, 250, 250); 34 background-color: rgb(250, 250, 250);
34 filter: drop-shadow(4px 4px 4px gray); 35 filter: drop-shadow(4px 4px 4px gray);
35 } 36 }
36 &:active { 37 &:active {
37 background-color: rgb(230, 230, 230); 38 background-color: rgb(230, 230, 230);
38 filter: drop-shadow(4px 4px 4px gray); 39 filter: drop-shadow(4px 4px 4px gray);
39 } 40 }
40 &:focus { 41 &:focus {
41 background-color: rgb(250, 250, 250); 42 background-color: rgb(250, 250, 250);
42 filter: drop-shadow(4px 4px 4px gray); 43 filter: drop-shadow(4px 4px 4px gray);
43 } 44 }
44 } 45 }
45 &-menu { 46 &-menu {
46 width: 100%; 47 width: 100%;
47 padding-left: 90px; 48 padding-left: 90px;
48 @media (max-width: 576px) { 49 @media (max-width: 576px) {
49 padding: 0; 50 padding: 0;
50 } 51 }
51 } 52 }
52 &-logo { 53 &-logo {
53 width: 100%; 54 width: 100%;
54 margin-left: 50%; 55 margin-left: 50%;
55 opacity: 0.8; 56 opacity: 0.8;
56 @media (max-width: 576px) { 57 @media (max-width: 576px) {
57 width: 180%; 58 width: 180%;
58 margin-left: 20%; 59 margin-left: 20%;
59 } 60 }
60 } 61 }
61 &-vacio { 62 &-vacio {
62 & button { 63 & button {
63 background-position: -4380px 0; 64 background-position: -4380px 0;
64 &:hover { 65 &:hover {
65 background-position: -4380px -90px; 66 background-position: -4380px -90px;
66 } 67 }
67 } 68 }
68 } 69 }
69 &-abrir-turno { 70 &-abrir-turno {
70 & button { 71 & button {
71 background-position: 0 0; 72 background-position: 0 0;
72 &:hover { 73 &:hover {
73 background-position: 0 -90px; 74 background-position: 0 -90px;
74 } 75 }
75 } 76 }
76 } 77 }
77 &-cerrar-turno { 78 &-cerrar-turno {
78 & button { 79 & button {
79 background-position: -90px 0; 80 background-position: -90px 0;
80 &:hover { 81 &:hover {
81 background-position: -90px -90px; 82 background-position: -90px -90px;
82 } 83 }
83 } 84 }
84 } 85 }
85 &-caja { 86 &-caja {
86 & button { 87 & button {
87 background-position: -180px 0; 88 background-position: -180px 0;
88 &:hover { 89 &:hover {
89 background-position: -180px -90px; 90 background-position: -180px -90px;
90 } 91 }
91 } 92 }
92 } 93 }
93 &-estado-cisterna { 94 &-estado-cisterna {
94 & button { 95 & button {
95 background-image: url("../img/control_stock.png"); 96 background-image: url("../img/control_stock.png");
96 background-size: 90px 90px; 97 background-size: 90px 90px;
97 } 98 }
98 } 99 }
99 &-logistica { 100 &-logistica {
100 & button { 101 & button {
101 background-image: url("../img/logistica.png"); 102 background-image: url("../img/logistica.png");
102 background-size: 90px 90px; 103 background-size: 90px 90px;
103 } 104 }
104 } 105 }
105 &-facturador { 106 &-facturador {
106 & button { 107 & button {
107 background-position: -270px 0px; 108 background-position: -270px 0px;
108 &:hover { 109 &:hover {
109 background-position: -270px -90px; 110 background-position: -270px -90px;
110 } 111 }
111 } 112 }
112 } 113 }
113 &-nota-pedido { 114 &-nota-pedido {
114 & button { 115 & button {
115 background-image: url("../img/notaPedido.png"); 116 background-image: url("../img/notaPedido.png");
116 background-size: 90px 90px; 117 background-size: 90px 90px;
117 } 118 }
118 } 119 }
119 &-remito { 120 &-remito {
120 & button { 121 & button {
121 background-image: url("../img/remito.png"); 122 background-image: url("../img/remito.png");
122 background-size: 90px 90px; 123 background-size: 90px 90px;
123 } 124 }
124 } 125 }
125 &-hoja-ruta { 126 &-hoja-ruta {
126 & button { 127 & button {
127 background-image: url("../img/hoja-ruta.png"); 128 background-image: url("../img/hoja-ruta.png");
128 background-size: 86px 90px; 129 background-size: 86px 90px;
129 } 130 }
130 } 131 }
131 &-activar-hoja-ruta { 132 &-activar-hoja-ruta {
132 & button { 133 & button {
133 background-image: url("../img/activar_hoja.png"); 134 background-image: url("../img/activar_hoja.png");
134 background-size: 90px 90px; 135 background-size: 90px 90px;
135 } 136 }
136 } 137 }
137 &-hoja-ruta-transportista { 138 &-hoja-ruta-transportista {
138 & button { 139 & button {
139 background-image: url("../img/hojaRutaVolante.png"); 140 background-image: url("../img/hojaRutaVolante.png");
140 background-size: 90px 90px; 141 background-size: 90px 90px;
141 } 142 }
142 } 143 }
143 &-seguimiento { 144 &-seguimiento {
144 & button { 145 & button {
145 background-image: url("../img/seguimientoNotaPedido.png"); 146 background-image: url("../img/seguimientoNotaPedido.png");
146 background-size: 90px 90px; 147 background-size: 90px 90px;
147 } 148 }
148 } 149 }
149 &-seguimiento-hoja-ruta { 150 &-seguimiento-hoja-ruta {
150 & button { 151 & button {
151 background-image: url("../img/seguimientoHojaRuta.png"); 152 background-image: url("../img/seguimientoHojaRuta.png");
152 background-size: 90px 90px; 153 background-size: 90px 90px;
153 } 154 }
154 } 155 }
155 &-cobranzas { 156 &-cobranzas {
156 & button { 157 & button {
157 background-image: url("../img/cobranzas.png"); 158 background-image: url("../img/cobranzas.png");
158 background-size: 90px 90px; 159 background-size: 90px 90px;
159 } 160 }
160 } 161 }
161 &-seguimiento-cobranzas { 162 &-seguimiento-cobranzas {
162 & button { 163 & button {
163 background-image: url("../img/seguimientoCobranza.png"); 164 background-image: url("../img/seguimientoCobranza.png");
164 background-size: 90px 90px; 165 background-size: 90px 90px;
165 } 166 }
166 } 167 }
167 &-vehiculo { 168 &-vehiculo {
168 & button { 169 & button {
169 background-image: url("../img/abmVehiculos.png"); 170 background-image: url("../img/abmVehiculos.png");
170 background-size: 90px 90px; 171 background-size: 90px 90px;
171 } 172 }
172 } 173 }
173 &-precio-condicion { 174 &-precio-condicion {
174 & button { 175 & button {
175 background-image: url("../img/abmPrecios.png"); 176 background-image: url("../img/abmPrecios.png");
176 background-size: 90px 90px; 177 background-size: 90px 90px;
177 } 178 }
178 } 179 }
179 &-chofer { 180 &-chofer {
180 & button { 181 & button {
181 background-image: url("../img/abmChofer.png"); 182 background-image: url("../img/abmChofer.png");
182 background-size: 90px 90px; 183 background-size: 90px 90px;
183 } 184 }
184 } 185 }
185 &-agendar-visita { 186 &-agendar-visita {
186 & button { 187 & button {
187 background-image: url("../img/agendarVisita.png"); 188 background-image: url("../img/agendarVisita.png");
188 background-size: 90px 90px; 189 background-size: 90px 90px;
189 } 190 }
190 } 191 }
191 &-informes { 192 &-informes {
192 & button { 193 & button {
193 background-image: url("../img/informes.png"); 194 background-image: url("../img/informes.png");
194 background-size: 90px 90px; 195 background-size: 90px 90px;
195 } 196 }
196 } 197 }
197 &-vendedor-cobrador { 198 &-vendedor-cobrador {
198 & button { 199 & button {
199 background-image: url("../img/abmVendedorCobrador.png"); 200 background-image: url("../img/abmVendedorCobrador.png");
200 background-size: 90px 90px; 201 background-size: 90px 90px;
201 } 202 }
202 } 203 }
203 &-autorizar-nota { 204 &-autorizar-nota {
204 & button { 205 & button {
205 background-image: url("../img/autorizarNota.png"); 206 background-image: url("../img/autorizarNota.png");
206 background-size: 90px 90px; 207 background-size: 90px 90px;
207 } 208 }
208 } 209 }
209 210
210 &-cliente { 211 &-cliente {
211 & button { 212 & button {
212 background-image: url("../img/clientePrincipal.png"); 213 background-image: url("../img/clientePrincipal.png");
213 background-size: 90px 90px; 214 background-size: 90px 90px;
214 } 215 }
215 } 216 }
216 217
217 &-parametros { 218 &-parametros {
218 & button { 219 & button {
219 background-image: url("../img/parametrizar.png"); 220 background-image: url("../img/parametrizar.png");
220 background-size: 90px 90px; 221 background-size: 90px 90px;
221 } 222 }
222 } 223 }
223 224
224 &-factura { 225 &-factura {
225 & button { 226 & button {
226 background-image: url("../img/factura.png"); 227 background-image: url("../img/factura.png");
227 background-size: 90px 90px; 228 background-size: 90px 90px;
228 } 229 }
229 } 230 }
230 231
231 &-orden-carga { 232 &-orden-carga {
232 & button { 233 & button {
233 background-image: url("../img/Orden_de_Carga.png"); 234 background-image: url("../img/Orden_de_Carga.png");
234 background-size: 90px 90px; 235 background-size: 90px 90px;
235 } 236 }
236 } 237 }
237 238
238 .swiper-pagination { 239 .swiper-pagination {
239 bottom: 0px !important; 240 bottom: 0px !important;
240 background: none; 241 background: none;
241 } 242 }
242 243
243 .swiper-button-next { 244 .swiper-button-next {
244 background-image: url("../img/derecha.png"); 245 background-image: url("../img/derecha.png");
245 &:hover { 246 &:hover {
246 filter: drop-shadow(4px 4px 4px gray); 247 filter: drop-shadow(4px 4px 4px gray);
247 } 248 }
248 } 249 }
249 250
250 .swiper-button-prev { 251 .swiper-button-prev {
251 background-image: url("../img/izquierda.png"); 252 background-image: url("../img/izquierda.png");
252 &:hover { 253 &:hover {
253 filter: drop-shadow(4px 4px 4px gray); 254 filter: drop-shadow(4px 4px 4px gray);
254 } 255 }
255 } 256 }
256 257
257 .btn-tareas-pausadas{ 258 .btn-tareas-pausadas {
258 background-color: #cd9035; 259 padding-left: 2rem;
259 border-color: #cd9035 !important; 260 padding-right: 2rem;
260 height: 30px; 261 border-radius: 4px;
261 text-align: center; 262 font-size: 14px;
262 width: 280px; 263 width: auto;
264 height: 35px;
265 color: white;
263 background-image: none; 266 background-image: none;
264 flood-color: #ffffff; 267 background-color: #cd9035;
265 &:hover { 268 transition: 0.3s;
266 background-color: #cd9035; 269 &:hover,
267 }
268 &:focus { 270 &:focus {
269 background-color: #cd9035; 271 background-color: #cd9035;
270 } 272 }
271 } 273 }
272 274
273 .dropdown-tareas-pausadas{ 275 .dropdown-tareas-pausadas {
274 background: linear-gradient(0 ,#ffffff, #e6e6e6);
275 position: absolute;
276 will-change: transform;
277 top: 0px;
278 left: 0px;
279 transform: translate3d(0px, 0px, 0px);
280 margin-bottom: 5px;
281 padding: 0px; 276 padding: 0px;
282 box-sizing: content-box; 277 border-radius: 4px;
283 border-radius: 12px; 278 background: linear-gradient(0, #ffffff, #e6e6e6);
284 font: small;
285 transform: translate3d(0px, 30px, 0px); 279 transform: translate3d(0px, 30px, 0px);
280 box-sizing: content-box;
281 font-size: 12px;
282 transition: 0.3s;
286 } 283 }
287 284
288 .items-dropdown{ 285 .items-dropdown {
289 background-color:rgba(0, 0, 0, 0); 286 cursor: pointer;
290 cursor: hand; 287 width: auto;
291 &:hover { 288 background-color: rgba(0, 0, 0, 0);
289 transition: 0.3s;
290 &:hover,
291 &:focus {
292 background-color: #e6e6e6; 292 background-color: #e6e6e6;
293 width: 98%;
294 border-radius: 12px;
295 } 293 }
src/sass/_login.scss
Diff comments   View file @ 4f8a3a5
1 .login { 1 .bg-gradient-login {
2 background: linear-gradient(0 ,#ffffff, #e6e6e6); 2 background: linear-gradient(0, #ffffff, #e6e6e6);
3 border: 1px solid #000000; 3 }
4 border-radius: 3px; 4
5 height: calc(280px + 1em); 5 .login-small-text {
6 left: calc(50% - 130px); 6 font-size: 12px;
7 opacity: 0.7;
8 position: absolute;
9 text-align: center;
10 top: 190px;
11 width: 260px;
12 &-titulo {
13 border-bottom: 1px solid #ffffff;
14 padding: 5px 0;
15 }
16 &-campo {
17 label {
18 display: block;
19 font-size: 12px;
20 margin: 5px 0 0;
21 }
22 input {
23 -moz-border-radius: 10px;
24 -khtml-border-radius: 10px;
25 -webkit-border-radius: 10px;
26 -webkit-appearance: none;
27 padding-right: 5%;
28 padding-left: 5%;
29 border-radius: 10px;
30 outline: 0;
31 border-color: transparent;
32 text-transform: none !important;
33 &:focus {
34 border-color: #ff9900;
35 }
36 }
37 }
38 &-button {
39 width: 80%;
40 background-color: #cd9035;
41 color: white;
42 &:hover {
43 background-color: #a7743d;
44 color: white
45 }
46 &:focus {
47 color: white;
48 }
49 }
50 &-alerta-error {
51 width: 260px;
52 left: calc(50% - 130px);
53 top: calc(383px + 1.5em);
54 }
55 } 7 }
56 8
57 @media (min-width: 768px) { 9 @media (min-width: 768px) {
58 .img-login{ 10 .img-login {
59 height: 190px;
60 width: 211px; 11 width: 211px;
61 } 12 }
62 } 13 }
63 14
64 @media (max-width: 768px) { 15 @media (max-width: 768px) {
65 .img-login{ 16 .img-login {
66 height: 150px;
67 width: 158px; 17 width: 158px;
68 } 18 }
69 } 19 }
20
src/sass/general.scss
Diff comments   View file @ 4f8a3a5
1 @import 'constants'; 1 @import 'constants';
2 @import 'admin-seguimiento'; 2 @import 'admin-seguimiento';
3 @import 'bootstrap'; 3 @import 'bootstrap';
4 @import 'botonera'; 4 @import 'botonera';
5 @import 'botonera-lateral'; 5 @import 'botonera-lateral';
6 @import 'botonera-principal'; 6 @import 'botonera-principal';
7 @import 'botonera-secundaria'; 7 @import 'botonera-secundaria';
8 @import 'contenedor'; 8 @import 'contenedor';
9 @import 'lista'; 9 @import 'lista';
10 @import 'login'; 10 @import 'login';
11 @import 'panel-informativo'; 11 @import 'panel-informativo';
12 @import 'tabla'; 12 @import 'tabla';
13 @import 'teclado'; 13 @import 'teclado';
14 @import 'tabla-articulos'; 14 @import 'tabla-articulos';
15 @import 'acciones-mobile'; 15 @import 'acciones-mobile';
16 @import 'swiper'; 16 @import 'swiper';
17 @import 'foca-crear'; 17 @import 'foca-crear';
18 @import 'logistica-pedido-ruta'; 18 @import 'logistica-pedido-ruta';
19 @import 'tabs'; 19 @import 'tabs';
20 @import 'grid'; 20 @import 'grid';
21 @import 'paginador-abm'; 21 @import 'paginador-abm';
22 @import 'table-autorizar-nota-pedido'; 22 @import 'table-autorizar-nota-pedido';
23 @import 'animations'; 23 @import 'animations';
24 24
25 //OCULTA FLECHAS INPUT NUMBER 25 //OCULTA FLECHAS INPUT NUMBER
26 input[type="number"] { 26 input[type="number"] {
27 -moz-appearance: textfield; 27 -moz-appearance: textfield;
28 } 28 }
29 29
30 input::-webkit-outer-spin-button, 30 input::-webkit-outer-spin-button,
31 input::-webkit-inner-spin-button { 31 input::-webkit-inner-spin-button {
32 -webkit-appearance: none; 32 -webkit-appearance: none;
33 } 33 }
34 34
35 .d-md-grid { 35 .d-md-grid {
36 @media (min-width: 768px) { 36 @media (min-width: 768px) {
37 display: grid !important; 37 display: grid !important;
38 } 38 }
39 } 39 }
40 40
41 .btn-dashed { 41 .btn-dashed {
42 border-style: dashed !important; 42 border-style: dashed !important;
43 border-width: 3px; 43 border-width: 3px;
44 border-color: white; 44 border-color: white;
45 background-color: #dedfe0; 45 background-color: #dedfe0;
46 } 46 }
47 47
48 .marcador { 48 .marcador {
49 position: absolute; 49 position: absolute;
50 right: 44.5%; 50 right: 44.5%;
51 bottom: -32%; 51 bottom: -32%;
52 } 52 }
53 53
54 .informacion { 54 .informacion {
55 position: absolute; 55 position: absolute;
56 right: 18px; 56 right: 18px;
57 bottom: 5px; 57 bottom: 5px;
58 } 58 }
59 59
60 .flashit { 60 .flashit {
61 -webkit-animation: flash linear 1s infinite; 61 -webkit-animation: flash linear 1s infinite;
62 animation: flash linear 1s infinite; 62 animation: flash linear 1s infinite;
63 } 63 }
64 @-webkit-keyframes flash { 64 @-webkit-keyframes flash {
65 0% { 65 0% {
66 opacity: 1; 66 opacity: 1;
67 } 67 }
68 50% { 68 50% {
69 opacity: 0.6; 69 opacity: 0.6;
70 } 70 }
71 100% { 71 100% {
72 opacity: 1; 72 opacity: 1;
73 } 73 }
74 } 74 }
75 @keyframes flash { 75 @keyframes flash {
76 0% { 76 0% {
77 opacity: 1; 77 opacity: 1;
78 } 78 }
79 50% { 79 50% {
80 opacity: 0.6; 80 opacity: 0.6;
81 } 81 }
82 100% { 82 100% {
83 opacity: 1; 83 opacity: 1;
84 } 84 }
85 } 85 }
86 86
87 .btn-outline-debo { 87 .btn-outline-debo {
88 background-color: transparent; 88 background-color: transparent;
89 color: $primary; 89 color: $primary;
90 border-color: $primary; 90 border-color: $primary;
91 &:hover { 91 &:hover {
92 color: #fff; 92 color: #fff;
93 border-color: transparent; 93 border-color: transparent;
94 background-color: $primary; 94 background-color: $primary;
95 } 95 }
96 &:focus { 96 &:focus {
97 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 97 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
98 } 98 }
99 &:active { 99 &:active {
100 color: #fff; 100 color: #fff;
101 background-color: $primary !important; 101 background-color: $primary !important;
102 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 102 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
103 } 103 }
104 } 104 }
105 105
106 .input-group-append > button { 106 .input-group-append > button {
107 &:focus { 107 &:focus {
108 border-color: $primary !important; 108 border-color: $primary !important;
109 box-shadow: 0 0 5px $primary !important; 109 box-shadow: 0 0 5px $primary !important;
110 } 110 }
111 &:active { 111 &:active {
112 border-color: $primary !important; 112 border-color: $primary !important;
113 box-shadow: 0 0 5px $primary !important; 113 box-shadow: 0 0 5px $primary !important;
114 } 114 }
115 } 115 }
116 116
117 .line-break { 117 .line-break {
118 white-space: pre-wrap; 118 white-space: pre-wrap;
119 } 119 }
120 120
121 .input-group-append > button { 121 .input-group-append > button {
122 &:focus { 122 &:focus {
123 border-color: $primary !important; 123 border-color: $primary !important;
124 box-shadow: 0 0 5px $primary !important; 124 box-shadow: 0 0 5px $primary !important;
125 } 125 }
126 &:active { 126 &:active {
127 border-color: $primary !important; 127 border-color: $primary !important;
128 box-shadow: 0 0 5px $primary !important; 128 box-shadow: 0 0 5px $primary !important;
129 } 129 }
130 } 130 }
131 131
132 .btn-login { 132 .btn-login {
133 box-shadow: none !important; 133 box-shadow: none !important;
134 } 134 }
135 135
136 input[type="file"] { 136 input[type="file"] {
137 display: none; 137 display: none;
138 } 138 }
139 .custom-file-upload { 139 .custom-file-upload {
140 border: 1px solid #ccc; 140 border: 1px solid #ccc;
141 display: inline-block; 141 display: inline-block;
142 padding: 6px 12px; 142 padding: 6px 12px;
143 cursor: pointer; 143 cursor: pointer;
144 } 144 }
145 145
146 .btn-brown { 146 .btn-brown {
147 background-color: $primary; 147 background-color: $primary;
148 -webkit-appearance: none; 148 -webkit-appearance: none;
149 border-color: transparent; 149 border-color: transparent;
150 &:focus { 150 &:focus {
151 outline: 0 !important; 151 outline: 0 !important;
152 box-shadow: none; 152 box-shadow: none;
153 } 153 }
154 .icon-white { 154 .icon-white {
155 color: white; 155 color: white;
156 } 156 }
157 } 157 }
158 158
159 .btn-Guardar { 159 .btn-Guardar {
160 background-color: green; 160 background-color: green;
161 -webkit-appearance: none; 161 -webkit-appearance: none;
162 border-color: transparent; 162 border-color: transparent;
163 &:focus { 163 &:focus {
164 outline: 0 !important; 164 outline: 0 !important;
165 box-shadow: none; 165 box-shadow: none;
166 } 166 }
167 .icon-white { 167 .icon-white {
168 color: white; 168 color: white;
169 } 169 }
170 } 170 }
171 171
172 .page-link { 172 .page-link {
173 &:focus { 173 &:focus {
174 box-shadow: 0 0 0 0.2rem $primaryTransparency !important; 174 box-shadow: 0 0 0 0.2rem $primaryTransparency !important;
175 } 175 }
176 } 176 }
177 177
178 .page-item.active .page-link { 178 .page-item.active .page-link {
179 z-index: 1; 179 z-index: 1;
180 color: #fff; 180 color: #fff;
181 background-color: $primary; 181 background-color: $primary;
182 border-color: $primary; 182 border-color: $primary;
183 } 183 }
184 184
185 .foca-input { 185 .foca-input {
186 &:focus { 186 &:focus {
187 border-color: $primary; 187 border-color: $primary;
188 box-shadow: 0 0 5px $primary; 188 box-shadow: 0 0 5px $primary;
189 } 189 }
190 &:hover { 190 &:hover {
191 border-color: $primary; 191 border-color: $primary;
192 box-shadow: 0 0 5px $primary; 192 box-shadow: 0 0 5px $primary;
193 } 193 }
194 } 194 }
195 195
196 .btn-enviar { 196 .btn-enviar {
197 background-color: white; 197 background-color: white;
198 border-color: #cd9035; 198 border-color: #cd9035;
199 &:focus { 199 &:focus {
200 box-shadow: none !important; 200 box-shadow: none !important;
201 } 201 }
202 &:hover { 202 &:hover {
203 border-color: $primaryTransparency !important; 203 border-color: $primaryTransparency !important;
204 background-color: $primaryTransparency !important; 204 background-color: $primaryTransparency !important;
205 } 205 }
206 &:active { 206 &:active {
207 background-color: $primary !important; 207 background-color: $primary !important;
208 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 208 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
209 } 209 }
210 } 210 }
211 211
212 .btn-primary { 212 .btn-primary {
213 background-color: $primary !important; 213 background-color: $primary !important;
214 border-color: $primary !important; 214 border-color: $primary !important;
215 &:focus { 215 &:focus {
216 background-color: $primary !important; 216 background-color: $primary !important;
217 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 217 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
218 } 218 }
219 &:hover { 219 &:hover {
220 border-color: $primaryTransparency !important; 220 border-color: $primaryTransparency !important;
221 background-color: $primaryTransparency !important; 221 background-color: $primaryTransparency !important;
222 } 222 }
223 &:active { 223 &:active {
224 background-color: $primary !important; 224 background-color: $primary !important;
225 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 225 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
226 } 226 }
227 } 227 }
228 228
229 .input-group-text { 229 .input-group-text {
230 &:focus { 230 &:focus {
231 outline: none; 231 outline: none;
232 border-color: $primary; 232 border-color: $primary;
233 box-shadow: 0 0 5px $primary; 233 box-shadow: 0 0 5px $primary;
234 } 234 }
235 &:hover { 235 &:hover {
236 border-color: $primary; 236 border-color: $primary;
237 box-shadow: 0 0 5px $primary; 237 box-shadow: 0 0 5px $primary;
238 } 238 }
239 &:active { 239 &:active {
240 box-shadow: 0 0 5px $primary; 240 box-shadow: 0 0 5px $primary;
241 } 241 }
242 } 242 }
243 243
244 .btn-default { 244 .btn-default {
245 color: #fff; 245 color: #fff;
246 background-color: $default !important; 246 background-color: $default !important;
247 border-color: $default !important; 247 border-color: $default !important;
248 &:focus { 248 &:focus {
249 box-shadow: none !important; 249 box-shadow: none !important;
250 } 250 }
251 &:hover { 251 &:hover {
252 color: #fff; 252 color: #fff;
253 border-color: $defaultTransparency !important; 253 border-color: $defaultTransparency !important;
254 background-color: $defaultTransparency !important; 254 background-color: $defaultTransparency !important;
255 } 255 }
256 &:active { 256 &:active {
257 background-color: $default !important; 257 background-color: $default !important;
258 box-shadow: 0px 0px 0px 3px $defaultTransparency !important; 258 box-shadow: 0px 0px 0px 3px $defaultTransparency !important;
259 } 259 }
260 } 260 }
261 261
262 .btn-danger { 262 .btn-danger {
263 &:hover { 263 &:hover {
264 color: #fff; 264 color: #fff;
265 border-color: $dangerTransparency !important; 265 border-color: $dangerTransparency !important;
266 background-color: $dangerTransparency !important; 266 background-color: $dangerTransparency !important;
267 } 267 }
268 } 268 }
269 269
270 .table-celda-total { 270 .table-celda-total {
271 background-color: $highlightedArea; 271 background-color: $highlightedArea;
272 } 272 }
273 273
274 marquee { 274 marquee {
275 background-color: $highlightedArea; 275 background-color: $highlightedArea;
276 } 276 }
277 277
278 .front-index { 278 .front-index {
279 z-index: 9999; 279 z-index: 9999;
280 } 280 }
281 281
282 .uib-daypicker { 282 .uib-daypicker {
283 outline: 0; 283 outline: 0;
284 } 284 }
285 285
286 .right-0 { 286 .right-0 {
287 right: 0; 287 right: 0;
288 } 288 }
289 289
290 .tabla-factura { 290 .tabla-factura {
291 word-wrap: break-word; 291 word-wrap: break-word;
292 table-layout: fixed; 292 table-layout: fixed;
293 } 293 }
294 294
295 .ladda-w-100 .ladda-label { 295 .ladda-w-100 .ladda-label {
296 width: 100%; 296 width: 100%;
297 float: right; 297 float: right;
298 } 298 }
299 299
300 .btn-delete-image { 300 .btn-delete-image {
301 height: 25px; 301 height: 25px;
302 width: 25px; 302 width: 25px;
303 top: -10px; 303 top: -10px;
304 right: 0; 304 right: 0;
305 } 305 }
306 306
307 button.clear-input { 307 button.clear-input {
308 cursor: pointer; 308 cursor: pointer;
309 background: transparent; 309 background: transparent;
310 border: none; 310 border: none;
311 margin-left: -24px; 311 margin-left: -24px;
312 z-index: 9; 312 z-index: 9;
313 color: #a3a3a3; 313 color: #a3a3a3;
314 &:focus { 314 &:focus {
315 outline: none; 315 outline: none;
316 } 316 }
317 } 317 }
318 .custom-control-input { 318 .custom-control-input {
319 &:checked ~ .custom-control-label::before { 319 &:checked ~ .custom-control-label::before {
320 border: none !important; 320 border: none !important;
321 color: $primary !important; 321 color: $primary !important;
322 background-color: $primary !important; 322 background-color: $primary !important;
323 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 323 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
324 } 324 }
325 &:active ~ .custom-control-label::before { 325 &:active ~ .custom-control-label::before {
326 border: none !important; 326 border: none !important;
327 color: $primary !important; 327 color: $primary !important;
328 background-color: $primary !important; 328 background-color: $primary !important;
329 } 329 }
330 &:focus ~ .custom-control-label::before { 330 &:focus ~ .custom-control-label::before {
331 border: none !important; 331 border: none !important;
332 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 332 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
333 } 333 }
334 &:focus:not(:checked) ~ .custom-control-label::before { 334 &:focus:not(:checked) ~ .custom-control-label::before {
335 border: none !important; 335 border: none !important;
336 } 336 }
337 &:not(:disabled):active ~ .custom-control-label::before { 337 &:not(:disabled):active ~ .custom-control-label::before {
338 border: none !important; 338 border: none !important;
339 color: $primary !important; 339 color: $primary !important;
340 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 340 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
341 } 341 }
342 &:hover ~ .custom-control-label::before { 342 &:hover ~ .custom-control-label::before {
343 border: none !important; 343 border: none !important;
344 background-color: $primaryTransparency; 344 background-color: $primaryTransparency;
345 } 345 }
346 } 346 }
347 .disable-selection { 347 .disable-selection {
348 user-select: none; 348 user-select: none;
349 -moz-user-select: none; /* Firefox */ 349 -moz-user-select: none; /* Firefox */
350 -ms-user-select: none; /* Internet Explorer */ 350 -ms-user-select: none; /* Internet Explorer */
351 -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */ 351 -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
352 -webkit-user-select: none; /* Chrome, Safari, and Opera */ 352 -webkit-user-select: none; /* Chrome, Safari, and Opera */
353 -webkit-touch-callout: none; /* Disable Android and iOS callouts*/ 353 -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
354 } 354 }
355 .foca-text-success { 355 .foca-text-success {
356 color: $textSuccess !important; 356 color: $textSuccess !important;
357 } 357 }
358 .foca-text-danger { 358 .foca-text-danger {
359 color: $textDanger !important; 359 color: $textDanger !important;
360 } 360 }
361 .cover-spin { 361 .cover-spin {
362 width: -webkit-fill-available; 362 width: -webkit-fill-available;
363 height: -webkit-fill-available; 363 height: -webkit-fill-available;
364 display: flex; 364 display: flex;
365 position: absolute; 365 position: absolute;
366 background-color: rgba(255, 255, 255, 0.6); 366 background-color: rgba(255, 255, 255, 0.6);
367 left: 0; 367 left: 0;
368 top: 0; 368 top: 0;
369 z-index: 9999; 369 z-index: 9999;
370 } 370 }
371 .fadeIn { 371 .fadeIn {
372 opacity: 0; 372 opacity: 0;
373 animation: fadeIn 1.8s forwards; 373 animation: fadeIn 1.8s forwards;
374 } 374 }
375 375
376 @keyframes fadeIn { 376 @keyframes fadeIn {
377 0% { 377 0% {
378 opacity: 0; 378 opacity: 0;
379 transform: translateY(10px); 379 transform: translateY(10px);
380 } 380 }
381 30% { 381 30% {
382 opacity: 0.6; 382 opacity: 0.6;
383 } 383 }
384 100% { 384 100% {
385 opacity: 1; 385 opacity: 1;
386 transform: translateY(0); 386 transform: translateY(0);
387 } 387 }
388 } 388 }
389
390 .text-transform-none {
391 text-transform: none !important;
392 }
389 393