From 31b5e855053d43a4b79c877f7bcdc2576a59019a Mon Sep 17 00:00:00 2001
From: Adam Carpenter <atc@53hor.net>
Date: Fri, 1 May 2020 15:38:28 -0400
Subject: added basic filter menu, not functional yet

---
 iridescence/src/components/InventoryFilter.vue | 49 ++++++++++++++++++++++----
 1 file changed, 42 insertions(+), 7 deletions(-)

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

diff --git a/iridescence/src/components/InventoryFilter.vue b/iridescence/src/components/InventoryFilter.vue
index 58547eb..349b0f5 100644
--- a/iridescence/src/components/InventoryFilter.vue
+++ b/iridescence/src/components/InventoryFilter.vue
@@ -1,12 +1,47 @@
 <template>
   <div id="inventoryFilter">
-    <h1 class="subtitle">
-      Filter Products
-    </h1>
-    <label class="checkbox">
-      <input type="checkbox" />
-      Remember me
-    </label>
+    <aside class="menu">
+      <p class="menu-label">
+        Availability
+      </p>
+      <ul class="menu-list">
+        <li>
+          <label class="radio">
+            <input type="radio" name="availability" />
+            In stock
+          </label>
+        </li>
+        <li>
+          <label class="radio">
+            <input type="radio" name="availability" />
+            Made to order
+          </label>
+        </li>
+      </ul>
+      <p class="menu-label">
+        Category
+      </p>
+      <ul class="menu-list">
+        <li>
+          <label class="radio">
+            <input type="radio" name="category" />
+            Garden
+          </label>
+        </li>
+        <li>
+          <label class="radio">
+            <input type="radio" name="category" />
+            Beach
+          </label>
+        </li>
+        <li>
+          <label class="radio">
+            <input type="radio" name="category" />
+            Pets
+          </label>
+        </li>
+      </ul>
+    </aside>
   </div>
 </template>
 
-- 
cgit v1.2.3

