basic product editing view with renaming

1 files changed, 68 insertions, 54 deletions

diff --git a/iridescence/src/api/dichroism.js b/iridescence/src/api/dichroism.js
index 2bbad2b..ff64ced 100644
--- a/iridescence/src/api/dichroism.js
+++ b/iridescence/src/api/dichroism.js
@@ -1,58 +1,72 @@
-const _products = [
-  {
-    id: 1,
-    name: "Beach Box",
-    quantity: 0,
-    cents: 1100,
-    imgPath: "/beach_box.jpg",
-    description: "This is a beach box.",
-    featured: false,
-    categories: ["Fused Glass", ["Beachy"]]
-  },
-  {
-    id: 2,
-    name: "Wind Chime",
-    quantity: 0,
-    cents: 4500,
-    imgPath: "/wind-chime.jpg",
-    description: "Makes noise when the wind blows.",
-    featured: false,
-    categories: ["Fused Glass", ["Beachy"]]
-  },
-  {
-    id: 3,
-    name: "Beach Box",
-    quantity: 5,
-    cents: 1100,
-    imgPath: "/beach_box.jpg",
-    description: "This is a beach box.",
-    featured: false,
-    categories: ["Stained Glass", ["Christmas"]]
-  },
-  {
-    id: 4,
-    name: "Wind Chime",
-    quantity: 2,
-    cents: 4500,
-    imgPath: "/wind-chime.jpg",
-    description: "Makes noise when the wind blows.",
-    featured: false,
-    categories: ["Fused Glass", ["Kiln-y"]]
-  },
-  {
-    id: 5,
-    name: "Beach Box (New!)",
-    quantity: 5,
-    cents: 1100,
-    imgPath: "/beach_box.jpg",
-    description: "This is a beach box.",
-    featured: true,
-    categories: ["Stained Glass", ["Christmas"]]
+export default class Dichroism {
+  constructor() {
+    this.products = [
+      {
+        id: 1,
+        name: "Beach Box",
+        quantity: 0,
+        cents: 1100,
+        imgPath: "/beach_box.jpg",
+        description: "This is a beach box.",
+        featured: false,
+        categories: ["Fused Glass", ["Beachy"]]
+      },
+      {
+        id: 2,
+        name: "Wind Chime",
+        quantity: 0,
+        cents: 4500,
+        imgPath: "/wind-chime.jpg",
+        description: "Makes noise when the wind blows.",
+        featured: false,
+        categories: ["Fused Glass", ["Beachy"]]
+      },
+      {
+        id: 3,
+        name: "Beach Box",
+        quantity: 5,
+        cents: 1100,
+        imgPath: "/beach_box.jpg",
+        description: "This is a beach box.",
+        featured: false,
+        categories: ["Stained Glass", ["Christmas"]]
+      },
+      {
+        id: 4,
+        name: "Wind Chime",
+        quantity: 2,
+        cents: 4500,
+        imgPath: "/wind-chime.jpg",
+        description: "Makes noise when the wind blows.",
+        featured: false,
+        categories: ["Fused Glass", ["Kiln-y"]]
+      },
+      {
+        id: 5,
+        name: "Beach Box (New!)",
+        quantity: 5,
+        cents: 1100,
+        imgPath: "/beach_box.jpg",
+        description: "This is a beach box.",
+        featured: true,
+        categories: ["Stained Glass", ["Christmas"]]
+      }
+    ];
   }
-];
 
-export default {
   getProducts() {
-    return _products;
+    return this.products;
   }
-};
+
+  updateProduct(product) {
+    if (!product) {
+      return;
+    }
+    for (let i = 0; i < this.products.length; i++) {
+      if (product.id == this.products[i].id) {
+        this.products[i] = product;
+        return;
+      }
+    }
+  }
+}