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