From 90e72dbbc296030030118d8bc4feda413c25c0a6 Mon Sep 17 00:00:00 2001
From: Benjamin <brodriguez@focasoftware.com>
Date: Thu, 30 Jan 2020 14:31:21 -0300
Subject: [PATCH] agrego spinner a modal promociones

---
 src/app/shared/promocion/promocion.component.html | 16 +++++++++-------
 src/app/shared/promocion/promocion.component.ts   |  3 +++
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/app/shared/promocion/promocion.component.html b/src/app/shared/promocion/promocion.component.html
index 2af1a22..dae1641 100644
--- a/src/app/shared/promocion/promocion.component.html
+++ b/src/app/shared/promocion/promocion.component.html
@@ -1,9 +1,3 @@
-<!-- <div class="d-flex justify-content-center"
-     *ngIf="loading">
-  <div class="spinner-border text-primary" role="status">
-    <span class="sr-only">Loading...</span>
-  </div>
-</div> -->
 <div class="bg-primary rounded">
   <div class="modal-header" *ngIf="articulosPromo.length">
     <img
@@ -36,7 +30,7 @@
       </div>
     </div>
   </div>
-  <div class="modal-body" *ngIf="articulosPromo.length">
+  <div class="modal-body">
     <div class="row no-gutters w-100">
       <div class="col-9 col-9 align-self-center">
         <p class="text-white"><small>¿TE GUSTARÍA LLEVAR ESTE ARTÍCULO</small></p>
@@ -53,6 +47,14 @@
       </div>
     </div>
     <div
+      class="d-flex justify-content-center mt-2"
+      *ngIf="loading">
+      <div class="spinner-border text-white" role="status">
+        <span class="sr-only">Loading...</span>
+      </div>
+    </div>
+    <div
+      *ngIf="articulosPromo.length"
       class="row mt-3 no-gutters lista-promociones scroll-y-visible"
       (scroll)="scrollEvent($event)">
       <div class="col-12">
diff --git a/src/app/shared/promocion/promocion.component.ts b/src/app/shared/promocion/promocion.component.ts
index d737f24..ead01af 100644
--- a/src/app/shared/promocion/promocion.component.ts
+++ b/src/app/shared/promocion/promocion.component.ts
@@ -21,6 +21,7 @@ export class PromocionComponent implements OnInit {
   promociones: IArticulo[] = [];
   onClose: Subject<any>;
   urlImagenes = `${APP_SETTINGS.apiImagenes}/imagenes/`;
+  loading = false;
 
   constructor(
     public modalPromocion: BsModalRef,
@@ -35,6 +36,7 @@ export class PromocionComponent implements OnInit {
 
   ngOnInit() {
     this.getPromociones();
+    this.loading = true;
   }
 
   selectPromo(promo: IArticulo) {
@@ -93,6 +95,7 @@ export class PromocionComponent implements OnInit {
     this.promocionService.getPromociones(sector, codigo)
       .subscribe((res: IArticulo[]) => {
         this.promociones = res;
+        this.loading = false;
       }, error => { console.error(error); });
   }
 
-- 
1.9.1