Nicolás Guarnieri / foca-crear-nota-pedido

Download as
Browse Code »

Commit 0a9bc7e3bb868a7ddf935c77a5cb5db10b1336b8

Authored by Eric Fernandez
2 parents 6d049380aa c4d6844a19
Exists in master

Merge branch 'master' of https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido

Showing 2 changed files   Show diff stats
... ... @@ -72,7 +72,7 @@ gulp.task('pre-commit', function() {
72 72  
73 73 gulp.task('webserver', function() {
74 74 pump [
75   - connect.server({port: 3000})
  75 + connect.server({port: 3300, host: '0.0.0.0'})
76 76 ]
77 77 });
78 78  
src/views/nota-pedido.html
Diff comments   View file @ 0a9bc7e
... ... @@ -8,8 +8,10 @@
8 8 <div class="col-12 col-sm-4 nota-pedido">
9 9 <h5>NOTA DE PEDIDO</h5>
10 10 </div>
11   - <div class="col-6 col-sm-4 numero-pedido">Nº {{puntoVenta}}-{{comprobante}}</div>
12   - <div class="col-6 col-sm-4 text-right crear-nota-pedido-fecha">
  11 + <div class="col-5 col-sm-4 numero-pedido"
  12 + >Nº {{puntoVenta}}-{{comprobante}}
  13 + </div>
  14 + <div class="col-7 col-sm-4 text-right">
13 15 Fecha:
14 16 <span
15 17 ng-show="!datepickerAbierto"
... ... @@ -81,8 +83,8 @@
81 83 <div class="row">
82 84 <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
83 85 <!-- PC -->
84   - <div class="row grilla-articulo align-items-end">
85   - <table class="table tabla-articulo table-striped table-sm table-dark mb-0">
  86 + <div class="row grilla-articulo align-items-end d-none d-sm-flex">
  87 + <table class="table tabla-articulo table-striped table-sm table-dark">
86 88 <thead>
87 89 <tr class="d-flex">
88 90 <th class="">#</th>
... ... @@ -251,15 +253,17 @@
251 253 </td>
252 254 </tr>
253 255 <tr class="d-flex">
254   - <td colspan="4">
  256 + <td colspan="4" class="no-border-top">
255 257 <strong>Cantidad Items:</strong>
256 258 <a ng-bind="articulosTabla.length"></a>
257 259 </td>
258   - <td class="text-right ml-auto table-celda-total"><h3>Total:</h3></td>
259   - <td class="table-celda-total text-right" colspan="1">
  260 + <td class="text-right ml-auto table-celda-total no-border-top">
  261 + <h3>Total:</h3>
  262 + </td>
  263 + <td class="table-celda-total text-right no-border-top" colspan="1">
260 264 <h3>{{getTotal() | currency: '$'}}</h3>
261 265 </td>
262   - <td class="text-right">
  266 + <td class="text-right no-border-top">
263 267 <button
264 268 type="button"
265 269 class="btn btn-default btn-sm"
... ... @@ -271,8 +275,176 @@
271 275 </tfoot>
272 276 </table>
273 277 </div>
  278 +
  279 + <!-- MOBILE -->
  280 + <div class="row d-sm-none">
  281 + <table class="table table-sm table-striped table-dark margin-bottom-mobile">
  282 + <thead>
  283 + <tr class="d-flex">
  284 + <th class="">#</th>
  285 + <th class="col px-0">
  286 + <div class="d-flex">
  287 + <div class="col-4 px-1">Código</div>
  288 + <div class="col-8 px-1">Descripción</div>
  289 + </div>
  290 + <div class="d-flex">
  291 + <div class="col-3 px-1">Cantidad</div>
  292 + <div class="col px-1 text-right">P. Uni.</div>
  293 + <div class="col px-1 text-right">Subtotal</div>
  294 + </div>
  295 + </th>
  296 + <th class="text-center tamaño-boton">
  297 + &nbsp;
  298 + </th>
  299 + </tr>
  300 + </thead>
  301 + <tbody>
  302 + <tr
  303 + ng-repeat="(key, articulo) in articulosTabla"
  304 + ng-show="show || key == articulosTabla.length - 1"
  305 + >
  306 + <td class="w-100 align-middle d-flex p-0">
  307 + <div class="align-middle p-1">
  308 + <span ng-bind="key+1" class="align-middle"></span>
  309 + </div>
  310 + <div class="col px-0">
  311 + <div class="d-flex">
  312 + <div class="col-4 px-1">
  313 + <span
  314 + ng-bind="articulo.sector + '-' + articulo.codigo"
  315 + ></span>
  316 + </div>
  317 + <div class="col-8 px-1">
  318 + <span ng-bind="articulo.descripcion"></span>
  319 + </div>
  320 + </div>
  321 + <div class="d-flex">
  322 + <div class="col-3 px-1">
  323 + <span ng-bind="'x' + articulo.cantidad"></span>
  324 + </div>
  325 + <div class="col-3 px-1 text-right">
  326 + <span ng-bind="articulo.precio | currency: '$'"></span>
  327 + </div>
  328 + <div class="col px-1 text-right">
  329 + <span
  330 + ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'"
  331 + >
  332 + </span>
  333 + </div>
  334 + </div>
  335 + </div>
  336 + <div class="align-middle p-1">
  337 + <button
  338 + class="btn btn-outline-secondary"
  339 + ng-click="quitarArticulo(key)"
  340 + >
  341 + <i class="fa fa-trash"></i>
  342 + </button>
  343 + </div>
  344 + </td>
  345 + </tr>
  346 + </tbody>
  347 + <tfoot>
  348 + <!-- CARGANDO ITEM -->
  349 + <tr ng-show="!cargando" class="d-flex">
  350 + <td
  351 + class="align-middle p-1"
  352 + ng-bind="articulosTabla.length + 1"
  353 + ></td>
  354 + <td class="col p-0">
  355 + <div class="d-flex">
  356 + <div class="col-4 px-1">
  357 + <span
  358 + ng-bind="articuloACargar.sectorCodigo"
  359 + ></span>
  360 + </div>
  361 + <div class="col-8 px-1">
  362 + <span ng-bind="articuloACargar.descripcion"></span>
  363 + </div>
  364 + </div>
  365 + <div class="d-flex">
  366 + <div class="col-3 px-1 m-1">
  367 + <input
  368 + class="form-control p-1"
  369 + type="number"
  370 + min="1"
  371 + ng-model="articuloACargar.cantidad"
  372 + foca-focus="!cargando"
  373 + ng-keypress="agregarATabla($event.keyCode)"
  374 + style="height: auto; line-height: 1.1em"
  375 + >
  376 + </div>
  377 + <div class="col-3 px-1 text-right">
  378 + <span ng-bind="articuloACargar.precio | currency: '$'"></span>
  379 + </div>
  380 + <div class="col px-1 text-right">
  381 + <span
  382 + ng-bind="getSubTotal() | currency: '$'"
  383 + >
  384 + </span>
  385 + </div>
  386 + </div>
  387 + </td>
  388 + <td class="text-center align-middle">
  389 + <button
  390 + class="btn btn-outline-secondary"
  391 + ng-click="agregarATabla(13)"
  392 + >
  393 + <i class="fa fa-save"></i>
  394 + </button>
  395 + </td>
  396 + </tr>
  397 + <!-- SELECCIONAR PRODUCTO -->
  398 + <tr ng-show="cargando" class="d-flex">
  399 + <td class="col-12">
  400 + <input
  401 + placeholder="Seleccione Articulo"
  402 + class="form-control form-control-sm"
  403 + readonly
  404 + ng-click="seleccionarArticulo()"
  405 + />
  406 + </td>
  407 + </tr>
  408 + <!-- TOOGLE EXPANDIR -->
  409 + <tr>
  410 + <td class="col">
  411 + <button
  412 + class="btn btn-outline-secondary selectable w-100"
  413 + ng-click="show = !show; masMenos()"
  414 + ng-show="articulosTabla.length > 0"
  415 + >
  416 + <i
  417 + class="fa fa-chevron-down"
  418 + ng-hide="show"
  419 + aria-hidden="true"
  420 + >
  421 + </i>
  422 + <i
  423 + class="fa fa-chevron-up"
  424 + ng-show="show"
  425 + aria-hidden="true">
  426 + </i>
  427 + </button>
  428 + </td>
  429 + </tr>
  430 + <!-- FOOTER -->
  431 + <tr class="d-flex">
  432 + <td class="align-middle no-border-top" colspan="2">
  433 + <strong>Cantidad Items:</strong>
  434 + <a ng-bind="articulosTabla.length"></a>
  435 + </td>
  436 + <td class="text-right ml-auto table-celda-total no-border-top">
  437 + <h3>Total:</h3>
  438 + </td>
  439 + <td class="table-celda-total text-right no-border-top">
  440 + <h3>{{getTotal() | currency: '$'}}</h3>
  441 + </td>
  442 + </tr>
  443 + </tfoot>
  444 + </table>
  445 + </div>
274 446 </div>
275   - <div class="col-auto my-2 col-lg-2 botonera-lateral">
  447 + <div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-md-block">
276 448 <div class="row align-items-end">
277 449 <div class="col-12">
278 450 <button
... ... @@ -293,4 +465,10 @@
293 465 </div>
294 466 </div>
295 467 </div>
  468 + <div class="row d-md-none fixed-bottom">
  469 + <div class="w-100 bg-dark d-flex px-3 acciones-mobile">
  470 + <span class="ml-3 text-muted" ng-click="salir()">Salir</span>
  471 + <span class="mr-3 ml-auto" ng-click="crearNotaPedido()">Guardar</span>
  472 + </div>
  473 + </div>
296 474 </div>