From c499946400c775f311d52236d9d1fef3f19a68ff Mon Sep 17 00:00:00 2001
From: Adam Carpenter <atc@53hor.net>
Date: Thu, 30 Apr 2020 21:31:30 -0400
Subject: moved search into InventorySearch and started work on filters;
 updated quantity display

---
 iridescence/src/components/InventoryFilter.vue | 39 ++++++--------------------
 1 file changed, 8 insertions(+), 31 deletions(-)

(limited to 'iridescence/src/components/InventoryFilter.vue')

diff --git a/iridescence/src/components/InventoryFilter.vue b/iridescence/src/components/InventoryFilter.vue
index 365c1e8..58547eb 100644
--- a/iridescence/src/components/InventoryFilter.vue
+++ b/iridescence/src/components/InventoryFilter.vue
@@ -1,40 +1,17 @@
 <template>
   <div id="inventoryFilter">
-    <section class="section">
-      <div class="container">
-        <input
-          class="input is-primary is-medium"
-          type="text"
-          placeholder="Find something in particular..."
-          v-model.trim="term"
-          @input="updateFilter"
-          autofocus
-        />
-      </div>
-      <content class="has-text-centered" v-if="noResults">
-        <p>We couldn't find anything like that...</p>
-      </content>
-    </section>
+    <h1 class="subtitle">
+      Filter Products
+    </h1>
+    <label class="checkbox">
+      <input type="checkbox" />
+      Remember me
+    </label>
   </div>
 </template>
 
 <script>
 export default {
-  name: "InventoryFilter",
-  data() {
-    return {
-      term: ""
-    };
-  },
-  computed: {
-    noResults() {
-      return !this.$store.getters.inventory.length;
-    }
-  },
-  methods: {
-    updateFilter() {
-      this.$store.commit("filterTerm", this.term);
-    }
-  }
+  name: "InventoryFilter"
 };
 </script>
-- 
cgit v1.2.3

