From 656f03c5d1de1239d09a5f135e1246bcb4e305c7 Mon Sep 17 00:00:00 2001 From: Remi PLANEL <rplanel@pasteur.fr> Date: Thu, 16 May 2024 15:19:38 +0200 Subject: [PATCH] put message no results in card --- frontend/pages/analyses/[analysisId]/genes.vue | 12 +++++++----- frontend/pages/analyses/[analysisId]/hmmer.vue | 11 ++++++++--- frontend/pages/analyses/[analysisId]/systems.vue | 11 ++++++++--- 3 files changed, 23 insertions(+), 11 deletions(-) diff --git a/frontend/pages/analyses/[analysisId]/genes.vue b/frontend/pages/analyses/[analysisId]/genes.vue index a9aea1e..1841edd 100644 --- a/frontend/pages/analyses/[analysisId]/genes.vue +++ b/frontend/pages/analyses/[analysisId]/genes.vue @@ -50,9 +50,11 @@ const sanitizedGenes = computed(() => { </script> <template> <AnalysisResultDataTable v-if="sanitizedGenes.length > 0" :items="sanitizedGenes" :headers="headers" /> - <v-else> - <v-alert type="info" variant="tonal"> - No gene found. - </v-alert> - </v-else> + <v-card v-else flat color="transparent"> + <v-card-text> + <v-alert type="info" variant="tonal"> + No gene found + </v-alert> + </v-card-text> + </v-card> </template> diff --git a/frontend/pages/analyses/[analysisId]/hmmer.vue b/frontend/pages/analyses/[analysisId]/hmmer.vue index 5fd95b4..b4eeb96 100644 --- a/frontend/pages/analyses/[analysisId]/hmmer.vue +++ b/frontend/pages/analyses/[analysisId]/hmmer.vue @@ -37,7 +37,12 @@ const sanitizedHmmer = computed(() => { </script> <template> <AnalysisResultDataTable v-if="sanitizedHmmer.length > 0" :items="sanitizedHmmer" :headers="headers" /> - <v-alert type="info" variant="tonal"> - No hmmer hit. - </v-alert> + <v-card v-else flat color="transparent"> + <v-card-text> + <v-alert type="info" variant="tonal"> + No hmmer hit + </v-alert> + </v-card-text> + </v-card> + </template> diff --git a/frontend/pages/analyses/[analysisId]/systems.vue b/frontend/pages/analyses/[analysisId]/systems.vue index 9bf386b..e8e45cc 100644 --- a/frontend/pages/analyses/[analysisId]/systems.vue +++ b/frontend/pages/analyses/[analysisId]/systems.vue @@ -37,7 +37,12 @@ const sanitizedSystems = computed(() => { </script> <template> <AnalysisResultDataTable v-if="sanitizedSystems.length > 0" :items="sanitizedSystems" :headers="headers" /> - <v-alert type="info" variant="tonal"> - No system found. - </v-alert> + <v-card v-else flat color="transparent"> + <v-card-text> + <v-alert type="info" variant="tonal"> + No system found + </v-alert> + </v-card-text> + </v-card> + </template> -- GitLab