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