From a0de5f8d1de1a46234037ad8869faff1c6a28c9e Mon Sep 17 00:00:00 2001 From: Bryan Brancotte <bryan.brancotte@pasteur.fr> Date: Wed, 3 Apr 2024 17:29:43 +0200 Subject: [PATCH] show assembly and ancestry --- client/pages/gwas.vue | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/client/pages/gwas.vue b/client/pages/gwas.vue index 0a5686fa..24650e8d 100644 --- a/client/pages/gwas.vue +++ b/client/pages/gwas.vue @@ -17,16 +17,25 @@ :class="{ 'selected-table': selectedInitTable === table.tableName }" :color="selectedInitTable === table.tableName ? 'blue lighten-4' : ''"> <v-card-title>{{ table.name }}</v-card-title> - <v-card-text v-sanitized-html="$md.render(table.desc)"></v-card-text> - <v-card-text> - <div> + <v-card-text class="row"> + <div + v-sanitized-html="$md.render(table.desc)" + class="col-12 pt-0 pb-0" + ></div> + <div class="col-12 col-md-6 pt-0"> <strong>{{ table.nb_snps.toLocaleString() }}</strong> SNPS </div> - <div> + <div class="col-12 col-md-6 pt-0 order-2"> <strong>{{ table.nb_phenotypes.toLocaleString() }}</strong> phenotypes </div> + <div class="col-12 col-md-6 pt-0 order-1"> + assembly: <strong>{{ table.assembly.toLocaleString() }}</strong> + </div> + <div class="col-12 col-md-6 pt-0 order-2"> + ancestry: <strong>{{ table.ancestry.toLocaleString() }}</strong> + </div> </v-card-text> <v-card-actions class="card-buttons"> <v-btn class="button" color="primary" @click="selectAncestry(table.tableName)"> -- GitLab