From be382a8c066b5b409e474740de6f228da3cb3525 Mon Sep 17 00:00:00 2001
From: Eric Fernandez <efernandez@focasoftware.com>
Date: Fri, 30 Aug 2019 10:55:47 -0300
Subject: [PATCH] filtro ordernar by

---
 .../busqueda-productos/busqueda-productos.component.html  |  6 +++++-
 .../busqueda-productos/busqueda-productos.component.ts    | 15 +++++++++++++--
 src/app/wrappers/producto.ts                              |  3 ++-
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.html b/src/app/components/busqueda-productos/busqueda-productos.component.html
index 15cf8f9..8db0fb0 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.html
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.html
@@ -60,7 +60,11 @@
             </button>
           </div>
           <div class="col-sm-12 my-2 h5">
-            <span class="badge badge-light px-2 text-muted shadow-sm">Más vendidos</span>
+            <button
+              class="btn btn-outline-primary badge badge-light px-2 shadow-sm"
+              [ngClass]="{'active': ordenandoByVendidos}"
+              (click)="ordenandoByVendidos = !ordenandoByVendidos; ordenar()"
+            >Más vendidos</button>
           </div>
         </div>
         <!-- LISTA DE PRODUCTOS -->
diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.ts b/src/app/components/busqueda-productos/busqueda-productos.component.ts
index 45d5741..79c859e 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.ts
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.ts
@@ -21,6 +21,7 @@ export class BusquedaProductosComponent implements OnInit {
   private apiUrl: string = appSettings.apiUrl;
   private categorias: Categoria[] = [];
   private blurFocus = new EventEmitter();
+  private ordenandoByVendidos = true;
 
   constructor(
     private productoService: ProductoService,
@@ -78,6 +79,7 @@ export class BusquedaProductosComponent implements OnInit {
           this.productos = data;
         }
         this.filterItems();
+        this.ordenar();
       }, (error) => {
         this.showSpinner = false;
         console.error(error);
@@ -104,8 +106,17 @@ export class BusquedaProductosComponent implements OnInit {
     this.productoService.productos.push(producto);
   }
 
-  lostBlur() {
-    this.blurFocus.emit();
+  ordenar() {
+
+    if (this.ordenandoByVendidos) {
+
+      this.auxProductos.sort((a, b) => {
+        return b.cantidadVendida - a.cantidadVendida;
+      });
+    } else {
+      this.filterItems();
+    }
+
   }
 
   private elegirProducto(producto: Producto) {
diff --git a/src/app/wrappers/producto.ts b/src/app/wrappers/producto.ts
index 068df1e..e208c24 100644
--- a/src/app/wrappers/producto.ts
+++ b/src/app/wrappers/producto.ts
@@ -94,5 +94,6 @@ export interface Producto {
   idSinonimo?: number;
   productos?: Producto[];
   tieneSinonimos?: boolean;
-  imagenes: object[]
+  imagenes: object[],
+  cantidadVendida: number
 }
-- 
1.9.1