diff --git a/components/OperonStructure.vue b/components/OperonStructure.vue index b1745a77019fb5981e348a59b1d30bbd38635a99..e97d44c78163abb865e87069476c9360538e3499 100644 --- a/components/OperonStructure.vue +++ b/components/OperonStructure.vue @@ -64,6 +64,19 @@ const computedGenes = computed(() => { } else { return [] } }) + + +const structureVersion = computed(() => { + + const genesVal = toValue(computedGenes) + if (genesVal?.length > 0) { + return genesVal[0].version + } + else { + return undefined + } +}) + watch(computedGenes, () => { const genes = toValue(computedGenes) const domain = genes?.map(d => { return d.gene }) @@ -196,6 +209,7 @@ function drawGene({ width, height }) { <template> <div ref="gbContainer"> <v-card flat color="transparent"> + <v-card-subtitle>model version : {{ structureVersion }}</v-card-subtitle> <!-- <v-img :href=""></v-img> --> <svg ref="svgRef" :width="computedContainerWidth" :height="plotHeight"> <g class="x-axis" /> diff --git a/components/content/ArticleStructure.vue b/components/content/ArticleStructure.vue index 5cf16951e5236383c298b046227659d450cfeb6a..29b36c314e3d3f2c41a9986e09eb96df74263cd1 100644 --- a/components/content/ArticleStructure.vue +++ b/components/content/ArticleStructure.vue @@ -110,7 +110,7 @@ async function fetchStructures() { <template> <v-card flat> <template v-for="[subsystem, structures] in perSubsystemStructures" :key="subsystem[0]"> - <ProseH3>{{ computedSystem }} - {{ subsystem }}</ProseH3> + <ProseH3>{{ subsystem }}</ProseH3> <v-row align="end"> <v-col cols="6" class="ml-0 "> <SystemOperonStructure :system="computedSystem" :subsystem="subsystem" :structures="structures" /> diff --git a/types/structure.ts b/types/structure.ts index 51fa0067757506154ac7448af99400b379f23d6b..ef0f6badfcad03fc85798db79e427ac5169e857c 100644 --- a/types/structure.ts +++ b/types/structure.ts @@ -2,6 +2,7 @@ export interface StructureOperonGene { gene: string id: number subsystem: string + version: string system: string }