Commit 6fdce7ecdcb69b63b0ba41e8937688daa01bb2e2
1 parent
4d78c3d7a3
Exists in
develop
and in
1 other branch
agrego servicio de pedidos-salientes
Showing
4 changed files
with
75 additions
and
8 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" alt=""> |
| 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 class="font-weight-bold mb-2 text-muted"> | 12 | <div |
| 13 | <h1 class="display-4">47</h1> | 13 | *ngFor="let pedido of pedidosPendientes; let i = index" |
| 14 | <h1 class="display-4">48</h1> | 14 | [hidden]="i == 0 || i > 4" |
| 15 | <h1 class="display-4">49</h1> | 15 | class="font-weight-bold mb-2 text-muted"> |
| 16 | <h1 class="display-4">50</h1> | 16 | <h1 class="display-4">{{rellenar(pedido.id.toString().slice(0), 3)}}</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 | <h1 class="display-1 mt-4 text-primary">46</h1> | 24 | <div *ngIf="pedidosPendientes.length"> |
| 25 | <h3 class="font-weight-bold text-info" style="color: yellowgreen;">¡Que lo disfrutes!</h3> | 25 | |
| 26 | <h1 class="display-1 mt-4 text-primary">{{rellenar(pedidosPendientes[0].id.toString().slice(0), 3)}}</h1> | ||
| 27 | </div> | ||
| 28 | <h3 class="font-weight-bold text-info mt-4" style="color: yellowgreen;">¡Que lo disfrutes!</h3> | ||
| 26 | </div> | 29 | </div> |
| 27 | </div> | 30 | </div> |
| 28 | </div> | 31 | </div> |
| 29 | 32 |
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 | 3 | ||
| 3 | @Component({ | 4 | @Component({ |
| 4 | selector: 'app-pedidos-salientes', | 5 | selector: 'app-pedidos-salientes', |
| 5 | templateUrl: './pedidos-salientes.component.html', | 6 | templateUrl: './pedidos-salientes.component.html', |
| 6 | styleUrls: ['./pedidos-salientes.component.scss'] | 7 | styleUrls: ['./pedidos-salientes.component.scss'] |
| 7 | }) | 8 | }) |
| 8 | export class PedidosSalientesComponent implements OnInit { | 9 | export class PedidosSalientesComponent implements OnInit { |
| 10 | pedidosPendientes = []; | ||
| 11 | cicloTime; | ||
| 9 | 12 | ||
| 10 | constructor() { } | 13 | constructor( |
| 14 | private comandaServices: ComandaService | ||
| 15 | ) { } | ||
| 11 | 16 | ||
| 12 | ngOnInit() { | 17 | ngOnInit() { |
| 18 | this.buscarPedidosPendientes(); | ||
| 19 | this.ciclo() | ||
| 20 | } | ||
| 21 | |||
| 22 | ngOnDestroy() { | ||
| 23 | clearTimeout(this.cicloTime); | ||
| 24 | } | ||
| 25 | |||
| 26 | buscarPedidosPendientes() { | ||
| 27 | this.comandaServices.getPendientesEntrega() | ||
| 28 | .subscribe((pedidos: []) => { | ||
| 29 | this.pedidosPendientes = pedidos | ||
| 30 | }) | ||
| 31 | } | ||
| 32 | |||
| 33 | ciclo() { | ||
| 34 | this.cicloTime = setTimeout(() => { | ||
| 35 | this.buscarPedidosPendientes(); | ||
| 36 | this.ciclo(); | ||
| 37 | }, 5000) | ||
| 38 | } | ||
| 39 | |||
| 40 | rellenar(relleno, longitud) { | ||
| 41 | relleno = '' + relleno; | ||
| 42 | while (relleno.length < longitud) { | ||
| 43 | relleno = '0' + relleno; | ||
| 44 | } | ||
| 45 | return relleno; | ||
| 13 | } | 46 | } |
| 14 | 47 | ||
| 15 | } | 48 | } |
| 16 | 49 |
src/app/services/comanda/comanda.service.spec.ts
| File was created | 1 | import { TestBed } from '@angular/core/testing'; | |
| 2 | |||
| 3 | import { ComandaService } from './comanda.service'; | ||
| 4 | |||
| 5 | describe('ComandaService', () => { | ||
| 6 | beforeEach(() => TestBed.configureTestingModule({})); | ||
| 7 | |||
| 8 | it('should be created', () => { | ||
| 9 | const service: ComandaService = TestBed.get(ComandaService); | ||
| 10 | expect(service).toBeTruthy(); | ||
| 11 | }); | ||
| 12 | }); | ||
| 13 |
src/app/services/comanda/comanda.service.ts
| File was created | 1 | import { Injectable } from '@angular/core'; | |
| 2 | import { HttpClient } from "@angular/common/http"; | ||
| 3 | import { APP_SETTINGS } from "src/etc/AppSettings"; | ||
| 4 | |||
| 5 | @Injectable({ | ||
| 6 | providedIn: 'root' | ||
| 7 | }) | ||
| 8 | export class ComandaService { | ||
| 9 | urlDeboSuite = APP_SETTINGS.apiDeboSuite; | ||
| 10 | |||
| 11 | constructor( | ||
| 12 | private http: HttpClient, | ||
| 13 | ) { } | ||
| 14 | |||
| 15 | getPendientesEntrega() { | ||
| 16 | return this.http.get(`${this.urlDeboSuite}/comandas/pendientes-entrega`); | ||
| 17 | } | ||
| 18 | |||
| 19 | } | ||
| 20 |