pedidos salientes

Eric Fernandez
1 parent 2910dc012a
Showing 3 changed files with 49 additions and 5 deletions Show diff stats
src/app/components/pedidos-salientes/pedidos-salientes.component.html
src/app/components/pedidos-salientes/pedidos-salientes.component.ts
src/app/services/comanda.service.ts
-<div class="bg-primary-gradient">
-  <div class="row">
-    <div class="mx-auto my-5">
-      <h1>Su pedido ya esta listo.</h1>
+<div class="bg-primary-gradient vh-100">
+  <div class="d-flex justify-content-center">
+    <div class="row my-5 text-white text-center">
+      <h1 class="col-12">Su pedido ya esta listo.</h1>
+      <h2 class="col-12 mt-3">Nº de Pedido</h2>
+
+      <h1 *ngIf="pedidosRecientes.length" class="col-12 border rounded">
+        {{rellenar(pedidosRecientes[0].id, 2)}}
+      </h1>
+
+      <h2 *ngFor="let pedido of pedidosRecientes; let i = index" [hidden]="i == 0" class="col-4 border rounded mx-1">
+        {{rellenar(pedido.id, 2)}}
+      </h2>
     </div>
   </div>
 </div>
 import { Component, OnInit } from '@angular/core';
+import { ComandaService } from 'src/app/services/comanda.service';
  
 @Component({
   selector: 'app-pedidos-salientes',
@@ -7,9 +8,39 @@ import { Component, OnInit } from &#39;@angular/core&#39;;
 })
 export class PedidosSalientesComponent implements OnInit {
  
-  constructor() { }
+  private pedidosRecientes = [];
+  private ciclo;
+
+  constructor(private comandaService: ComandaService) { }
  
   ngOnInit() {
+    this.buscar();
+
+    this.ciclo = setTimeout(() => {
+      this.buscar();
+    }, 5000)
+  }
+
+  ngOnDestroy() {
+
+    clearTimeout(this.ciclo);
   }
  
+  buscar() {
+
+    this.comandaService
+    .getPendientesEntrega()
+    .subscribe((pedidos: []) => {
+
+      this.pedidosRecientes = pedidos;
+    }, console.log);
+  }
+
+  rellenar(relleno, longitud) {
+    relleno = '' + relleno;
+    while (relleno.length < longitud) {
+        relleno = '0' + relleno;
+    }
+    return relleno;
+  }
 }
@@ -21,4 +21,8 @@ export class ComandaService {
  
     return this.http.get(`${this.apiUrl}/comandas/update/${id}/${estado}/${observacion}`);
   }
+
+  getPendientesEntrega() {
+    return this.http.get(`${this.apiUrl}/comandas/pendientes-entrega`);
+  }
 }
1		-<div class="bg-primary-gradient">
2		- <div class="row">
3		- <div class="mx-auto my-5">
4		- <h1>Su pedido ya esta listo.</h1>
	1	+<div class="bg-primary-gradient vh-100">
	2	+ <div class="d-flex justify-content-center">
	3	+ <div class="row my-5 text-white text-center">
	4	+ <h1 class="col-12">Su pedido ya esta listo.</h1>
	5	+ <h2 class="col-12 mt-3">Nº de Pedido</h2>
	6	+
	7	+ <h1 *ngIf="pedidosRecientes.length" class="col-12 border rounded">
	8	+ {{rellenar(pedidosRecientes[0].id, 2)}}
	9	+ </h1>
	10	+
	11	+ <h2 *ngFor="let pedido of pedidosRecientes; let i = index" [hidden]="i == 0" class="col-4 border rounded mx-1">
	12	+ {{rellenar(pedido.id, 2)}}
	13	+ </h2>
5	14	</div>
6	15	</div>
7	16	</div>
1	1	import { Component, OnInit } from '@angular/core';
	2	+import { ComandaService } from 'src/app/services/comanda.service';
2	3
3	4	@Component({
4	5	selector: 'app-pedidos-salientes',
...	...	@@ -7,9 +8,39 @@ import { Component, OnInit } from '@angular/core';
7	8	})
8	9	export class PedidosSalientesComponent implements OnInit {
9	10
10		- constructor() { }
	11	+ private pedidosRecientes = [];
	12	+ private ciclo;
	13	+
	14	+ constructor(private comandaService: ComandaService) { }
11	15
12	16	ngOnInit() {
	17	+ this.buscar();
	18	+
	19	+ this.ciclo = setTimeout(() => {
	20	+ this.buscar();
	21	+ }, 5000)
	22	+ }
	23	+
	24	+ ngOnDestroy() {
	25	+
	26	+ clearTimeout(this.ciclo);
13	27	}
14	28
	29	+ buscar() {
	30	+
	31	+ this.comandaService
	32	+ .getPendientesEntrega()
	33	+ .subscribe((pedidos: []) => {
	34	+
	35	+ this.pedidosRecientes = pedidos;
	36	+ }, console.log);
	37	+ }
	38	+
	39	+ rellenar(relleno, longitud) {
	40	+ relleno = '' + relleno;
	41	+ while (relleno.length < longitud) {
	42	+ relleno = '0' + relleno;
	43	+ }
	44	+ return relleno;
	45	+ }
15	46	}
...	...	@@ -21,4 +21,8 @@ export class ComandaService {
21	21
22	22	return this.http.get(`${this.apiUrl}/comandas/update/${id}/${estado}/${observacion}`);
23	23	}
	24	+
	25	+ getPendientesEntrega() {
	26	+ return this.http.get(`${this.apiUrl}/comandas/pendientes-entrega`);
	27	+ }
24	28	}