From 080c3433573c1cca96b91c16b9ce3fdfbee0536d Mon Sep 17 00:00:00 2001 From: Simon Malesys <simon.malesys@pasteur.fr> Date: Fri, 19 Jan 2024 14:42:00 +0100 Subject: [PATCH] Fix the table cards --- client/pages/gwas.vue | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/client/pages/gwas.vue b/client/pages/gwas.vue index 7d312405..84ac79e5 100644 --- a/client/pages/gwas.vue +++ b/client/pages/gwas.vue @@ -11,25 +11,25 @@ <h2>Select an ancestry:</h2> <div class="init-table-card-list"> <v-card - v-for="(tableMeta, fileName) in initTables" - :key="fileName" + v-for="table in initTables" + :key="table.tableName" class="init-table-card" - :class="{ 'selected-table': selectedInitTable === fileName }" - :color="selectedInitTable === fileName ? 'blue lighten-4' : ''"> - <v-card-title>{{ tableMeta.name }}</v-card-title> - <v-card-text>{{ tableMeta.desc }}</v-card-text> + :class="{ 'selected-table': selectedInitTable === table.tableName }" + :color="selectedInitTable === table.tableName ? 'blue lighten-4' : ''"> + <v-card-title>{{ table.name }}</v-card-title> + <v-card-text>{{ table.desc }}</v-card-text> <v-card-text> <div> - <strong>{{ tableMeta.nb_snps.toLocaleString() }}</strong> + <strong>{{ table.nb_snps.toLocaleString() }}</strong> SNPS </div> <div> - <strong>{{ tableMeta.nb_phenotypes.toLocaleString() }}</strong> + <strong>{{ table.nb_phenotypes.toLocaleString() }}</strong> phenotypes </div> </v-card-text> <v-card-actions class="card-buttons"> - <v-btn class="button" color="primary" @click="selectAncestry(fileName)"> + <v-btn class="button" color="primary" @click="selectAncestry(table.tableName)"> Select this ancestry </v-btn> </v-card-actions> -- GitLab