pedidos-salientes.component.html
1.63 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<div class="row mx-0 py-5 px-2 h-100 justify-content-around">
<div class="col-4">
<div class="p-3 bg-white text-center shadow-lg rounded h-100">
<p class="h5 mt-3">ESTAMOS</p>
<p class="h3 font-weight-bold text-secondary">preparando</p>
<p class="h5">TU PEDIDO</p>
<div
*ngFor="let pedido of pedidosPendientes; let i = index"
[hidden]="i > 3"
class="font-weight-bold mb-2 text-muted">
<p class="display-4">{{rellenar(pedido.id.toString().slice(0), 3)}}</p>
</div>
</div>
</div>
<div class="col-4">
<img
draggable="false"
ondragstart="return false;"
(contextmenu)="false"
class="w-40 h-auto d-block mx-auto"
src="assets/img/logo-spot.svg">
<div class="p-3 text-center h-100">
<p class="h5 mt-3">LISTO PARA</p>
<p class="h3 font-weight-bold text-primary">retirar</p>
<div *ngIf="pedidosFinalizados.length">
<p class="display-1 mt-2 text-primary mb-0">{{rellenar(pedidosFinalizados[0].id.toString().slice(0), 3)}}</p>
</div>
<p class="h3 font-weight-bold text-info mt-2">¡Que lo disfrutes!</p>
</div>
</div>
<div class="col-4">
<div class="p-3 bg-white text-center shadow-lg rounded h-100">
<p class="h5 mt-3">YA FUÉ</p>
<p class="h3 font-weight-bold text-primary">entregado</p>
<p class="h5">TU PEDIDO</p>
<div
*ngFor="let pedido of pedidosFinalizados; let i = index"
[hidden]="i > 4 || i == 0"
class="font-weight-bold mb-2 text-muted">
<p class="display-4">{{rellenar(pedido.id.toString().slice(0), 3)}}</p>
</div>
</div>
</div>
</div>