Commit 4e38d87622890746c87d7e4f44e851ed828cec68

Authored by Marcelo Puebla
Exists in develop

Merge branch 'develop' into 'develop'

Develop

See merge request !134
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