From 5b2721a0bd0cb56ce992ce62f74afe0a22665a1d Mon Sep 17 00:00:00 2001
From: mpuebla <mpuebla@focasoftware.com>
Date: Mon, 19 Aug 2019 13:32:04 -0300
Subject: [PATCH] Logica para no mostrar los filtros de categoria.

---
 .../busqueda-productos/busqueda-productos.component.html          | 4 ++--
 .../components/busqueda-productos/busqueda-productos.component.ts | 8 ++++++--
 src/app/components/inicio/inicio.component.html                   | 6 ++++--
 src/app/components/inicio/inicio.component.ts                     | 5 +++--
 src/app/services/producto.service.ts                              | 1 +
 5 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.html b/src/app/components/busqueda-productos/busqueda-productos.component.html
index 3cceab3..5b3992b 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.html
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.html
@@ -14,7 +14,7 @@
     <div class="row m-3 disable-user-select">
 
       <!-- FILTROS -->
-      <div class="col-sm-2 p-1">
+      <div *ngIf="verCategorias" class="col-sm-2 p-1">
         <div class="text-center">
           <p class="font-weight-bold text-muted border-bottom pb-2">Buscar por Categoría</p>
         </div>
@@ -30,7 +30,7 @@
       </div>
 
       <!-- SEARCH INPUT -->
-      <div *ngIf="productos.length > 0" class="fade-in col-sm-10">
+      <div *ngIf="productos.length > 0" class="fade-in col">
 
         <div class="form-group row search">
           <div class="col-sm-10">
diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.ts b/src/app/components/busqueda-productos/busqueda-productos.component.ts
index f94cd6a..135a92c 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.ts
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.ts
@@ -17,6 +17,7 @@ export class BusquedaProductosComponent implements OnInit {
   private searchTerm: string = '';
   private categoriaActive: number = null;
   private showSpinner: boolean = true;
+  private verCategorias: boolean = true;
   private apiUrl: string = appSettings.apiUrl;
   private showBtnCargarProducto: boolean = false;
   private categorias: Categoria[] = [];
@@ -27,17 +28,20 @@ export class BusquedaProductosComponent implements OnInit {
 
   ngOnInit() {
 
+    this.verCategorias = this.productoService.verCategoriasProductos;
+
     this.productoService.getCategorias()
       .subscribe((categorias: Categoria[]) => {
         this.categorias = categorias;
-        this.categoriaActive = categorias[0].id;
+        this.categoriaActive = this.verCategorias ? 1 : categorias[0].id;
       });
 
     this.productoService.productoAcargar = undefined;
     this.productoService.getAll()
       .subscribe((data: Producto[]) => {
 
-        this.auxProductos = this.productos = data;
+        this.productos = data;
+        this.filterItems();
       }, (error) => {
         this.showSpinner = false;
         console.error(error);
diff --git a/src/app/components/inicio/inicio.component.html b/src/app/components/inicio/inicio.component.html
index 3cc6219..5d56d3d 100644
--- a/src/app/components/inicio/inicio.component.html
+++ b/src/app/components/inicio/inicio.component.html
@@ -12,7 +12,9 @@
       <div class="col-md-5 d-flex align-items-end flex-column">
 
         <!-- PROMOCIONES -->
-        <div class="card bg-white border-0 shadow rounded w-100 mb-auto">
+        <div
+          (click)="irBusquedaProductos(false)"
+          class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto">
           <div class="card-body text-left px-4 py-3">
             <div class="row">
               <div class="col-7">
@@ -176,7 +178,7 @@
         </div>
 
         <!-- BUSCAR PRODUCTOS -->
-        <div (click)="goPage('busqueda-productos')"
+        <div (click)="irBusquedaProductos(true)"
           class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">
           <div class="card-body text-left px-4 py-3">
             <div class="row">
diff --git a/src/app/components/inicio/inicio.component.ts b/src/app/components/inicio/inicio.component.ts
index 671aba6..4fc11fe 100644
--- a/src/app/components/inicio/inicio.component.ts
+++ b/src/app/components/inicio/inicio.component.ts
@@ -84,9 +84,10 @@ export class InicioComponent implements OnInit {
       });
   }
 
-  private goPage(pageUrl) {
+  private irBusquedaProductos(verPromociones) {
 
-    this.router.navigate([pageUrl]);
+    this.productoService.verCategoriasProductos = verPromociones;
+    this.router.navigate(['busqueda-productos']);
   }
 
   deshacerCarga() {
diff --git a/src/app/services/producto.service.ts b/src/app/services/producto.service.ts
index fbe4384..f72c7ab 100644
--- a/src/app/services/producto.service.ts
+++ b/src/app/services/producto.service.ts
@@ -11,6 +11,7 @@ export class ProductoService {
 
   productos: Producto[] = [];
   productoAcargar: Producto;
+  verCategoriasProductos: boolean = true;
 
   constructor(private http: HttpClient) { }
 
-- 
1.9.1