From bc753a27efb30d2250f653c8fbec7baa3c85b2ef Mon Sep 17 00:00:00 2001
From: Benjamin <brodriguez@focasoftware.com>
Date: Thu, 30 Jan 2020 15:54:58 -0300
Subject: [PATCH] agrego spinner en seleccion-articulos

---
 .../seleccion-articulos/seleccion-articulos.component.html        | 8 ++++++++
 .../seleccion-articulos/seleccion-articulos.component.scss        | 5 +++++
 .../modules/seleccion-articulos/seleccion-articulos.component.ts  | 4 ++--
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
index c26b710..cf785be 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
@@ -28,6 +28,14 @@
           <div
             class="col-7 col-sm-9 col-xl-10 pb-3 h-100 align-self-center scroll-y-visible"
             (scroll)="scrollEvent($event)">
+            <!-- SPINNER -->
+            <div
+              class="d-flex justify-content-center"
+              *ngIf="loading">
+              <div class="spinner-border text-primary mt-5" role="status">
+                <span class="sr-only">Loading...</span>
+              </div>
+            </div>
             <div class="row row-cols-1 row-cols-sm-3 row-cols-xl-6">
               <!-- ARTICULO -->
               <div
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss b/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
index 1568134..7c46f07 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
@@ -11,3 +11,8 @@
 .d-contents {
   display: contents !important;
 }
+
+.spinner-border {
+  width: 10rem;
+  height: 10rem;
+}
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
index f66f1be..d71e12f 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
@@ -20,7 +20,7 @@ import { ANIMATIONS } from 'src/app/utils/animations';
   animations: [ANIMATIONS.EnterLeaveY]
 })
 export class SeleccionArticulosComponent implements OnInit, AfterViewInit, OnDestroy {
-  showSpinner = true;
+  loading = true;
   timeoutHandler: any;
   urlImagenes = `${APP_SETTINGS.apiImagenes}/imagenes/`;
   articulos: IArticulo[] = [];
@@ -67,7 +67,6 @@ export class SeleccionArticulosComponent implements OnInit, AfterViewInit, OnDes
         localStorage.setItem('articulos', JSON.stringify(result));
         this.setProductos();
       }, (error) => {
-        this.showSpinner = false;
         console.error(error);
       });
   }
@@ -75,6 +74,7 @@ export class SeleccionArticulosComponent implements OnInit, AfterViewInit, OnDes
   setProductos() {
     this.articulos = JSON.parse(localStorage.getItem('articulos'));
     this.filterItems();
+    this.loading = false;
   }
 
   filterItems() {
-- 
1.9.1