diff options
author | Adam Carpenter <atc@53hor.net> | 2020-04-30 21:31:30 -0400 |
---|---|---|
committer | Adam Carpenter <atc@53hor.net> | 2020-04-30 21:31:30 -0400 |
commit | c499946400c775f311d52236d9d1fef3f19a68ff (patch) | |
tree | ccff75f9679f3c23e4e9c7c3c04855e6be846adf /iridescence/src/components/InventoryFilter.vue | |
parent | 9119c86ff94fd29086dfd342a616993f20fc5c75 (diff) | |
download | theglassyladies-c499946400c775f311d52236d9d1fef3f19a68ff.tar.xz theglassyladies-c499946400c775f311d52236d9d1fef3f19a68ff.zip |
moved search into InventorySearch and started work on filters; updated quantity display
Diffstat (limited to 'iridescence/src/components/InventoryFilter.vue')
-rw-r--r-- | iridescence/src/components/InventoryFilter.vue | 39 |
1 files changed, 8 insertions, 31 deletions
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> |