Eric Fernandez / foca-crear-factura

Download as
Browse Code »

Commit 7b846d2e71c4fee6bbcbe96916cb4b7e482c50fa

Authored by Marcelo Puebla
1 parent 854ba16e9b
Exists in master

Arreglos en la vista.

Showing 1 changed file with 132 additions and 130 deletions   Show diff stats
src/views/factura.html
Diff comments   View file @ 7b846d2
1 1 <div class="crear-nota-remito foca-crear row">
2   - <foca-cabecera-facturador
  2 + <foca-cabecera-facturador
3 3 titulo="'Factura'"
4 4 numero="puntoVenta + '-' + comprobante"
5 5 fecha="now"
6 6 class="mb-0 col-lg-12"
7 7 busqueda="seleccionarRemito"
8   - ></foca-cabecera-facturador>
9   - <marquee
10   - bgcolor="#FF9900"
11   - behavior="scroll"
12   - direction="left"
13   - ng-bind="factura.observaciones"
14   - ></marquee>
15   - <div class="col-lg-12">
16   - <div class="row mt-4">
17   - <div class="col-12 col-md-10 col-lg-10 border border-light rounded">
18   - <div class="row p-1 botonera-secundaria px-5 py-2">
  8 + ></foca-cabecera-facturador>
  9 + <marquee
  10 + bgcolor="#FF9900"
  11 + behavior="scroll"
  12 + direction="left"
  13 + ng-bind="factura.observaciones"
  14 + ></marquee>
  15 + <div class="col-lg-12 p-2">
  16 + <div class="row border border-light rounded m-0">
  17 + <div class="col-12 col-md-10 col-lg-10">
  18 + <div class="row p-1 botonera-secundaria px-3 py-2">
19 19 <div class="col-12">
20 20 <foca-botonera-facturador botones="botonera" extra="4" class="row"></foca-botonera-facturador>
21 21 </div>
... ... @@ -156,133 +156,135 @@
156 156 </div>
157 157 <!-- MOBILE -->
158 158 <div class="row d-sm-none">
159   - <table class="table table-sm table-striped tabla-articulo margin-bottom-mobile">
160   - <thead>
161   - <tr class="d-flex">
162   - <th class="">#</th>
163   - <th class="col px-0">
164   - <div class="d-flex">
165   - <div class="col-4 px-1">Código</div>
166   - <div class="col-8 px-1">Descripción</div>
167   - </div>
168   - <div class="d-flex">
169   - <div class="col-3 px-1">Cantidad</div>
170   - <div class="col px-1 text-right">P. Uni.</div>
171   - <div class="col px-1 text-right">Subtotal</div>
172   - </div>
173   - </th>
174   - <th class="text-center tamaño-boton">
175   - &nbsp;
176   - </th>
177   - </tr>
178   - </thead>
179   - <tbody>
180   - <tr
181   - ng-repeat="(key, articulo) in articulosFiltro()"
182   - ng-show="show || key == articulosFiltro().length - 1"
183   - >
184   - <td class="w-100 d-flex p-0">
185   - <div class="p-1 m-auto">
186   - <span ng-bind="key + 1"></span>
187   - </div>
188   - <div class="col px-0">
  159 + <div class="col p-0 m-2 mb-5">
  160 + <table class="table table-sm table-striped tabla-articulo">
  161 + <thead>
  162 + <tr class="d-flex">
  163 + <th class="">#</th>
  164 + <th class="col px-0">
189 165 <div class="d-flex">
190   - <div class="col-4 px-1">
191   - <span
192   - ng-bind="articulo.SEC + '-' + articulo.ART"
193   - ></span>
194   - </div>
195   - <div class="col-8 px-1">
196   - <span ng-bind="articulo.DES"></span>
197   - </div>
  166 + <div class="col-4 px-1">Código</div>
  167 + <div class="col-8 px-1">Descripción</div>
198 168 </div>
199 169 <div class="d-flex">
200   - <div class="col-4 px-1">
201   - <span
202   - ng-bind="'x' + articulo.CAN"
203   - ng-hide="articulo.editCantidad"
204   - ></span>
205   - <i
206   - class="fa fa-pencil text-white-50"
207   - aria-hidden="true"
208   - ng-hide="articulo.editCantidad"
209   - ng-click="articulo.editCantidad = true"
210   - ></i>
211   - <input
212   - ng-show="articulo.editCantidad"
213   - ng-model="articulo.CAN"
214   - class="form-control"
215   - foca-tipo-input
216   - min="1"
217   - step="0.001"
218   - foca-focus="articulo.editCantidad"
219   - ng-keypress="editarArticulo($event.keyCode, articulo, tmpCantidad, tmpPrecio)"
220   - ng-focus="selectFocus($event)"
221   - >
222   - </div>
223   - <div class="col px-1 text-right">
224   - <span ng-bind="articulo.PUN |
225   - currency: factura.cotizacion.moneda.SIMBOLO : 4"></span>
226   - ></span>
  170 + <div class="col-3 px-1">Cantidad</div>
  171 + <div class="col px-1 text-right">P. Uni.</div>
  172 + <div class="col px-1 text-right">Subtotal</div>
  173 + </div>
  174 + </th>
  175 + <th class="text-center tamaño-boton">
  176 + &nbsp;
  177 + </th>
  178 + </tr>
  179 + </thead>
  180 + <tbody>
  181 + <tr
  182 + ng-repeat="(key, articulo) in articulosFiltro()"
  183 + ng-show="show || key == articulosFiltro().length - 1"
  184 + >
  185 + <td class="w-100 d-flex p-0">
  186 + <div class="p-1 m-auto">
  187 + <span ng-bind="key + 1"></span>
  188 + </div>
  189 + <div class="col px-0">
  190 + <div class="d-flex">
  191 + <div class="col-4 px-1">
  192 + <span
  193 + ng-bind="articulo.SEC + '-' + articulo.ART"
  194 + ></span>
  195 + </div>
  196 + <div class="col-8 px-1">
  197 + <span ng-bind="articulo.DES"></span>
  198 + </div>
227 199 </div>
228   - <div class="col px-1 text-right">
229   - <span
230   - ng-bind="(articulo.PUN * articulo.CAN) |
231   - currency: factura.cotizacion.moneda.SIMBOLO"
232   - >
233   - </span>
  200 + <div class="d-flex">
  201 + <div class="col-4 px-1">
  202 + <span
  203 + ng-bind="'x' + articulo.CAN"
  204 + ng-hide="articulo.editCantidad"
  205 + ></span>
  206 + <i
  207 + class="fa fa-pencil text-white-50"
  208 + aria-hidden="true"
  209 + ng-hide="articulo.editCantidad"
  210 + ng-click="articulo.editCantidad = true"
  211 + ></i>
  212 + <input
  213 + ng-show="articulo.editCantidad"
  214 + ng-model="articulo.CAN"
  215 + class="form-control"
  216 + foca-tipo-input
  217 + min="1"
  218 + step="0.001"
  219 + foca-focus="articulo.editCantidad"
  220 + ng-keypress="editarArticulo($event.keyCode, articulo, tmpCantidad, tmpPrecio)"
  221 + ng-focus="selectFocus($event)"
  222 + >
  223 + </div>
  224 + <div class="col px-1 text-right">
  225 + <span ng-bind="articulo.PUN |
  226 + currency: factura.cotizacion.moneda.SIMBOLO : 4"></span>
  227 + ></span>
  228 + </div>
  229 + <div class="col px-1 text-right">
  230 + <span
  231 + ng-bind="(articulo.PUN * articulo.CAN) |
  232 + currency: factura.cotizacion.moneda.SIMBOLO"
  233 + >
  234 + </span>
  235 + </div>
234 236 </div>
235 237 </div>
236   - </div>
237   - <div class="m-auto p-1">
  238 + <div class="m-auto p-1">
  239 + <button
  240 + class="btn btn-outline-light"
  241 + ng-click="quitarDespacho(key)"
  242 + >
  243 + <i class="fa fa-trash"></i>
  244 + </button>
  245 + </div>
  246 + </td>
  247 + </tr>
  248 + </tbody>
  249 + <tfoot>
  250 + <!-- TOOGLE EXPANDIR -->
  251 + <tr>
  252 + <td class="col">
238 253 <button
239   - class="btn btn-outline-light"
240   - ng-click="quitarDespacho(key)"
  254 + class="btn btn-outline-light selectable w-100"
  255 + ng-click="show = !show; masMenos()"
  256 + ng-show="articulosFiltro().length > 0"
241 257 >
242   - <i class="fa fa-trash"></i>
  258 + <i
  259 + class="fa fa-chevron-down"
  260 + ng-hide="show"
  261 + aria-hidden="true"
  262 + >
  263 + </i>
  264 + <i
  265 + class="fa fa-chevron-up"
  266 + ng-show="show"
  267 + aria-hidden="true">
  268 + </i>
243 269 </button>
244   - </div>
245   - </td>
246   - </tr>
247   - </tbody>
248   - <tfoot>
249   - <!-- TOOGLE EXPANDIR -->
250   - <tr>
251   - <td class="col">
252   - <button
253   - class="btn btn-outline-light selectable w-100"
254   - ng-click="show = !show; masMenos()"
255   - ng-show="articulosFiltro().length > 0"
256   - >
257   - <i
258   - class="fa fa-chevron-down"
259   - ng-hide="show"
260   - aria-hidden="true"
261   - >
262   - </i>
263   - <i
264   - class="fa fa-chevron-up"
265   - ng-show="show"
266   - aria-hidden="true">
267   - </i>
268   - </button>
269   - </td>
270   - </tr>
271   - <!-- FOOTER -->
272   - <tr class="d-flex">
273   - <td class="m-auto no-border-top" colspan="2">
274   - <strong>Cantidad Items:</strong>
275   - <a ng-bind="articulosFiltro().length"></a>
276   - </td>
277   - <td class="text-right ml-auto table-celda-total no-border-top">
278   - <h3>Total:</h3>
279   - </td>
280   - <td class="table-celda-total text-right no-border-top">
281   - <h3>{{getTotal() | currency: factura.cotizacion.moneda.SIMBOLO}}</h3>
282   - </td>
283   - </tr>
284   - </tfoot>
285   - </table>
  270 + </td>
  271 + </tr>
  272 + <!-- FOOTER -->
  273 + <tr class="d-flex">
  274 + <td class="m-auto no-border-top" colspan="2">
  275 + <strong>Cantidad Items:</strong>
  276 + <a ng-bind="articulosFiltro().length"></a>
  277 + </td>
  278 + <td class="text-right ml-auto table-celda-total no-border-top">
  279 + <h3>Total:</h3>
  280 + </td>
  281 + <td class="table-celda-total text-right no-border-top">
  282 + <h3>{{getTotal() | currency: factura.cotizacion.moneda.SIMBOLO}}</h3>
  283 + </td>
  284 + </tr>
  285 + </tfoot>
  286 + </table>
  287 + </div>
286 288 </div>
287 289 </div>
288 290 </div>