Commit 51b93fcc7230915949c237fe8a033adbbd31b57d
1 parent
a756c6a151
Exists in
master
- Agregué teclado virtual.
- Agregué watch a gulp.
Showing
2 changed files
with
6 additions
and
0 deletions
Show diff stats
gulpfile.js
1 | const clean = require('gulp-clean'); | 1 | const clean = require('gulp-clean'); |
2 | const concat = require('gulp-concat'); | 2 | const concat = require('gulp-concat'); |
3 | const connect = require('gulp-connect'); | 3 | const connect = require('gulp-connect'); |
4 | const gulp = require('gulp'); | 4 | const gulp = require('gulp'); |
5 | const htmlmin = require('gulp-htmlmin'); | 5 | const htmlmin = require('gulp-htmlmin'); |
6 | const jshint = require('gulp-jshint'); | 6 | const jshint = require('gulp-jshint'); |
7 | const pump = require('pump'); | 7 | const pump = require('pump'); |
8 | const rename = require('gulp-rename'); | 8 | const rename = require('gulp-rename'); |
9 | const replace = require('gulp-replace'); | 9 | const replace = require('gulp-replace'); |
10 | const templateCache = require('gulp-angular-templatecache'); | 10 | const templateCache = require('gulp-angular-templatecache'); |
11 | const uglify = require('gulp-uglify-es').default; | 11 | const uglify = require('gulp-uglify-es').default; |
12 | 12 | ||
13 | var paths = { | 13 | var paths = { |
14 | srcJS: 'src/js/*.js', | 14 | srcJS: 'src/js/*.js', |
15 | srcViews: 'src/views/*.html', | 15 | srcViews: 'src/views/*.html', |
16 | tmp: 'tmp', | 16 | tmp: 'tmp', |
17 | dist: 'dist/' | 17 | dist: 'dist/' |
18 | }; | 18 | }; |
19 | 19 | ||
20 | gulp.task('templates', ['clean'], function() { | 20 | gulp.task('templates', ['clean'], function() { |
21 | return pump( | 21 | return pump( |
22 | [ | 22 | [ |
23 | gulp.src(paths.srcViews), | 23 | gulp.src(paths.srcViews), |
24 | htmlmin(), | 24 | htmlmin(), |
25 | templateCache('views.js', { | 25 | templateCache('views.js', { |
26 | module: 'focaLogin', | 26 | module: 'focaLogin', |
27 | root: '' | 27 | root: '' |
28 | }), | 28 | }), |
29 | gulp.dest(paths.tmp) | 29 | gulp.dest(paths.tmp) |
30 | ] | 30 | ] |
31 | ); | 31 | ); |
32 | }); | 32 | }); |
33 | 33 | ||
34 | gulp.task('uglify', ['templates'], function() { | 34 | gulp.task('uglify', ['templates'], function() { |
35 | return pump( | 35 | return pump( |
36 | [ | 36 | [ |
37 | gulp.src([ | 37 | gulp.src([ |
38 | paths.srcJS, | 38 | paths.srcJS, |
39 | 'tmp/views.js' | 39 | 'tmp/views.js' |
40 | ]), | 40 | ]), |
41 | concat('foca-login.js'), | 41 | concat('foca-login.js'), |
42 | replace("['ngRoute', 'ngCookies', 'focaDirectivas']",'[]'), | 42 | replace("['ngRoute', 'ngCookies', 'focaDirectivas']",'[]'), |
43 | replace('src/views/', ''), | 43 | replace('src/views/', ''), |
44 | gulp.dest(paths.tmp), | 44 | gulp.dest(paths.tmp), |
45 | rename('foca-login.min.js'), | 45 | rename('foca-login.min.js'), |
46 | uglify(), | 46 | uglify(), |
47 | gulp.dest(paths.dist) | 47 | gulp.dest(paths.dist) |
48 | ] | 48 | ] |
49 | ); | 49 | ); |
50 | }); | 50 | }); |
51 | 51 | ||
52 | gulp.task('clean', function() { | 52 | gulp.task('clean', function() { |
53 | return gulp.src(['tmp', 'dist'], {read: false}) | 53 | return gulp.src(['tmp', 'dist'], {read: false}) |
54 | .pipe(clean()); | 54 | .pipe(clean()); |
55 | }); | 55 | }); |
56 | 56 | ||
57 | gulp.task('pre-commit', function() { | 57 | gulp.task('pre-commit', function() { |
58 | pump( | 58 | pump( |
59 | [ | 59 | [ |
60 | gulp.src(paths.srcJS), | 60 | gulp.src(paths.srcJS), |
61 | jshint('.jshintrc'), | 61 | jshint('.jshintrc'), |
62 | jshint.reporter('default'), | 62 | jshint.reporter('default'), |
63 | jshint.reporter('fail') | 63 | jshint.reporter('fail') |
64 | ] | 64 | ] |
65 | ); | 65 | ); |
66 | }); | 66 | }); |
67 | 67 | ||
68 | gulp.task('clean-post-install', function() { | 68 | gulp.task('clean-post-install', function() { |
69 | return gulp.src(['src', 'tmp', '.jshintrc','readme.md', '.gitignore', 'gulpfile.js', | 69 | return gulp.src(['src', 'tmp', '.jshintrc','readme.md', '.gitignore', 'gulpfile.js', |
70 | 'index.html'], {read: false}) | 70 | 'index.html'], {read: false}) |
71 | .pipe(clean()); | 71 | .pipe(clean()); |
72 | }); | 72 | }); |
73 | 73 | ||
74 | gulp.task('compile', ['templates', 'uglify']); | 74 | gulp.task('compile', ['templates', 'uglify']); |
75 | 75 | ||
76 | gulp.task('webserver', function() { | 76 | gulp.task('webserver', function() { |
77 | pump [ | 77 | pump [ |
78 | connect.server({port: 3000}) | 78 | connect.server({port: 3000}) |
79 | ] | 79 | ] |
80 | }); | 80 | }); |
81 | 81 | ||
82 | gulp.task('default', ['webserver']); | 82 | gulp.task('default', ['webserver']); |
83 | |||
84 | gulp.task('watch', function() { | ||
85 | return gulp.watch([paths.srcJS, paths.srcViews], ['uglify']); | ||
86 | }); | ||
83 | 87 |
src/views/foca-login.html
1 | <div class="login"> | 1 | <div class="login"> |
2 | <form name="login"> | 2 | <form name="login"> |
3 | <div class="login-titulo"> | 3 | <div class="login-titulo"> |
4 | <span>Ingreso de usuario</span> | 4 | <span>Ingreso de usuario</span> |
5 | </div> | 5 | </div> |
6 | <div class="login-campo"> | 6 | <div class="login-campo"> |
7 | <label>Usuario</label> | 7 | <label>Usuario</label> |
8 | <input | 8 | <input |
9 | type = "text" | 9 | type = "text" |
10 | ng-model = "usuario.idUsuario" | 10 | ng-model = "usuario.idUsuario" |
11 | foca-focus = "paso == 1" | 11 | foca-focus = "paso == 1" |
12 | ng-keyup = "$event.keyCode == 13 && irPaso(2)" | 12 | ng-keyup = "$event.keyCode == 13 && irPaso(2)" |
13 | teclado-virtual | ||
13 | /> | 14 | /> |
14 | </div> | 15 | </div> |
15 | <div class="login-campo"> | 16 | <div class="login-campo"> |
16 | <label>Contraseña</label> | 17 | <label>Contraseña</label> |
17 | <input | 18 | <input |
18 | type = "password" | 19 | type = "password" |
19 | ng-model = "usuario.clave" | 20 | ng-model = "usuario.clave" |
20 | foca-focus = "paso == 2" | 21 | foca-focus = "paso == 2" |
21 | ng-keyup = "$event.keyCode == 13 && enviar()" | 22 | ng-keyup = "$event.keyCode == 13 && enviar()" |
23 | teclado-virtual | ||
22 | /> | 24 | /> |
23 | </div> | 25 | </div> |
24 | </form> | 26 | </form> |
25 | </div> | 27 | </div> |
26 | 28 |