Jose Pinto / foca-crear-nota-pedido

Download as
Browse Code »

Commit 3011e0a3f126ede6779593e52716828cc8930dfb

Authored by Pablo Marco del Pont
1 parent d0ba160322
Exists in master

- Cambié la estructura de la botonera secundaria. 

- Unifiqué sector y código.
- Invertí el orden de cantidad y precio unitario.
- Alineé a la derecha cantidad, precio unitario y subtotal.
- Agregué task watch.
Showing 2 changed files with 32 additions and 26 deletions   Show diff stats
... ... @@ -82,3 +82,7 @@ gulp.task('clean-post-install', function() {
82 82 });
83 83  
84 84 gulp.task('default', ['webserver']);
  85 +
  86 +gulp.task('watch', function() {
  87 + gulp.watch([paths.srcJS, paths.srcViews], ['uglify']);
  88 +});
src/views/nota-pedido.html
Diff comments   View file @ 3011e0a
... ... @@ -22,13 +22,20 @@
22 22 </div>
23 23 </div>
24 24 <div class="row p-1 botonera-secundaria">
25   - <div class=" col-12 col-sm-6 col-md-3 botonera" ng-repeat="boton in botonera">
26   - <button
27   - type="button"
28   - class="btn btn-default btn-block btn-xs"
29   - ng-bind="boton.texto"
30   - ng-click="boton.accion()"
31   - ></button>
  25 + <div class="col-12">
  26 + <div class="row">
  27 + <div class="col-3 px-0 py-0" ng-repeat="boton in botonera">
  28 + <button
  29 + type="button"
  30 + class="btn btn-default btn-block btn-xs text-left py-2"
  31 + ng-click="boton.accion()"
  32 + >
  33 + <i class="fa fa-arrow-circle-right"></i>
  34 + &nbsp;
  35 + {{boton.texto}}
  36 + </button>
  37 + </div>
  38 + </div>
32 39 </div>
33 40 </div>
34 41 </div>
... ... @@ -40,11 +47,10 @@
40 47 <table class="table table-striped table-sm table-dark">
41 48 <thead>
42 49 <tr>
43   - <th>Sector</th>
44 50 <th>Código</th>
45 51 <th>Descripción</th>
46   - <th>Precio Unitario</th>
47 52 <th>Cantidad</th>
  53 + <th>Precio Unitario</th>
48 54 <th>SubTotal</th>
49 55 <th>
50 56 <button
... ... @@ -71,21 +77,13 @@
71 77 <tr ng-show="!cargando">
72 78 <td><input
73 79 class="form-control"
74   - ng-model="articuloACargar.sector"
75   - readonly></td>
76   - <td><input
77   - class="form-control"
78   - ng-model="articuloACargar.codigo"
  80 + ng-model="articuloACargar.sector + '-' + articuloACargar.codigo"
79 81 readonly></td>
80 82 <td><input
81 83 class="form-control"
82 84 ng-model="articuloACargar.descripcion"
83 85 readonly></td>
84   - <td><input
85   - class="form-control"
86   - ng-value="articuloACargar.precio | currency: '$'"
87   - readonly></td>
88   - <td><input
  86 + <td class="text-right"><input
89 87 class="form-control"
90 88 type="number"
91 89 min="1"
... ... @@ -93,7 +91,11 @@
93 91 foca-focus="!cargando"
94 92 esc-key="resetFilter()"
95 93 ng-keypress="agregarATabla($event.keyCode)"></td>
96   - <td><input
  94 + <td class="text-right"><input
  95 + class="form-control"
  96 + ng-value="articuloACargar.precio | currency: '$'"
  97 + readonly></td>
  98 + <td class="text-right"><input
97 99 class="form-control"
98 100 ng-value="getSubTotal() | currency: '$'"
99 101 readonly></td>
... ... @@ -107,11 +109,9 @@
107 109 ng-repeat="(key, articulo) in articulosTabla"
108 110 ng-show="show || key == 0"
109 111 >
110   - <td ng-bind="articulo.sector"></td>
111   - <td ng-bind="articulo.codigo"></td>
  112 + <td ng-bind="articulo.sector + '-' + articulo.codigo"></td>
112 113 <td ng-bind="articulo.descripcion"></td>
113   - <td ng-bind="articulo.precio | currency: '$'"></td>
114   - <td><input
  114 + <td class="text-right"><input
115 115 ng-show="articulo.edit"
116 116 ng-model="articulo.cantidad"
117 117 class="form-control"
... ... @@ -128,7 +128,9 @@
128 128 ng-bind="articulo.cantidad">
129 129 </i>
130 130 </td>
  131 + <td class="text-right" ng-bind="articulo.precio | currency: '$'"></td>
131 132 <td
  133 + class="text-right"
132 134 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">
133 135 </td>
134 136 <td class="text-center">
... ... @@ -141,7 +143,7 @@
141 143 </td>
142 144 </tr>
143 145 <tr ng-show="cargando">
144   - <td colspan="7">
  146 + <td colspan="6">
145 147 <input
146 148 placeholder="Seleccione Articulo"
147 149 class="form-control form-control-sm"
... ... @@ -153,7 +155,7 @@
153 155 </tbody>
154 156 <tfoot>
155 157 <tr class="">
156   - <td colspan="4">
  158 + <td colspan="3">
157 159 <strong>Cantidad Items:</strong>
158 160 <a ng-bind="articulosTabla.length"></a>
159 161 </td>