Commit 6dc578b0289c26bab6a874d999911a43b874291b
1 parent
50a5f6bb31
Exists in
develop
arrego mr
Showing
3 changed files
with
10 additions
and
10 deletions
Show diff stats
src/app/modules/pedidos-salientes/pedidos-salientes.component.html
| 1 | <div class="row justify-content-center h-15"> | 1 | <div class="row justify-content-center h-15"> |
| 2 | <div class="col-3 col-lg-2 mt-1"> | 2 | <div class="col-3 col-lg-2 mt-1"> |
| 3 | <img src="../../../assets/img/logo-spot.svg" class="w-60 h-auto d-block mx-auto" alt=""> | 3 | <img src="../../../assets/img/logo-spot.svg" class="w-60 h-auto d-block mx-auto"> |
| 4 | </div> | 4 | </div> |
| 5 | </div> | 5 | </div> |
| 6 | <div class="row mt-n5 justify-content-around h-75"> | 6 | <div class="row mt-n5 justify-content-around h-75"> |
| 7 | <div class="col-5 col-md-3 h-100"> | 7 | <div class="col-5 col-md-3 h-100"> |
| 8 | <div class="p-3 bg-white text-center shadow-lg rounded h-100"> | 8 | <div class="p-3 bg-white text-center shadow-lg rounded h-100"> |
| 9 | <h5 class="pt-3">ESTAMOS</h5> | 9 | <h5 class="pt-3">ESTAMOS</h5> |
| 10 | <h3 class="font-weight-bold text-secondary">preparando</h3> | 10 | <h3 class="font-weight-bold text-secondary">preparando</h3> |
| 11 | <h5>TU PEDIDO</h5> | 11 | <h5>TU PEDIDO</h5> |
| 12 | <div | 12 | <div |
| 13 | *ngFor="let pedido of pedidosPendientes; let i = index" | 13 | *ngFor="let pedido of pedidosPendientes; let i = index" |
| 14 | [hidden]="i == 0 || i > 4" | 14 | [hidden]="i == 0 || i > 4" |
| 15 | class="font-weight-bold mb-2 text-muted"> | 15 | class="font-weight-bold mb-2 text-muted"> |
| 16 | <h1 class="display-4">{{rellenar(pedido.id.toString().slice(1), 2)}}</h1> | 16 | <h1 class="display-4">{{rellenar(pedido.id.toString().slice(1), 2)}}</h1> |
| 17 | </div> | 17 | </div> |
| 18 | </div> | 18 | </div> |
| 19 | </div> | 19 | </div> |
| 20 | <div class="col-5 col-md-3 h-100"> | 20 | <div class="col-5 col-md-3 h-100"> |
| 21 | <div class="p-3 bg-white shadow-lg rounded text-center h-100"> | 21 | <div class="p-3 bg-white shadow-lg rounded text-center h-100"> |
| 22 | <h5 class="pt-3">LISTO PARA</h5> | 22 | <h5 class="pt-3">LISTO PARA</h5> |
| 23 | <h3 class="font-weight-bold text-primary">retirar</h3> | 23 | <h3 class="font-weight-bold text-primary">retirar</h3> |
| 24 | <div *ngIf="pedidoFinalizado.length"> | 24 | <div *ngIf="pedidoFinalizado.length"> |
| 25 | <h1 class="display-1 mt-4 text-primary mb-0">{{rellenar(pedidoFinalizado[0].id.toString().slice(1), 2)}}</h1> | 25 | <h1 class="display-1 mt-4 text-primary mb-0">{{rellenar(pedidoFinalizado[0].id.toString().slice(1), 2)}}</h1> |
| 26 | <hr class="line mt-0"> | 26 | <hr class="line mt-0"> |
| 27 | </div> | 27 | </div> |
| 28 | <h3 class="font-weight-bold text-info mt-4">¡Que lo disfrutes!</h3> | 28 | <h3 class="font-weight-bold text-info mt-4">¡Que lo disfrutes!</h3> |
| 29 | </div> | 29 | </div> |
| 30 | </div> | 30 | </div> |
| 31 | </div> | 31 | </div> |
| 32 | 32 |
src/app/modules/pedidos-salientes/pedidos-salientes.component.scss
| 1 | hr.line { | 1 | hr.line { |
| 2 | height: 10px; | 2 | height: 10px; |
| 3 | border-radius: 10px; | 3 | border-radius: 15px; |
| 4 | box-shadow: 0 15px 13px -15px #8b8c8c inset; | 4 | box-shadow: 0 15px 13px -16px #8b8c8c inset; |
| 5 | } | 5 | } |
| 6 | 6 |
src/app/modules/pedidos-salientes/pedidos-salientes.component.ts
| 1 | import { Component, OnInit } from '@angular/core'; | 1 | import { Component, OnInit } from '@angular/core'; |
| 2 | import { ComandaService } from 'src/app/services/comanda/comanda.service'; | 2 | import { ComandaService } from 'src/app/services/comanda/comanda.service'; |
| 3 | 3 | ||
| 4 | @Component({ | 4 | @Component({ |
| 5 | selector: 'app-pedidos-salientes', | 5 | selector: 'app-pedidos-salientes', |
| 6 | templateUrl: './pedidos-salientes.component.html', | 6 | templateUrl: './pedidos-salientes.component.html', |
| 7 | styleUrls: ['./pedidos-salientes.component.scss'] | 7 | styleUrls: ['./pedidos-salientes.component.scss'] |
| 8 | }) | 8 | }) |
| 9 | export class PedidosSalientesComponent implements OnInit { | 9 | export class PedidosSalientesComponent implements OnInit { |
| 10 | pedidoFinalizado = []; | 10 | pedidoFinalizado = []; |
| 11 | cicloTime; | 11 | cicloTime; |
| 12 | pedidosPendientes = []; | 12 | pedidosPendientes = []; |
| 13 | 13 | ||
| 14 | constructor( | 14 | constructor( |
| 15 | private comandaServices: ComandaService | 15 | private comandaServices: ComandaService |
| 16 | ) { } | 16 | ) { } |
| 17 | 17 | ||
| 18 | ngOnInit() { | 18 | ngOnInit() { |
| 19 | this.buscarPedidosFinalizados(); | 19 | this.buscarPedidosFinalizados(); |
| 20 | this.buscarPedidosPendientes() | 20 | this.buscarPedidosPendientes(); |
| 21 | this.ciclo() | 21 | this.ciclo(); |
| 22 | } | 22 | } |
| 23 | 23 | ||
| 24 | ngOnDestroy() { | 24 | ngOnDestroy() { |
| 25 | clearTimeout(this.cicloTime); | 25 | clearTimeout(this.cicloTime); |
| 26 | } | 26 | } |
| 27 | 27 | ||
| 28 | buscarPedidosFinalizados() { | 28 | buscarPedidosFinalizados() { |
| 29 | this.comandaServices.getPendientesEntrega() | 29 | this.comandaServices.getPendientesEntrega() |
| 30 | .subscribe((pedidos: []) => { | 30 | .subscribe((pedidos: []) => { |
| 31 | this.pedidoFinalizado = pedidos | 31 | this.pedidoFinalizado = pedidos; |
| 32 | }) | 32 | }); |
| 33 | } | 33 | } |
| 34 | 34 | ||
| 35 | buscarPedidosPendientes() { | 35 | buscarPedidosPendientes() { |
| 36 | this.comandaServices.getAll() | 36 | this.comandaServices.getAll() |
| 37 | .subscribe((resComandas: []) => { | 37 | .subscribe((resComandas: []) => { |
| 38 | this.pedidosPendientes = resComandas; | 38 | this.pedidosPendientes = resComandas; |
| 39 | }, e => console.error(e)); | 39 | }, e => console.error(e)); |
| 40 | } | 40 | } |
| 41 | 41 | ||
| 42 | ciclo() { | 42 | ciclo() { |
| 43 | this.cicloTime = setTimeout(() => { | 43 | this.cicloTime = setTimeout(() => { |
| 44 | this.buscarPedidosFinalizados(); | 44 | this.buscarPedidosFinalizados(); |
| 45 | this.buscarPedidosPendientes() | 45 | this.buscarPedidosPendientes(); |
| 46 | this.ciclo(); | 46 | this.ciclo(); |
| 47 | }, 5000) | 47 | }, 5000); |
| 48 | } | 48 | } |
| 49 | 49 | ||
| 50 | rellenar(relleno, longitud) { | 50 | rellenar(relleno, longitud) { |
| 51 | relleno = '' + relleno; | 51 | relleno = '' + relleno; |
| 52 | while (relleno.length < longitud) { | 52 | while (relleno.length < longitud) { |
| 53 | relleno = '0' + relleno; | 53 | relleno = '0' + relleno; |
| 54 | } | 54 | } |
| 55 | return relleno; | 55 | return relleno; |
| 56 | } | 56 | } |
| 57 | 57 | ||
| 58 | } | 58 | } |
| 59 | 59 |