diff --git a/components/content/RefseqDb.vue b/components/content/RefseqDb.vue index 69772751d0c661e824cf4ad7f0e4d459d09ba54c..96fa269b743cf002aa7b248af673dd7d3bb64bac 100644 --- a/components/content/RefseqDb.vue +++ b/components/content/RefseqDb.vue @@ -172,7 +172,8 @@ function namesToAccessionChips(names: string[]) { return { ...it, href: new URL(it.title, "http://toto.pasteur.cloud").toString() } }) } - +const taxoPanel: Ref<number> = ref(0) +const systemPanel: Ref<number> = ref(0) </script> @@ -192,7 +193,7 @@ function namesToAccessionChips(names: string[]) { <v-col :cols="fullWidth ? 12 : 6"> <v-card color="transparent" flat> - <v-expansion-panels> + <v-expansion-panels v-model="systemPanel"> <v-expansion-panel elevation="3"> <v-expansion-panel-title color="grey-lighten-4">Systems</v-expansion-panel-title> <v-expansion-panel-text> @@ -204,14 +205,17 @@ function namesToAccessionChips(names: string[]) { </v-col> <v-col :cols="fullWidth ? 12 : 6"> <v-card flat color="transparent"> - <v-expansion-panels> - <v-expansion-panel elevation="3"> + <v-expansion-panels v-model="taxoPanel"> + <v-expansion-panel elevation="3" :value="true"> <v-expansion-panel-title color="grey-lighten-4"> Taxonomic </v-expansion-panel-title> <v-expansion-panel-text> + <v-select v-model="selectedTaxoRank" :items="availableTaxo" density="compact" + label="Select taxonomic rank"></v-select> + <PlotFigure defer :options="unref(computedDistriTaxoOptions)"></PlotFigure>