- feature request: autocomplete search also on the start page and on the dataset detail page

src/views/dataset-detail.component.ts/dataset-detail.component.ts

@@ -4,19 +4,23 @@ import { Prop } from "vue-property-decorator";
 import DatasetService from "../../services/dataset.service";
 import { Subscription } from "rxjs";
 import moment from "moment";
-import SimpleSearchComponent from "@/components/simple-search/simple-search-component.vue";
+// import SimpleSearchComponent from "@/components/simple-search/simple-search-component.vue";
+import VsInput from "@/components/vs-input/vs-input.vue";
+import { Suggestion } from "@/models/dataset";
 import { VUE_APP_PORTAL } from "@/constants";
 
 @Options({
     name: "DatasetDetailComponent",
     components: {
-        SimpleSearchComponent,
+        VsInput,
     },
 })
 export default class DatasetDetailComponent extends Vue {
     @Prop()
     datasetId!: number;
 
+    searchTerm: string | Suggestion = "";
+
     private subscriptions: Array<Subscription> = [];
     public dataset = {} as DbDataset;
     private error = "";
@@ -36,6 +40,20 @@ export default class DatasetDetailComponent extends Vue {
         }
     }
 
+    onSearch(suggestion: Suggestion | string): void {
+        let term;
+        if (typeof suggestion === "string") {
+            term = suggestion;
+            this.$router.push({ name: "Search", params: { display: term } });
+        } else if (suggestion instanceof Suggestion) {
+            term = suggestion.value;
+            this.$router.push({ name: "Search", params: { display: term, type: suggestion.type } });
+        }
+
+        // this.searchTerm = suggestion;
+        // this.$router.push({ name: "Search", params: { display: term, suggestion instanceof Suggestion ? ty} });
+    }
+
     private getDataset(id: number): void {
         const newSub = DatasetService.getDataset(id).subscribe(
             (res: DbDataset) => {