Jose Pinto / foca-busqueda-cliente

Commit b0902d7eeed0f3daab8e652e7ee331b5decbb429

Authored by Pablo Marco del Pont 2018-10-29 10:41:28 -0300

Exists in master

- Modifiqué la vista para hacer foco al entrar y seleccionar nombre al presionar enter.

- Agregué gulp clean y watch.

Showing 2 changed files with 12 additions and 1 deletions Show diff stats

gulpfile.js

Diff comments View file @ b0902d7

 const templateCache = require('gulp-angular-templatecache');
 const concat        = require('gulp-concat');
 const htmlmin       = require('gulp-htmlmin');
 const rename        = require('gulp-rename');
 const uglify        = require('gulp-uglify-es').default;
 const gulp          = require('gulp');
 const pump          = require('pump');
 const jshint        = require('gulp-jshint');
 const replace       = require('gulp-replace');
 const connect       = require('gulp-connect');
 const clean         = require('gulp-clean');
 var paths = {
     srcJS: 'src/js/*.js',
     srcViews: 'src/views/*.html',
     tmp:   'tmp',
     dist:  'dist/'
 };
-gulp.task('templates', function() {
+gulp.task('clean', function(){
+    return gulp.src(['tmp', 'dist'], {read: false})
+    .pipe(clean());
+});
+gulp.task('templates', ['clean'], function() {
     return pump(
         [
             gulp.src(paths.srcViews),
             htmlmin(),
             templateCache('views.js', {
                 module: 'focaBusquedaCliente',
                 root: ''
             }),
             gulp.dest(paths.tmp)
         ]
     );
 });
 gulp.task('uglify', ['templates'], function() {
     return pump(
         [
             gulp.src([
                 paths.srcJS,
                 'tmp/views.js'
             ]),
             concat('foca-busqueda-cliente.js'),
             replace("'ui.bootstrap'", ''),
             replace('src/views/', ''),
             gulp.dest(paths.tmp),
             rename('foca-busqueda-cliente.min.js'),
             uglify(),
             gulp.dest(paths.dist)
         ]
     );
 });
 gulp.task('pre-commit', function() {
     return pump(
         [
             gulp.src(paths.srcJS),
             jshint('.jshintrc'),
             jshint.reporter('default'),
             jshint.reporter('fail')
         ]
     );
 });
 gulp.task('webserver', function() {
     pump [
         connect.server({port: 3000})
     ]
 });
 gulp.task('clean-post-install', function() {
     return gulp.src(['src', 'tmp', '.jshintrc','readme.md', '.gitignore', 'gulpfile.js',
                      'index.html'], {read: false})
     .pipe(clean());
 });
 gulp.task('default', ['webserver']);
+gulp.task('watch', function(){
+    gulp.watch([paths.srcJS, paths.srcViews], ['uglify']);
+});

src/views/foca-busqueda-cliente-modal.html

Diff comments View file @ b0902d7

 <div class="modal-header">
     <h3 class="modal-title">Búsqueda de cliente</h3>
 </div>
 <div class="modal-body">
     <form>
         <div class="form-group row">
             <label class="col-sm-4 col-form-label">Nombre o CUIT</label>
             <div class="col-sm-8">
                 <input
                     type="text"
                     ng-model="cliente"
                     placeholder="Nombre o CUIT"
                     uib-typeahead="
                         cliente.cod + ' ' + cliente.nom + ' (' + cliente.cuit + ')'
                         for cliente
                         in obtenerClientesPorNombreOCuit($viewValue)
                     "
                     typeahead-loading="cargandoClientes"
                     typeahead-no-results="sinResultados"
                     typeahead-on-select="seleccionar($item)"
                     class="form-control"
+                    foca-focus="true"
+                    ng-keypress="$event.keyCode === 13 && aceptar()"
                 >
                 <i ng-show="cargandoClientes" class="fas fa-sync"></i>
                 <div ng-show="sinResultados">
                     <i class="fa fa-minus"></i> No se encontraron resultados.
                 </div>
             </div>
         </div>
     </form>
 </div>
 <div class="modal-footer">
     <button class="btn" ng-click="aceptar()">Aceptar</button>
     <button class="btn" ng-click="cancelar()">Cancelar</button>
 </div>