stash

web/src/components/inputs/SearchBox.vue

@@ -1,19 +1,17 @@
 <template>
-    <form class="form-inline">
-        <input
-            class="form-control w-100"
-            type="search"
-            placeholder="Search"
-            aria-label="Search"
-            v-model="search_query"
-            @input="searchEventItems(search_query)"
-        >
-    </form>
+    <input
+        class="form-control w-100"
+        type="search"
+        placeholder="Search"
+        aria-label="Search"
+        v-model="search_query"
+        @keyup.enter="dispatchSearch"
+    >
 </template>
 
 <script>
 
-import {mapActions} from "vuex";
+import {mapActions, mapGetters} from "vuex";
 
 export default {
     name: 'SearchBox',
@@ -22,8 +20,24 @@ export default {
             search_query: ''
         }
     },
+    computed: {
+        ...mapGetters(['getActiveView'])
+    },
     methods: {
-        ...mapActions(['searchEventItems']),
+        ...mapActions(['searchEventItems', 'searchEventTickets']),
+        isItemView() {
+            return this.getActiveView === 'items' || this.getActiveView === 'item';
+        },
+        isTicketView() {
+            return this.getActiveView === 'tickets' || this.getActiveView === 'ticket';
+        },
+        dispatchSearch() {
+            if (this.isItemView()) {
+                this.searchEventItems(this.search_query);
+            } else if (this.isTicketView()) {
+                this.searchEventTickets(this.search_query);
+            }
+        }
     }
 };
 </script>