add info model version

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" />

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" />

types/structure.ts

@@ -2,6 +2,7 @@ export interface StructureOperonGene {
     gene: string
     id: number
     subsystem: string
+    version: string
     system: string
 }