Mauricio Cattafi / foca-modal-busqueda-productos

Commit 1e463c2d3a5e86b0312d0796c795bd5d44e9b1a7

Authored by Pablo Marco del Pont 2018-10-29 13:03:50 -0300

- Apliqué cambios de estilo para achicar elementos.

- Añadí tareas clean y watch al gulp.

Showing 2 changed files with 30 additions and 21 deletions Show diff stats

gulpfile.js

Diff comments View file @ 1e463c2

 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');
 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: 'focaBusquedaProductos',
                 root: ''
             }),
             gulp.dest(paths.tmp)
         ]
     );
 });
 gulp.task('uglify', ['templates'], function() {
     return pump(
         [
             gulp.src([
                 paths.srcJS,
                 'tmp/views.js'
             ]),
             concat('foca-busqueda-productos.js'),
             replace('src/views/', ''),
             replace("['ui.bootstrap', 'focaDirectivas']", '[]'),
             gulp.dest(paths.tmp),
             rename('foca-busqueda-productos.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.start('uglify');
 });
 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('default', ['webserver']);
+gulp.task('watch', function() {
+    gulp.watch([paths.srcJS, paths.srcViews], ['uglify'])
+});

src/views/modal-busqueda-productos.html

Diff comments View file @ 1e463c2

1	<div class="modal-header">	1	<div class="modal-header py-1">
2	<h3 class="modal-title">Busqueda de Productos</h3>	2	<h5 class="modal-title">Busqueda de Productos</h5>
3	</div>	3	</div>
4	<div class="modal-body" id="modal-body">	4	<div class="modal-body" id="modal-body">
5	<div class="input-group mb-3">	5	<div class="input-group">
6	<input	6	<input
7	type="text"	7	type="text"
8	class="form-control"	8	class="form-control"
9	placeholder="Busqueda"	9	placeholder="Busqueda"
10	ng-model="filters"	10	ng-model="filters"
11	ng-change="search()"	11	ng-change="search()"
12	ng-keydown="busquedaDown($event.keyCode)"	12	ng-keydown="busquedaDown($event.keyCode)"
13	ng-keypress="busquedaPress($event.keyCode)"	13	ng-keypress="busquedaPress($event.keyCode)"
14	foca-focus="selectedProducto == -1"	14	foca-focus="selectedProducto == -1"
15	ng-focus="selectedProducto = -1"	15	ng-focus="selectedProducto = -1"
16	>	16	>
17	<table class="table table-striped table-sm">	17	<table class="table table-striped table-sm">
18	<thead>	18	<thead>
19	<tr>	19	<tr>
20	<th>Sec.</th>	20	<th>Sec.</th>
21	<th>Cod.</th>	21	<th>Cod.</th>
22	<th>Descripción</th>	22	<th>Descripción</th>
23	<th>P. Base</th>	23	<th>P. Base</th>
24	<th></th>	24	<th></th>
25	</tr>	25	</tr>
26	</thead>	26	</thead>
27	<tbody>	27	<tbody>
28	<tr class="selectable"	28	<tr class="selectable"
29	ng-repeat="(key,producto) in currentPageProductos"	29	ng-repeat="(key,producto) in currentPageProductos"
30	ng-click="select(producto)">	30	ng-click="select(producto)">
31	<td ng-bind="producto.sector"></td>	31	<td ng-bind="producto.sector"></td>
32	<td ng-bind="producto.codigo"></td>	32	<td ng-bind="producto.codigo"></td>
33	<td ng-bind="producto.descripcion"></td>	33	<td ng-bind="producto.descripcion"></td>
34	<td ng-bind="producto.precio \| currency"></td>	34	<td ng-bind="producto.precio \| currency"></td>
35	<td>	35	<td>
36	<button	36	<button
37	type="button"	37	type="button"
38	class="btn p-2 float-right"	38	class="btn btn-xs p-1 float-right"
39	ng-class="{	39	ng-class="{
40	'btn-secondary': selectedProducto != key,	40	'btn-secondary': selectedProducto != key,
41	'btn-primary': selectedProducto == key	41	'btn-primary': selectedProducto == key
42	}"	42	}"
43	foca-focus="selectedProducto == {{key}}"	43	foca-focus="selectedProducto == {{key}}"
44	ng-keydown="itemProducto($event.keyCode)"	44	ng-keydown="itemProducto($event.keyCode)"
45	>	45	>
46	<i class="fa fa-arrow-right" aria-hidden="true"></i>	46	<i class="fa fa-arrow-right" aria-hidden="true"></i>
47	</button>	47	</button>
48	</td>	48	</td>
49	</tr>	49	</tr>
50	</tbody>	50	</tbody>
51	</table>	51	</table>
52	<nav>	52	<nav>
53	<ul class="pagination justify-content-end">	53	<ul class="pagination pagination-sm justify-content-end mb-0">
54	<li class="page-item" ng-class="{'disabled': currentPage == 1}">	54	<li class="page-item" ng-class="{'disabled': currentPage == 1}">
55	<a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">	55	<a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">
56	<span aria-hidden="true">«</span>	56	<span aria-hidden="true">«</span>
57	<span class="sr-only">Anterior</span>	57	<span class="sr-only">Anterior</span>
58	</a>	58	</a>
59	</li>	59	</li>
60	<li	60	<li
61	class="page-item"	61	class="page-item"
62	ng-repeat="pagina in paginas"	62	ng-repeat="pagina in paginas"
63	ng-class="{'active': pagina == currentPage}"	63	ng-class="{'active': pagina == currentPage}"
64	>	64	>
65	<a	65	<a
66	class="page-link"	66	class="page-link"
67	href="#"	67	href="#"
68	ng-click="selectPage(pagina)"	68	ng-click="selectPage(pagina)"
69	ng-bind="pagina"	69	ng-bind="pagina"
70	></a>	70	></a>
71	</li>	71	</li>
72	<li class="page-item" ng-class="{'disabled': currentPage == lastPage}">	72	<li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
73	<a class="page-link" href="#" ng-click="selectPage(currentPage + 1)">	73	<a class="page-link" href="#" ng-click="selectPage(currentPage + 1)">
74	<span aria-hidden="true">»</span>	74	<span aria-hidden="true">»</span>
75	<span class="sr-only">Siguiente</span>	75	<span class="sr-only">Siguiente</span>
76	</a>	76	</a>
77	</li>	77	</li>
78	</ul>	78	</ul>
79	</nav>	79	</nav>
80	</div>	80	</div>
81	</div>	81	</div>
82	<div class="modal-footer">	82	<div class="modal-footer py-1">
83	<button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>	83	<button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
84	</div>	84	</div>
85		85