diff --git a/components/report_cards/chemical_probe/Summary.vue b/components/report_cards/chemical_probe/Summary.vue index 43fc4a442cfa0301c41b147dc880bb2264fa960b..1b7a70b00956e7450d085630d06733a0f6830573 100644 --- a/components/report_cards/chemical_probe/Summary.vue +++ b/components/report_cards/chemical_probe/Summary.vue @@ -30,7 +30,7 @@ <v-divider /> <v-row class="details-row" dense> <v-col cols="12"> - <b>Target(s) (synonyms):</b> + <b>Synonyms:</b> MLLT1/MLLT3 (ENL;LTG19;YEATS1 / AF- 9;YEATS3) </v-col> </v-row> @@ -55,28 +55,6 @@ </v-row> <v-divider /> - <v-row class="details-row" dense> - <v-col cols="12"> - <b>Protein Target Classification:</b> - <br /> - <br /> - <p> - <v-chip outlined color="secondary" label> - Unclassified protein - </v-chip> - > - <v-chip outlined color="secondary" label> - Epigenetic regulator - </v-chip> - > - <v-chip outlined color="secondary" label> Reader </v-chip> - > - <v-chip outlined color="secondary" label> Bromodomain </v-chip> - </p> - </v-col> - </v-row> - <v-divider /> - <v-row class="details-row" dense> <v-col cols="12"> <b>Publications:</b> diff --git a/components/report_cards/target/TargetReportCard.vue b/components/report_cards/target/TargetReportCard.vue index 262326b610fb93a004c3ff831bb9ff0d9e28640d..bec98fdaaab660723d91960eab78d23058c5edc2 100644 --- a/components/report_cards/target/TargetReportCard.vue +++ b/components/report_cards/target/TargetReportCard.vue @@ -1,9 +1,27 @@ <template> - <div>Target report card!</div> + <EntityReportCard :report-card-structure="reportCardStructure" /> </template> <script> -export default {} +import { mapState } from 'vuex' +import EntityReportCard from '~/components/report_cards/shared/EntityReportCard.vue' +import TargetReportCardGenerator from '~/report_cards_structure/TargetReportCardGenerator.js' + +export default { + components: { + EntityReportCard, + }, + computed: mapState({ + reportCardStructure: (state) => state.reportCard.reportCardStructure, + }), + mounted() { + const reportCardStructure = TargetReportCardGenerator.generateReportCardStructure() + this.$store.dispatch( + 'reportCard/setReportCardStructure', + reportCardStructure + ) + }, +} </script> <style></style> diff --git a/pages/index.vue b/pages/index.vue index 0e29a781a5440329fe390bfa59360bfd00bff44a..143c043646c36390f4f6b78252610625149905a8 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,7 +1,8 @@ <template> <v-row justify="center" align="center"> <v-col cols="12"> - <v-btn color="primary" outlined to="/compound/1"> Compound Sample</v-btn> + <v-btn color="primary" outlined to="/compound/1"> Compound Example</v-btn> + <v-btn color="primary" outlined to="/target/1"> Target Example</v-btn> <h1>Lorem ipsum</h1> <p class="text-justify"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dictum