Skip to content
Snippets Groups Projects
Commit 7f637ca7 authored by David Mendez's avatar David Mendez
Browse files

Add initial mockup of target name and classification

parent 66f2e92a
No related branches found
No related tags found
1 merge request!5Add compounds and target browser mockups
......@@ -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>
......
<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>
<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
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment