From 72183c65a290f40bfc8268104b54f0e78c7f4ed2 Mon Sep 17 00:00:00 2001
From: Ray C <rayc2045@gmail.com>
Date: Fri, 3 May 2024 14:32:20 +0800
Subject: [PATCH] Add shop.filter

---
 src/app.js | 34 ++++++++++++++++++++++++++++++++--
 1 file changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/app.js b/src/app.js
index e39e029..9224311 100644
--- a/src/app.js
+++ b/src/app.js
@@ -245,8 +245,38 @@ const shop = {
       ? this.products.filter(product => product.name.toLowerCase().includes(this.searchText))
       : this.products;
   },
-  get categories() {
-    return utils.getUniques(this.products.map(product => product.category))
+  get filter() {
+    const filter = this.products.reduce(
+      (accumulator, product) => {
+        if (product.label && !accumulator.labels.includes(product.label))
+          accumulator.labels.push(product.label);
+        if (!accumulator.categories.includes(product.category))
+          accumulator.categories.push(product.category);
+        accumulator.price.min = Math.min(accumulator.price.min, product.price);
+        accumulator.price.max = Math.max(accumulator.price.max, product.price);
+        if (product.discount && !accumulator.discounts.includes(product.discount))
+          accumulator.discounts.push(product.discount);
+        product.colors.forEach(color => {
+          if (!accumulator.colors.includes(color)) accumulator.colors.push(color);
+        });
+        if (!accumulator.stocks.includes(product.stock))
+          accumulator.stocks.push(product.stock);
+        return accumulator;
+      },
+      {
+        labels: [],
+        categories: [],
+        price: {
+          min: Infinity,
+          max: 0,
+        },
+        discounts: [],
+        colors: [],
+        stocks: [],
+      }
+    );
+    filter.discounts.sort((a, b) => parseFloat(b.split('%')[0]) - parseFloat(a.split('%')[0]))
+    return filter;
   },
   async loadProducts() {
     this.products = await utils.getData('./src/data/products.json');