Put tag to searchbar on click on keyword

dmstern · Nov 26, 2018 · bd1c07c · bd1c07c
1 parent 2a72613
commit bd1c07c
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -225,6 +225,10 @@ export default class App extends Vue {
       this.error.msg = res.data;
     });
 
+    EventBus.$on(Events.TRIGGER_FILTER_SEARCH, (args: { filters: Searchable[], query: string }) => {
+      this.activeFilters.push(...args.filters);
+    });
+
   }
 
   private get searchInput(): HTMLInputElement {

diff --git a/src/components/PackageList.vue b/src/components/PackageList.vue
@@ -81,7 +81,7 @@ export default class Packages extends Vue {
 
     this.loadConfig();
 
-    EventBus.$on(Events.FILTER_SEARCH, async ( args: { filters: Searchable[], query: string} ) => {
+    EventBus.$on([Events.FILTER_SEARCH, Events.TRIGGER_FILTER_SEARCH], async ( args: { filters: Searchable[], query: string} ) => {
       this.packages.loading = true;
       this.packages.all = await DataStore.Instance.getPackages();
       this.packages.loading = false;

diff --git a/src/services/event-bus.ts b/src/services/event-bus.ts
@@ -3,6 +3,7 @@ export const EventBus = new Vue();
 
 export enum Events {
   FILTER_SEARCH = 'filter-search',
+  TRIGGER_FILTER_SEARCH = 'trigger-filter-search',
 }
 
 export enum Errors {

diff --git a/src/views/PackageDetail.vue b/src/views/PackageDetail.vue
@@ -192,9 +192,7 @@
               @click="onKeywordClick(tag)"
             >
               {{tag.value}}
-              <v-avatar>
-                <v-icon>{{$vuetify.icons.search}}</v-icon>
-              </v-avatar>
+              <v-icon>{{$vuetify.icons.arrowTopLeft}}</v-icon>
             </v-chip>
           </PackageDetailItem>
         </v-layout>
@@ -320,7 +318,7 @@ export default class PackageDetail extends Vue {
   private onKeywordClick(tag) {
     router.push(`/`);
     this.$nextTick(() => {
-      EventBus.$emit(Events.FILTER_SEARCH, { filters: [tag] });
+      EventBus.$emit(Events.TRIGGER_FILTER_SEARCH, { filters: [tag] });
     });
   }
 }