Eubopen: start to implement components for search results

components/search_results/free_text/CompoundsResults.vue

 <template>
-  <v-card flat>
-    <v-card-text> Compounds results </v-card-text>
-  </v-card>
+  <SearchResultsCard
+    :store-module-name="storeModuleName"
+    :dataset-state="datasetState"
+  />
 </template>
 
 <script>
-export default {}
+import CompoundResults from '~/web-components-submodule/store/datasets/generators/eubopen/searchResults/CompoundResults.js'
+import { datasetMixin } from '~/web-components-submodule/mixins/datasets/datasetMixin.js'
+import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
+import SearchResultsCard from '~/web-components-submodule/components/common/SearchResults/SearchResultsCard.vue'
+
+export default {
+  components: {
+    SearchResultsCard,
+  },
+  mixins: [datasetMixin],
+  props: {
+    storeModuleName: {
+      type: String,
+      default: () => `eubopen_compound_results`,
+    },
+  },
+  data() {
+    return {
+      propertiesGroups: {
+        1: { id: 'eubopen_search_results', selected: true, allHeaders: [] },
+      },
+      entityID: EntityNames.EubopenCompound.entityID,
+      pluralEntityName: EntityNames.EubopenCompound.pluralEntityName,
+    }
+  },
+  computed: {
+    starterParams() {
+      return CompoundResults.getSearchResultsStarterParams(
+        this.propertiesGroups
+      )
+    },
+  },
+}
 </script>
 
 <style></style>

components/search_results/free_text/FreeTextResults.vue

 <template>
   <v-tabs show-arrows :vertical="makeTabsVertical">
-    <v-tab> 1000 Compounds </v-tab>
-    <v-tab> 400 Targets </v-tab>
+    <v-tab> Compounds </v-tab>
+    <v-tab> Targets </v-tab>
     <v-tab> Heatmap </v-tab>
     <v-tab-item> <CompoundsResults /> </v-tab-item>
     <v-tab-item> <TargetsResults /> </v-tab-item>

components/search_results/free_text/TargetsResults.vue

 <template>
-  <v-card flat>
-    <v-card-text> Targets results </v-card-text>
-  </v-card>
+  <SearchResultsCard
+    :store-module-name="storeModuleName"
+    :dataset-state="datasetState"
+  />
 </template>
 
 <script>
-export default {}
+import TargetResults from '~/web-components-submodule/store/datasets/generators/eubopen/searchResults/TargetResults.js'
+import SearchResultsCard from '~/web-components-submodule/components/common/SearchResults/SearchResultsCard.vue'
+import { datasetMixin } from '~/web-components-submodule/mixins/datasets/datasetMixin.js'
+import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
+
+export default {
+  components: {
+    SearchResultsCard,
+  },
+  mixins: [datasetMixin],
+  props: {
+    storeModuleName: {
+      type: String,
+      default: () => `eubopen_target_results`,
+    },
+  },
+  data() {
+    return {
+      propertiesGroups: {
+        1: { id: 'eubopen_search_results', selected: true, allHeaders: [] },
+      },
+      entityID: EntityNames.EubopenTarget.entityID,
+      pluralEntityName: EntityNames.EubopenTarget.pluralEntityName,
+    }
+  },
+  computed: {
+    starterParams() {
+      return TargetResults.getSearchResultsStarterParams(this.propertiesGroups)
+    },
+  },
+}
 </script>
 
 <style></style>

web-components-submodule @ ec18f569

-Subproject commit febc770e5c33633e8682b2d207caf180d4933250
+Subproject commit ec18f569b27239c2eda59eef9586ebb8f7de5663