Chemical Probe Report Card: add probe mechanism section.

components/report_cards/chemical_probe/ProbeMechanism.vue

+<template>
+  <v-card>
+    <v-card-text>
+      <ChEMBLDataTable
+        :dataset-state="datasetState"
+        :store-module-name="storeModuleName"
+        :outlined-card="true"
+      />
+    </v-card-text>
+  </v-card>
+</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 ProbeMechanism from '~/web-components-submodule/store/datasets/generators/eubopen/chemicalProbe/ProbeMechanism.js'
+
+export default {
+  components: {
+    ChEMBLDataTable,
+  },
+  mixins: [datasetMixin],
+  props: {
+    chemblID: {
+      type: String,
+      default: () => undefined,
+    },
+    storeModuleName: {
+      type: String,
+      default: () => `probe_mechanism`,
+    },
+  },
+  data() {
+    return {
+      propertiesGroups: {
+        1: { id: 'report_card_table', selected: true, allHeaders: [] },
+      },
+    }
+  },
+  customDataRepresentationParams: {
+    possiblePageSizes: [5, 10],
+    itemsPerPage: 5,
+  },
+  computed: {
+    starterParams() {
+      const starterParams = ProbeMechanism.getReportCardStarterParams(
+        'CHEMBL101253',
+        this.propertiesGroups
+      )
+      console.log('starterParams: ')
+      console.log(starterParams)
+      return starterParams
+    },
+  },
+}
+</script>
+
+<style></style>

mixins/embedding/embeddingState.js

+export const embeddingStateMixin = {}

nuxt.config.js

@@ -21,6 +21,15 @@ export default {
     esProxyBaseUrl:
       process.env.ES_PROXY_BASE_URL ||
       'https://wwwdev.ebi.ac.uk/chembl/interface_api/es_proxy',
+    delayedJobsBaseUrl:
+      process.env.DELAYED_JOBS_BASE_URL ||
+      'https://wwwdev.ebi.ac.uk/chembl/interface_api/delayed_jobs',
+    delayedJobsIgnoreCache: process.env.DELAYED_JOBS_IGNORE_CACHE === 'true',
+    esIndexPrefix: process.env.ES_INDEX_PREFIX || 'chembl_',
+    djJobStatusCheckIntervalMillis: process.env
+      .DJ_JOB_STATUS_CHECK_INTERVAL_MILLIS
+      ? parseInt(process.env.DJ_JOB_STATUS_CHECK_INTERVAL_MILLIS)
+      : 2000,
   },
 
   // Global CSS: https://go.nuxtjs.dev/config-css

report_cards_structure/CompoundReportCardGenerator.js

@@ -2,6 +2,7 @@ import Summary from '~/components/report_cards/chemical_probe/Summary.vue'
 import ControlStructuresAndUse from '~/components/report_cards/chemical_probe/ControlStructuresAndUse.vue'
 import CellularAssayTargetEngagement from '~/components/report_cards/chemical_probe/CellularAssayTargetEngagement.vue'
 import ProbeProfile from '~/components/report_cards/chemical_probe/ProbeProfile.vue'
+import ProbeMechanism from '~/components/report_cards/chemical_probe/ProbeMechanism.vue'
 import CrystalStructures from '~/components/report_cards/chemical_probe/CrystalStructures.vue'
 
 const methods = {
@@ -33,11 +34,17 @@ const methods = {
           component: ProbeProfile,
           index: 3,
         },
+        {
+          id: 'ProbeMechanism',
+          title: 'Probe Mechanism',
+          component: ProbeMechanism,
+          index: 4,
+        },
         {
           id: 'CrystalStructures',
           title: 'Crystal Structures',
           component: CrystalStructures,
-          index: 4,
+          index: 5,
         },
       ],
     }

web-components-submodule @ 0467239f

-Subproject commit a3dde080e163aaaff71220a4d3a65af1876b887a
+Subproject commit 0467239f3207cf5ffb744b7aa0b63c7c32714b29