EUbOPEN compounds: add field for molecule class and configure querystring examples

components/report_cards/chemical_probe/ChemicalProbeReportCard.vue

@@ -37,7 +37,7 @@ export default {
     },
   }),
   mounted() {
-    const docSource = ['pref_name']
+    const docSource = ['pref_name', '_metadata.eubopen.is_probe']
     const entityID = EntityNames.EubopenCompound.entityID
     const indexName = IndexNames.getIndexNameFromEntityID(entityID)
 
@@ -51,9 +51,19 @@ export default {
           false
         )
 
+        const isChemicalProbe = ObjectPropertyAccess.getPropertyPalue(
+          sourceObtained,
+          '_metadata.eubopen.is_probe',
+          false
+        )
+
+        const isNegativeControl = !isChemicalProbe
+
         const reportCardStructure = CompoundReportCardGenerator.generateReportCardStructure(
           this.itemID,
-          prefName
+          prefName,
+          isChemicalProbe,
+          isNegativeControl
         )
         this.$store.dispatch(
           `${this.storeModuleName}/setReportCardStructure`,

components/report_cards/chemical_probe/Summary.vue

@@ -52,6 +52,13 @@
                   <v-divider />
                 </div>
               </v-col>
+              <v-col cols="12">
+                <div>
+                  <b>Molecule Class:</b>
+                  {{ moleculeClassText }}
+                  <v-divider />
+                </div>
+              </v-col>
               <v-col
                 v-if="
                   getPropertyPalue(
@@ -146,6 +153,24 @@ export default {
     ...mapState({
       dataLoaded: (state) => state.probe.probeSummary.dataLoaded,
       probeSummaryData: (state) => state.probe.probeSummary.probeSummaryData,
+      moleculeClassText: (state) => {
+        const compoundData = state.probe.probeSummary.probeSummaryData
+        const isChemicalProbe = ObjectPropertyAccess.getPropertyPalue(
+          compoundData,
+          '_metadata.eubopen.is_probe',
+          false
+        )
+        const isNegativeControl = !isChemicalProbe
+
+        const allClasses = []
+        if (isChemicalProbe) {
+          allClasses.push('Chemical Probe')
+        }
+        if (isNegativeControl) {
+          allClasses.push('Negative Control')
+        }
+        return allClasses.join(', ')
+      },
     }),
     showStructureImgLaterally() {
       switch (this.$vuetify.breakpoint.name) {

report_cards_structure/CompoundReportCardGenerator.js

@@ -8,7 +8,61 @@ import CalculatedProperties from '~/components/report_cards/chemical_probe/Calcu
 import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
 
 const methods = {
-  generateReportCardStructure(itemID, prefName) {
+  generateReportCardStructure(
+    itemID,
+    prefName,
+    isChemicalProbe,
+    isNegativeControl
+  ) {
+    if (isChemicalProbe) {
+      return {
+        title: prefName,
+        entityName: EntityNames.EubopenCompound.singularEntityName,
+        sections: [
+          {
+            id: 'Summary',
+            title: 'Summary',
+            component: Summary,
+            index: 0,
+          },
+          {
+            id: 'ProbeMechanism',
+            title: 'Probe Mechanism',
+            component: ProbeMechanism,
+            index: 1,
+          },
+          {
+            id: 'ControlStructuresAndUse',
+            title: 'Negative Controls',
+            component: ControlStructuresAndUse,
+            index: 2,
+          },
+          {
+            id: 'ProbeProfile',
+            title: 'Probe Profile',
+            component: ProbeProfile,
+            index: 3,
+          },
+          {
+            id: 'CalculatedProperties',
+            title: 'Calculated Properties',
+            component: CalculatedProperties,
+            componentParams: {
+              entityID: EntityNames.EubopenCompound.entityID,
+            },
+
+            index: 4,
+          },
+          {
+            id: 'CrystalStructures',
+            title: 'PBD Ligand Codes',
+            component: CompoundCrystalStructures,
+            index: 5,
+          },
+        ],
+      }
+    }
+
     return {
       title: prefName,
       entityName: EntityNames.EubopenCompound.singularEntityName,
@@ -37,12 +91,6 @@ const methods = {
           component: ProbesForThisCompound,
           index: 3,
         },
-        {
-          id: 'ProbeProfile',
-          title: 'Probe Profile',
-          component: ProbeProfile,
-          index: 4,
-        },
         {
           id: 'CalculatedProperties',
           title: 'Calculated Properties',
@@ -51,13 +99,13 @@ const methods = {
             entityID: EntityNames.EubopenCompound.entityID,
           },
 
-          index: 5,
+          index: 4,
         },
         {
           id: 'CrystalStructures',
           title: 'PBD Ligand Codes',
           component: CompoundCrystalStructures,
-          index: 6,
+          index: 5,
         },
       ],
     }

store/probe/probeSummary.js

@@ -23,6 +23,7 @@ export const actions = {
       'pref_name',
       '_metadata.compound_generated.image_file',
       '_metadata.eubopen.in_vivo_use',
+      '_metadata.eubopen.is_probe',
       'molecule_structures.canonical_smiles',
       'molecule_structures.standard_inchi_key',
       '_metadata.compound_records.src_id',

web-components-submodule @ ee979684

-Subproject commit 82b76ce15b04b0ace731e450c96da2749ef23719
+Subproject commit ee979684c491e918e1f16e8a687fbca067323cdf