Luis Suarez / autoservicio-axion

1
Download as
Browse Code »

Commit 45f97eb98fe03cc34ac8b4fdbcb03ea4203e2351

Authored by Marcelo Puebla
1 parent a486afa8ba
Exists in develop

Change 

Cambio en formato de pedidos salientes
Showing 2 changed files with 33 additions and 25 deletions   Show diff stats
src/app/modules/pedidos-salientes/pedidos-salientes.component.html
Diff comments   View file @ 45f97eb
1   -<div class="row mt-2 justify-content-center h-15">
2   - <div class="col-3 col-lg-2">
  1 +<div class="row mx-0 mt-5 justify-content-around">
  2 + <div class="col">
  3 + <div class="p-3 bg-white text-center shadow-lg rounded h-100">
  4 + <p class="h5 mt-3">ESTAMOS</p>
  5 + <p class="h3 font-weight-bold text-secondary">preparando</p>
  6 + <p class="h5">TU PEDIDO</p>
  7 + <div
  8 + *ngFor="let pedido of pedidosPendientes; let i = index"
  9 + [hidden]="i > 3"
  10 + class="font-weight-bold mb-2 text-muted">
  11 + <p class="display-4">{{rellenar(pedido.id.toString().slice(0), 3)}}</p>
  12 + </div>
  13 + </div>
  14 + </div>
  15 + <div class="col">
3 16 <img
4 17 draggable="false"
5 18 ondragstart="return false;"
6 19 (contextmenu)="false"
7   - class="w-60 h-auto d-block mx-auto"
  20 + class="w-40 h-auto d-block mx-auto"
8 21 src="assets/img/logo-spot.svg">
  22 + <div class="p-3 text-center h-100">
  23 + <p class="h5 mt-3">LISTO PARA</p>
  24 + <p class="h3 font-weight-bold text-primary">retirar</p>
  25 + <div *ngIf="pedidosFinalizados.length">
  26 + <p class="display-1 mt-2 text-primary mb-0">{{rellenar(pedidosFinalizados[0].id.toString().slice(0), 3)}}</p>
  27 + </div>
  28 + <p class="h3 font-weight-bold text-info mt-2">¡Que lo disfrutes!</p>
  29 + </div>
9 30 </div>
10   -</div>
11   -<div class="row mt-n5 mx-0 justify-content-around h-75">
12   - <div class="col-5 col-md-6 col-lg-4 h-100">
  31 + <div class="col">
13 32 <div class="p-3 bg-white text-center shadow-lg rounded h-100">
14   - <h5 class="pt-3">ESTAMOS</h5>
15   - <h3 class="font-weight-bold text-secondary">preparando</h3>
16   - <h5>TU PEDIDO</h5>
  33 + <p class="h5 mt-3">YA FUÉ</p>
  34 + <p class="h3 font-weight-bold text-primary">entregado</p>
  35 + <p class="h5">TU PEDIDO</p>
17 36 <div
18   - *ngFor="let pedido of pedidosPendientes; let i = index"
19   - [hidden]="i > 3"
  37 + *ngFor="let pedido of pedidosFinalizados; let i = index"
  38 + [hidden]="i > 4 || i == 0"
20 39 class="font-weight-bold mb-2 text-muted">
21   - <h1 class="display-4">{{rellenar(pedido.id.toString().slice(0), 3)}}</h1>
22   - </div>
23   - </div>
24   - </div>
25   - <div class="col-5 col-md-6 col-lg-4 h-100">
26   - <div class="p-3 bg-white shadow-lg rounded text-center h-100">
27   - <h5 class="pt-3">LISTO PARA</h5>
28   - <h3 class="font-weight-bold text-primary">retirar</h3>
29   - <div *ngIf="pedidoFinalizado.length">
30   - <h1 class="display-1 mt-4 text-primary mb-0">{{rellenar(pedidoFinalizado[0].id.toString().slice(0), 3)}}</h1>
31   - <hr class="line mt-0">
  40 + <p class="display-4">{{rellenar(pedido.id.toString().slice(0), 3)}}</p>
32 41 </div>
33   - <h3 class="font-weight-bold text-info mt-4">¡Que lo disfrutes!</h3>
34 42 </div>
35 43 </div>
36 44 </div>
src/app/modules/pedidos-salientes/pedidos-salientes.component.ts
Diff comments   View file @ 45f97eb
... ... @@ -7,7 +7,7 @@ import { ComandaService } from &#39;src/app/services/comanda/comanda.service&#39;;
7 7 styleUrls: ['./pedidos-salientes.component.scss']
8 8 })
9 9 export class PedidosSalientesComponent implements OnInit {
10   - pedidoFinalizado = [];
  10 + pedidosFinalizados = [];
11 11 cicloTime;
12 12 pedidosPendientes = [];
13 13  
... ... @@ -28,7 +28,7 @@ export class PedidosSalientesComponent implements OnInit {
28 28 buscarPedidosFinalizados() {
29 29 this.comandaServices.getPendientesEntrega()
30 30 .subscribe((pedidos: []) => {
31   - this.pedidoFinalizado = pedidos;
  31 + this.pedidosFinalizados = pedidos;
32 32 });
33 33 }
34 34