diff --git a/src/app/modules/pedidos-salientes/pedidos-salientes.component.html b/src/app/modules/pedidos-salientes/pedidos-salientes.component.html
index bc49af8..4e83bf3 100644
--- a/src/app/modules/pedidos-salientes/pedidos-salientes.component.html
+++ b/src/app/modules/pedidos-salientes/pedidos-salientes.component.html
@@ -9,11 +9,11 @@
       <h5 class="pt-3">ESTAMOS</h5>
       <h3 class="font-weight-bold text-secondary">preparando</h3>
       <h5>TU PEDIDO</h5>
-      <div class="font-weight-bold  mb-2 text-muted">
-        <h1 class="display-4">47</h1>
-        <h1 class="display-4">48</h1>
-        <h1 class="display-4">49</h1>
-        <h1 class="display-4">50</h1>
+      <div
+        *ngFor="let pedido of pedidosPendientes; let i = index"
+        [hidden]="i == 0 || i > 4"
+        class="font-weight-bold  mb-2 text-muted">
+        <h1 class="display-4">{{rellenar(pedido.id.toString().slice(0), 3)}}</h1>
       </div>
     </div>
   </div>
@@ -21,8 +21,11 @@
     <div class="p-3 bg-white shadow-lg rounded text-center h-100">
       <h5 class="pt-3">LISTO PARA</h5>
       <h3 class="font-weight-bold text-primary">retirar</h3>
-      <h1 class="display-1 mt-4 text-primary">46</h1>
-      <h3 class="font-weight-bold text-info" style="color: yellowgreen;">¡Que lo disfrutes!</h3>
+      <div *ngIf="pedidosPendientes.length">
+
+        <h1 class="display-1 mt-4 text-primary">{{rellenar(pedidosPendientes[0].id.toString().slice(0), 3)}}</h1>
+      </div>
+      <h3 class="font-weight-bold text-info mt-4" style="color: yellowgreen;">¡Que lo disfrutes!</h3>
     </div>
   </div>
 </div>
diff --git a/src/app/modules/pedidos-salientes/pedidos-salientes.component.ts b/src/app/modules/pedidos-salientes/pedidos-salientes.component.ts
index 93ad2f6..4a0e6b2 100644
--- a/src/app/modules/pedidos-salientes/pedidos-salientes.component.ts
+++ b/src/app/modules/pedidos-salientes/pedidos-salientes.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { ComandaService } from 'src/app/services/comanda/comanda.service';
 
 @Component({
   selector: 'app-pedidos-salientes',
@@ -6,10 +7,42 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./pedidos-salientes.component.scss']
 })
 export class PedidosSalientesComponent implements OnInit {
+  pedidosPendientes = [];
+  cicloTime;
 
-  constructor() { }
+  constructor(
+    private comandaServices: ComandaService
+  ) { }
 
   ngOnInit() {
+    this.buscarPedidosPendientes();
+    this.ciclo()
+  }
+
+  ngOnDestroy() {
+    clearTimeout(this.cicloTime);
+  }
+
+  buscarPedidosPendientes() {
+    this.comandaServices.getPendientesEntrega()
+    .subscribe((pedidos: []) => {
+      this.pedidosPendientes = pedidos
+    })
+  }
+
+  ciclo() {
+    this.cicloTime = setTimeout(() => {
+      this.buscarPedidosPendientes();
+      this.ciclo();
+    }, 5000)
+  }
+
+  rellenar(relleno, longitud) {
+    relleno = '' + relleno;
+    while (relleno.length < longitud) {
+      relleno = '0' + relleno;
+    }
+    return relleno;
   }
 
 }
diff --git a/src/app/services/comanda/comanda.service.spec.ts b/src/app/services/comanda/comanda.service.spec.ts
new file mode 100644
index 0000000..e1230b3
--- /dev/null
+++ b/src/app/services/comanda/comanda.service.spec.ts
@@ -0,0 +1,12 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ComandaService } from './comanda.service';
+
+describe('ComandaService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: ComandaService = TestBed.get(ComandaService);
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/app/services/comanda/comanda.service.ts b/src/app/services/comanda/comanda.service.ts
new file mode 100644
index 0000000..3acd7d7
--- /dev/null
+++ b/src/app/services/comanda/comanda.service.ts
@@ -0,0 +1,19 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from "@angular/common/http";
+import { APP_SETTINGS } from "src/etc/AppSettings";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ComandaService {
+  urlDeboSuite = APP_SETTINGS.apiDeboSuite;
+
+  constructor(
+    private http: HttpClient,
+  ) { }
+
+  getPendientesEntrega() {
+    return this.http.get(`${this.urlDeboSuite}/comandas/pendientes-entrega`);
+  }
+
+}