Eubopen compound report: set up activity profile section

components/report_cards/chemical_probe/ActivityProfileComponents/ActivityDataSingleTab.vue

 <template>
   <v-card flat>
     <v-card-title>{{ tabConfig.label }}</v-card-title>
-    <v-card-text>{{ itemID }}</v-card-text>
     <v-card-text>
       <ChEMBLDataTable
         :dataset-state="datasetState"
         :store-module-name="storeModuleName"
         :outlined-card="true"
       />
-      starterParams: {{ starterParams }}
     </v-card-text>
   </v-card>
 </template>
@@ -17,7 +15,6 @@
 import IndexNames from '@/web-components-submodule/standardisation/IndexNames.js'
 import { datasetMixin } from '~/web-components-submodule/mixins/datasets/datasetMixin.js'
 import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
-// import ProbeProfile from '~/web-components-submodule/store/datasets/generators/eubopen/activity/ProbeProfile.js'
 import ChEMBLDataTable from '~/web-components-submodule/components/common/dataSets/data_table/ChEMBLDataTable.vue'
 
 export default {
@@ -55,16 +52,6 @@ export default {
     storeModuleName() {
       return `activity_profile_${this.tabConfig.key}`
     },
-    // REMOVE PROBE PROFILE
-    // starterParams() {
-    //   const starterParams = ProbeProfile.getReportCardStarterParams(
-    //     this.itemID,
-    //     this.propertiesGroups
-    //   )
-    //   console.log('starterParams: ')
-    //   console.log(JSON.stringify(starterParams))
-    //   return starterParams
-    // },
     starterParams() {
       return {
         chemblID: this.itemID,

components/report_cards/chemical_probe/ActivityProfileComponents/ActivityDataTabs.vue

 <template>
   <div>
-    <div>itemID: {{ itemID }}</div>
-    <div>shownSections: {{ shownSections }}</div>
-
-    <v-tabs v-model="tab">
+    <v-tabs v-model="tab" show-arrows>
       <v-tab v-for="item in shownSections" :key="item.key">
         {{ item.key }}
       </v-tab>

components/report_cards/chemical_probe/CompoundActivityProfile.vue

 <template>
-  <v-card>
-    <v-card-text>
-      <ChEMBLDataTable
-        :dataset-state="datasetState"
-        :store-module-name="storeModuleName"
-        :outlined-card="true"
-      />
-    </v-card-text>
-  </v-card>
+  <div>
+    <v-card>
+      <v-card-text>
+        <ActivityDataTabs :item-i-d="itemID" section-key="ActivityProfile" />
+      </v-card-text>
+    </v-card>
+  </div>
 </template>
 
 <script>
-import { datasetMixin } from '~/web-components-submodule/mixins/datasets/datasetMixin.js'
-import ChEMBLDataTable from '~/web-components-submodule/components/common/dataSets/data_table/ChEMBLDataTable.vue'
-import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
-import ProbeProfile from '~/web-components-submodule/store/datasets/generators/eubopen/activity/ProbeProfile.js'
-
+import ActivityDataTabs from '~/components/report_cards/chemical_probe/ActivityProfileComponents/ActivityDataTabs.vue'
 export default {
   components: {
-    ChEMBLDataTable,
+    ActivityDataTabs,
   },
-  mixins: [datasetMixin],
   props: {
     itemID: {
       type: String,
       default: () => undefined,
     },
-    storeModuleName: {
-      type: String,
-      default: () => `probe_profile`,
-    },
-  },
-  data() {
-    return {
-      propertiesGroups: {
-        1: {
-          id: 'eubopen_compound_probe_profile',
-          selected: true,
-          allHeaders: [],
-        },
-      },
-      entityID: EntityNames.EubopenActivity.entityID,
-      customDataRepresentationParams: {
-        possiblePageSizes: [5, 10],
-        itemsPerPage: 5,
-      },
-    }
-  },
-  computed: {
-    starterParams() {
-      const starterParams = ProbeProfile.getReportCardStarterParams(
-        this.itemID,
-        this.propertiesGroups
-      )
-      return starterParams
-    },
   },
 }
 </script>

web-components-submodule @ 12218ead

-Subproject commit e35f854d2b1dc32acf0990aeccb493844fcab39f
+Subproject commit 12218ead502492a35d0c13b03640910076390a25