diff --git a/components/report_cards/chemical_probe/ControlStructuresAndUse.vue b/components/report_cards/chemical_probe/ControlStructuresAndUse.vue index fde67db504c0f6cc5de6b32eb93a537095dcbeac..5bf7b0c960b49ea5f30bed4a82fd47f1c8a3555a 100644 --- a/components/report_cards/chemical_probe/ControlStructuresAndUse.vue +++ b/components/report_cards/chemical_probe/ControlStructuresAndUse.vue @@ -5,6 +5,7 @@ :dataset-state="datasetState" :store-module-name="storeModuleName" :outlined-card="true" + :in-report-card="true" /> </v-card-text> </v-card> @@ -41,6 +42,7 @@ export default { possiblePageSizes: [5, 10], itemsPerPage: 5, }, + subsetHumanDescription: `Compounds that are control for ${this.itemID}`, } }, computed: { diff --git a/components/report_cards/chemical_probe/ProbesForThisCompound.vue b/components/report_cards/chemical_probe/ProbesForThisCompound.vue new file mode 100644 index 0000000000000000000000000000000000000000..68bbc89a8542526e5cb6e4f9c776f7166ccdf4d2 --- /dev/null +++ b/components/report_cards/chemical_probe/ProbesForThisCompound.vue @@ -0,0 +1,60 @@ +<template> + <v-card> + <v-card-text> + <ChEMBLDataTable + :dataset-state="datasetState" + :store-module-name="storeModuleName" + :outlined-card="true" + :in-report-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 EntityNames from '~/web-components-submodule/standardisation/EntityNames.js' +import EubopenCompound from '~/web-components-submodule/store/datasets/generators/eubopen/chemicalProbe/EubopenCompound.js' + +export default { + components: { + ChEMBLDataTable, + }, + mixins: [datasetMixin], + props: { + itemID: { + type: String, + default: () => undefined, + }, + storeModuleName: { + type: String, + default: () => `probes_for_this_compound`, + }, + }, + data() { + return { + propertiesGroups: { + 1: { id: 'probes', selected: true, allHeaders: [] }, + }, + entityID: EntityNames.EubopenCompound.entityID, + customDataRepresentationParams: { + possiblePageSizes: [5, 10], + itemsPerPage: 5, + }, + subsetHumanDescription: `Compounds that are probes for ${this.itemID}`, + } + }, + computed: { + starterParams() { + const starterParams = EubopenCompound.getProbesForThisCompoundParams( + this.itemID, + this.propertiesGroups + ) + return starterParams + }, + }, +} +</script> + +<style></style> diff --git a/nuxt.config.js b/nuxt.config.js index dda1c433d30edf8b06b3a540a5b2e8809c004024..a11bcbe1dfbbf57e339d7b47276d59a4eb10515d 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -58,6 +58,10 @@ export default { process.env.ENTITY_BROWSER_STATE_URL_TEMPLATE || '/<BROWSER_NAME>/browse/<GENERATED_STATE>', canonicalDomain: process.env.CANONICAL_DOMAIN || '0.0.0.0:3000', + shortenURLsForEntityBrowser: + process.env.SHORTEN_URLS_FOR_ENTITY_BROWSERS == null + ? true + : process.env.SHORTEN_URLS_FOR_ENTITY_BROWSERS === 'true', }, // Global CSS: https://go.nuxtjs.dev/config-css diff --git a/pages/compound/browse/_state.vue b/pages/compound/browse/_state.vue index 3ba92ec3aea040e487f0dc248b5f23bb529d7e94..e1633d025f43f1d675bbe0d5c442746ef8919cdd 100644 --- a/pages/compound/browse/_state.vue +++ b/pages/compound/browse/_state.vue @@ -1,5 +1,5 @@ <template> - <EBCompoundsBrowser /> + <EBCompoundsBrowser :raw-state="state" /> </template> <script> @@ -52,6 +52,11 @@ export default { ], } }, + computed: { + state() { + return this.$route.params.state + }, + }, } </script> diff --git a/report_cards_structure/CompoundReportCardGenerator.js b/report_cards_structure/CompoundReportCardGenerator.js index d3422d0984ae10cbefe8e0a09b363faca04e633d..3a755dc6afdb95a50712a147f4f5f4b16391c4fc 100644 --- a/report_cards_structure/CompoundReportCardGenerator.js +++ b/report_cards_structure/CompoundReportCardGenerator.js @@ -1,5 +1,6 @@ import Summary from '~/components/report_cards/chemical_probe/Summary.vue' import ControlStructuresAndUse from '~/components/report_cards/chemical_probe/ControlStructuresAndUse.vue' +import ProbesForThisCompound from '~/components/report_cards/chemical_probe/ProbesForThisCompound.vue' import ProbeProfile from '~/components/report_cards/chemical_probe/ProbeProfile.vue' import ProbeMechanism from '~/components/report_cards/chemical_probe/ProbeMechanism.vue' import CompoundCrystalStructures from '~/components/report_cards/chemical_probe/CompoundCrystalStructures.vue' @@ -26,15 +27,21 @@ const methods = { }, { id: 'ControlStructuresAndUse', - title: 'Control Structures And Use', + title: 'Negative Controls', component: ControlStructuresAndUse, index: 2, }, + { + id: 'ProbesForThisCompound', + title: 'Probes', + component: ProbesForThisCompound, + index: 3, + }, { id: 'ProbeProfile', title: 'Probe Profile', component: ProbeProfile, - index: 3, + index: 4, }, { id: 'CalculatedProperties', @@ -44,13 +51,13 @@ const methods = { entityID: EntityNames.EubopenCompound.entityID, }, - index: 4, + index: 5, }, { id: 'CrystalStructures', title: 'PBD Ligand Codes', component: CompoundCrystalStructures, - index: 5, + index: 6, }, ], } diff --git a/web-components-submodule b/web-components-submodule index 5542fe72316234d4b098f3cfb8f6000223672eaf..1810a5015963bddeb1baec46957f68c7a629cf2a 160000 --- a/web-components-submodule +++ b/web-components-submodule @@ -1 +1 @@ -Subproject commit 5542fe72316234d4b098f3cfb8f6000223672eaf +Subproject commit 1810a5015963bddeb1baec46957f68c7a629cf2a