Commit 203f04ac41cd2a799fe50d78bafa33174cf5ad80
1 parent
16a24c085b
Exists in
develop
Mostrando tres cifras en pedidos salientes
Showing
1 changed file
with
2 additions
and
2 deletions
Show diff stats
src/app/modules/pedidos-salientes/pedidos-salientes.component.html
| 1 | <div class="row mt-2 justify-content-center h-15"> | 1 | <div class="row mt-2 justify-content-center h-15"> |
| 2 | <div class="col-3 col-lg-2"> | 2 | <div class="col-3 col-lg-2"> |
| 3 | <img | 3 | <img |
| 4 | draggable="false" | 4 | draggable="false" |
| 5 | ondragstart="return false;" | 5 | ondragstart="return false;" |
| 6 | (contextmenu)="false" | 6 | (contextmenu)="false" |
| 7 | class="w-60 h-auto d-block mx-auto" | 7 | class="w-60 h-auto d-block mx-auto" |
| 8 | src="../../../assets/img/logo-spot.svg"> | 8 | src="../../../assets/img/logo-spot.svg"> |
| 9 | </div> | 9 | </div> |
| 10 | </div> | 10 | </div> |
| 11 | <div class="row mt-n5 mx-0 justify-content-around h-75"> | 11 | <div class="row mt-n5 mx-0 justify-content-around h-75"> |
| 12 | <div class="col-5 col-md-6 col-lg-3 h-100"> | 12 | <div class="col-5 col-md-6 col-lg-3 h-100"> |
| 13 | <div class="p-3 bg-white text-center shadow-lg rounded h-100"> | 13 | <div class="p-3 bg-white text-center shadow-lg rounded h-100"> |
| 14 | <h5 class="pt-3">ESTAMOS</h5> | 14 | <h5 class="pt-3">ESTAMOS</h5> |
| 15 | <h3 class="font-weight-bold text-secondary">preparando</h3> | 15 | <h3 class="font-weight-bold text-secondary">preparando</h3> |
| 16 | <h5>TU PEDIDO</h5> | 16 | <h5>TU PEDIDO</h5> |
| 17 | <div | 17 | <div |
| 18 | *ngFor="let pedido of pedidosPendientes; let i = index" | 18 | *ngFor="let pedido of pedidosPendientes; let i = index" |
| 19 | [hidden]="i == 0 || i > 4" | 19 | [hidden]="i == 0 || i > 4" |
| 20 | class="font-weight-bold mb-2 text-muted"> | 20 | class="font-weight-bold mb-2 text-muted"> |
| 21 | <h1 class="display-4">{{rellenar(pedido.id.toString().slice(1), 2)}}</h1> | 21 | <h1 class="display-4">{{rellenar(pedido.id.toString().slice(1), 3)}}</h1> |
| 22 | </div> | 22 | </div> |
| 23 | </div> | 23 | </div> |
| 24 | </div> | 24 | </div> |
| 25 | <div class="col-5 col-md-6 col-lg-3 h-100"> | 25 | <div class="col-5 col-md-6 col-lg-3 h-100"> |
| 26 | <div class="p-3 bg-white shadow-lg rounded text-center h-100"> | 26 | <div class="p-3 bg-white shadow-lg rounded text-center h-100"> |
| 27 | <h5 class="pt-3">LISTO PARA</h5> | 27 | <h5 class="pt-3">LISTO PARA</h5> |
| 28 | <h3 class="font-weight-bold text-primary">retirar</h3> | 28 | <h3 class="font-weight-bold text-primary">retirar</h3> |
| 29 | <div *ngIf="pedidoFinalizado.length"> | 29 | <div *ngIf="pedidoFinalizado.length"> |
| 30 | <h1 class="display-1 mt-4 text-primary mb-0">{{rellenar(pedidoFinalizado[0].id.toString().slice(1), 2)}}</h1> | 30 | <h1 class="display-1 mt-4 text-primary mb-0">{{rellenar(pedidoFinalizado[0].id.toString().slice(1), 3)}}</h1> |
| 31 | <hr class="line mt-0"> | 31 | <hr class="line mt-0"> |
| 32 | </div> | 32 | </div> |
| 33 | <h3 class="font-weight-bold text-info mt-4">¡Que lo disfrutes!</h3> | 33 | <h3 class="font-weight-bold text-info mt-4">¡Que lo disfrutes!</h3> |
| 34 | </div> | 34 | </div> |
| 35 | </div> | 35 | </div> |
| 36 | </div> | 36 | </div> |
| 37 | 37 |