Marcelo Puebla / wrapper-demo

Download as
Browse Code ยป

Commit 383324d68213ad1b70d693770d5f39561ff80ed0

Authored by Benjamin Rodriguez
2 parents 34a480183b c754f89c8a
Exists in develop

Merge branch 'develop' of http://git.focasoftware.com/npm/wrapper-demo

Showing 6 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/logo-foca.png
View file @ 383324d

24.1 KB

24.1 KB
src/sass/_botonera-principal.scss
Diff comments   View file @ 383324d
1 1
2 .botonera-principal { 2 .botonera-principal {
3 menuitem { 3 menuitem {
4 display: inline-block; 4 display: inline-block;
5 height: 130px; 5 height: 130px;
6 text-align: center; 6 text-align: center;
7 width: 180px; 7 width: 180px;
8 @media (max-width: 576px) { 8 @media (max-width: 576px) {
9 width: 100%; 9 width: 100%;
10 } 10 }
11 @media (min-width: 992px) and (max-width: 1200px) { 11 @media (min-width: 992px) and (max-width: 1200px) {
12 width: 150px; 12 width: 150px;
13 } 13 }
14 } 14 }
15 button { 15 button {
16 cursor: pointer; 16 cursor: pointer;
17 background-image: url("../img/botonera.png"); 17 background-image: url("../img/botonera.png");
18 border-radius: 12px; 18 border-radius: 12px;
19 border-width: 0; 19 border-width: 0;
20 height: 90px; 20 height: 90px;
21 position: relative; 21 position: relative;
22 width: 90px; 22 width: 90px;
23 outline: 0;
23 outline: 0; 24 transition: 0.3s;
24 span { 25 span {
25 left: 0; 26 left: 0;
26 position: absolute; 27 position: absolute;
27 text-align: center; 28 text-align: center;
28 top: 90px; 29 top: 90px;
29 width: 100%; 30 width: 100%;
30 font-size: 12px; 31 font-size: 12px;
31 color: #777777; 32 color: #777777;
32 } 33 }
33 &:hover { 34 &:hover {
34 background-color: rgb(250, 250, 250); 35 background-color: rgb(250, 250, 250);
35 filter: drop-shadow(4px 4px 4px gray); 36 filter: drop-shadow(4px 4px 4px gray);
36 } 37 }
37 &:active { 38 &:active {
38 background-color: rgb(230, 230, 230); 39 background-color: rgb(230, 230, 230);
39 filter: drop-shadow(4px 4px 4px gray); 40 filter: drop-shadow(4px 4px 4px gray);
40 } 41 }
41 &:focus { 42 &:focus {
42 background-color: rgb(250, 250, 250); 43 background-color: rgb(250, 250, 250);
43 filter: drop-shadow(4px 4px 4px gray); 44 filter: drop-shadow(4px 4px 4px gray);
44 } 45 }
45 } 46 }
46 &-menu { 47 &-menu {
47 width: 100%; 48 width: 100%;
48 padding-left: 90px; 49 padding-left: 90px;
49 @media (max-width: 576px) { 50 @media (max-width: 576px) {
50 padding: 0; 51 padding: 0;
51 } 52 }
52 } 53 }
53 &-logo { 54 &-logo {
54 width: 100%; 55 width: 100%;
55 margin-left: 50%; 56 margin-left: 50%;
56 opacity: 0.8; 57 opacity: 0.8;
57 @media (max-width: 576px) { 58 @media (max-width: 576px) {
58 width: 180%; 59 width: 180%;
59 margin-left: 20%; 60 margin-left: 20%;
60 } 61 }
61 } 62 }
62 &-vacio { 63 &-vacio {
63 & button { 64 & button {
64 background-position: -4380px 0; 65 background-position: -4380px 0;
65 &:hover { 66 &:hover {
66 background-position: -4380px -90px; 67 background-position: -4380px -90px;
67 } 68 }
68 } 69 }
69 } 70 }
70 &-abrir-turno { 71 &-abrir-turno {
71 & button { 72 & button {
72 background-position: 0 0; 73 background-position: 0 0;
73 &:hover { 74 &:hover {
74 background-position: 0 -90px; 75 background-position: 0 -90px;
75 } 76 }
76 } 77 }
77 } 78 }
78 &-cerrar-turno { 79 &-cerrar-turno {
79 & button { 80 & button {
80 background-position: -90px 0; 81 background-position: -90px 0;
81 &:hover { 82 &:hover {
82 background-position: -90px -90px; 83 background-position: -90px -90px;
83 } 84 }
84 } 85 }
85 } 86 }
86 &-caja { 87 &-caja {
87 & button { 88 & button {
88 background-position: -180px 0; 89 background-position: -180px 0;
89 &:hover { 90 &:hover {
90 background-position: -180px -90px; 91 background-position: -180px -90px;
91 } 92 }
92 } 93 }
93 } 94 }
94 &-estado-cisterna { 95 &-estado-cisterna {
95 & button { 96 & button {
96 background-image: url("../img/control_stock.png"); 97 background-image: url("../img/control_stock.png");
97 background-size: 90px 90px; 98 background-size: 90px 90px;
98 } 99 }
99 } 100 }
100 &-logistica { 101 &-logistica {
101 & button { 102 & button {
102 background-image: url("../img/logistica.png"); 103 background-image: url("../img/logistica.png");
103 background-size: 90px 90px; 104 background-size: 90px 90px;
104 } 105 }
105 } 106 }
106 &-facturador { 107 &-facturador {
107 & button { 108 & button {
108 background-position: -270px 0px; 109 background-position: -270px 0px;
109 &:hover { 110 &:hover {
110 background-position: -270px -90px; 111 background-position: -270px -90px;
111 } 112 }
112 } 113 }
113 } 114 }
114 &-nota-pedido { 115 &-nota-pedido {
115 & button { 116 & button {
116 background-image: url("../img/notaPedido.png"); 117 background-image: url("../img/notaPedido.png");
117 background-size: 90px 90px; 118 background-size: 90px 90px;
118 } 119 }
119 } 120 }
120 &-remito { 121 &-remito {
121 & button { 122 & button {
122 background-image: url("../img/remito.png"); 123 background-image: url("../img/remito.png");
123 background-size: 90px 90px; 124 background-size: 90px 90px;
124 } 125 }
125 } 126 }
126 &-hoja-ruta { 127 &-hoja-ruta {
127 & button { 128 & button {
128 background-image: url("../img/hoja-ruta.png"); 129 background-image: url("../img/hoja-ruta.png");
129 background-size: 86px 90px; 130 background-size: 86px 90px;
130 } 131 }
131 } 132 }
132 &-activar-hoja-ruta { 133 &-activar-hoja-ruta {
133 & button { 134 & button {
134 background-image: url("../img/activar_hoja.png"); 135 background-image: url("../img/activar_hoja.png");
135 background-size: 90px 90px; 136 background-size: 90px 90px;
136 } 137 }
137 } 138 }
138 &-hoja-ruta-transportista { 139 &-hoja-ruta-transportista {
139 & button { 140 & button {
140 background-image: url("../img/hojaRutaVolante.png"); 141 background-image: url("../img/hojaRutaVolante.png");
141 background-size: 90px 90px; 142 background-size: 90px 90px;
142 } 143 }
143 } 144 }
144 &-seguimiento { 145 &-seguimiento {
145 & button { 146 & button {
146 background-image: url("../img/seguimientoNotaPedido.png"); 147 background-image: url("../img/seguimientoNotaPedido.png");
147 background-size: 90px 90px; 148 background-size: 90px 90px;
148 } 149 }
149 } 150 }
150 &-seguimiento-hoja-ruta { 151 &-seguimiento-hoja-ruta {
151 & button { 152 & button {
152 background-image: url("../img/seguimientoHojaRuta.png"); 153 background-image: url("../img/seguimientoHojaRuta.png");
153 background-size: 90px 90px; 154 background-size: 90px 90px;
154 } 155 }
155 } 156 }
156 &-cobranzas { 157 &-cobranzas {
157 & button { 158 & button {
158 background-image: url("../img/cobranzas.png"); 159 background-image: url("../img/cobranzas.png");
159 background-size: 90px 90px; 160 background-size: 90px 90px;
160 } 161 }
161 } 162 }
162 &-seguimiento-cobranzas { 163 &-seguimiento-cobranzas {
163 & button { 164 & button {
164 background-image: url("../img/seguimientoCobranza.png"); 165 background-image: url("../img/seguimientoCobranza.png");
165 background-size: 90px 90px; 166 background-size: 90px 90px;
166 } 167 }
167 } 168 }
168 &-vehiculo { 169 &-vehiculo {
169 & button { 170 & button {
170 background-image: url("../img/abmVehiculos.png"); 171 background-image: url("../img/abmVehiculos.png");
171 background-size: 90px 90px; 172 background-size: 90px 90px;
172 } 173 }
173 } 174 }
174 &-precio-condicion { 175 &-precio-condicion {
175 & button { 176 & button {
176 background-image: url("../img/abmPrecios.png"); 177 background-image: url("../img/abmPrecios.png");
177 background-size: 90px 90px; 178 background-size: 90px 90px;
178 } 179 }
179 } 180 }
180 &-chofer { 181 &-chofer {
181 & button { 182 & button {
182 background-image: url("../img/abmChofer.png"); 183 background-image: url("../img/abmChofer.png");
183 background-size: 90px 90px; 184 background-size: 90px 90px;
184 } 185 }
185 } 186 }
186 &-agendar-visita { 187 &-agendar-visita {
187 & button { 188 & button {
188 background-image: url("../img/agendarVisita.png"); 189 background-image: url("../img/agendarVisita.png");
189 background-size: 90px 90px; 190 background-size: 90px 90px;
190 } 191 }
191 } 192 }
192 &-informes { 193 &-informes {
193 & button { 194 & button {
194 background-image: url("../img/informes.png"); 195 background-image: url("../img/informes.png");
195 background-size: 90px 90px; 196 background-size: 90px 90px;
196 } 197 }
197 } 198 }
198 &-vendedor-cobrador { 199 &-vendedor-cobrador {
199 & button { 200 & button {
200 background-image: url("../img/abmVendedorCobrador.png"); 201 background-image: url("../img/abmVendedorCobrador.png");
201 background-size: 90px 90px; 202 background-size: 90px 90px;
202 } 203 }
203 } 204 }
204 &-autorizar-nota { 205 &-autorizar-nota {
205 & button { 206 & button {
206 background-image: url("../img/autorizarNota.png"); 207 background-image: url("../img/autorizarNota.png");
207 background-size: 90px 90px; 208 background-size: 90px 90px;
208 } 209 }
209 } 210 }
210 211
211 &-cliente { 212 &-cliente {
212 & button { 213 & button {
213 background-image: url("../img/clientePrincipal.png"); 214 background-image: url("../img/clientePrincipal.png");
214 background-size: 90px 90px; 215 background-size: 90px 90px;
215 } 216 }
216 } 217 }
217 218
218 &-parametros { 219 &-parametros {
219 & button { 220 & button {
220 background-image: url("../img/parametrizar.png"); 221 background-image: url("../img/parametrizar.png");
221 background-size: 90px 90px; 222 background-size: 90px 90px;
222 } 223 }
223 } 224 }
224 225
225 &-factura { 226 &-factura {
226 & button { 227 & button {
227 background-image: url("../img/factura.png"); 228 background-image: url("../img/factura.png");
228 background-size: 90px 90px; 229 background-size: 90px 90px;
229 } 230 }
230 } 231 }
231 232
232 &-orden-carga { 233 &-orden-carga {
233 & button { 234 & button {
234 background-image: url("../img/Orden_de_Carga.png"); 235 background-image: url("../img/Orden_de_Carga.png");
235 background-size: 90px 90px; 236 background-size: 90px 90px;
236 } 237 }
237 } 238 }
238 239
239 .swiper-pagination { 240 .swiper-pagination {
240 bottom: 0px !important; 241 bottom: 0px !important;
241 background: none; 242 background: none;
242 } 243 }
243 244
244 .swiper-button-next { 245 .swiper-button-next {
245 background-image: url("../img/derecha.png"); 246 background-image: url("../img/derecha.png");
246 // &:hover { 247 // &:hover {
247 // // filter: drop-shadow(4px 4px 4px gray); 248 // // filter: drop-shadow(4px 4px 4px gray);
248 // } 249 // }
249 } 250 }
250 251
251 .swiper-button-prev { 252 .swiper-button-prev {
252 background-image: url("../img/izquierda.png"); 253 background-image: url("../img/izquierda.png");
253 // &:hover { 254 // &:hover {
254 // filter: drop-shadow(4px 4px 4px gray); 255 // filter: drop-shadow(4px 4px 4px gray);
255 // } 256 // }
256 } 257 }
257 258
258 .btn-tareas-pausadas{ 259 .btn-tareas-pausadas {
259 background-color: #cd9035; 260 padding-left: 2rem;
260 border-color: #cd9035 !important; 261 padding-right: 2rem;
261 height: 30px; 262 border-radius: 4px;
262 text-align: center; 263 font-size: 14px;
264 width: auto;
265 height: 35px;
263 width: 280px; 266 color: white;
264 background-image: none; 267 background-image: none;
265 flood-color: #ffffff; 268 background-color: #cd9035;
266 &:hover { 269 transition: 0.3s;
267 background-color: #cd9035;
268 } 270 &:hover,
269 &:focus { 271 &:focus {
270 background-color: #cd9035; 272 background-color: #cd9035;
271 } 273 }
272 } 274 }
273 275
274 .dropdown-tareas-pausadas{
275 background: linear-gradient(0 ,#ffffff, #e6e6e6);
276 position: absolute;
277 will-change: transform;
278 top: 0px;
279 left: 0px;
280 transform: translate3d(0px, 0px, 0px);
281 margin-bottom: 5px; 276 .dropdown-tareas-pausadas {
282 padding: 0px; 277 padding: 0px;
283 box-sizing: content-box; 278 border-radius: 4px;
284 border-radius: 12px;
285 font: small; 279 background: linear-gradient(0, #ffffff, #e6e6e6);
280 transform: translate3d(0px, 30px, 0px);
281 box-sizing: content-box;
282 font-size: 12px;
286 transform: translate3d(0px, 30px, 0px); 283 transition: 0.3s;
287 } 284 }
288 285
289 .items-dropdown{ 286 .items-dropdown {
290 background-color:rgba(0, 0, 0, 0); 287 cursor: pointer;
291 cursor: hand; 288 width: auto;
289 background-color: rgba(0, 0, 0, 0);
290 transition: 0.3s;
291 &:hover,
292 &:hover { 292 &:focus {
293 background-color: #e6e6e6;
294 width: 98%;
295 border-radius: 12px; 293 background-color: #e6e6e6;
296 } 294 }
src/sass/_login.scss
Diff comments   View file @ 383324d
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 @ 383324d
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