From b474d6dc28e93bd068783af928a81c72c337a75b Mon Sep 17 00:00:00 2001
From: Kenzo-Hugo Hillion <kenzo-hugo.hillion1@pasteur.fr>
Date: Wed, 24 Jun 2020 11:48:32 +0200
Subject: [PATCH] add component to display downloading for fasta and csv

---
 frontend/src/views/genes/genes.html | 22 ++++++++++++++++++++++
 frontend/src/views/genes/genes.js   | 12 ++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/frontend/src/views/genes/genes.html b/frontend/src/views/genes/genes.html
index dccdfd1..ce61dab 100644
--- a/frontend/src/views/genes/genes.html
+++ b/frontend/src/views/genes/genes.html
@@ -1,4 +1,26 @@
 <div class="genes">
+  <template v-for="(item, index) in downloadAlerts">
+    <v-alert
+      :value="item.value"
+      type="info"
+      icon="fas fa-download"
+      transition="slide-y-transition"
+    >
+      <v-layout align-center>
+        <v-spacer/>
+        {{ item.text }}
+        <v-spacer/>
+        <v-flex md8>
+          <v-progress-linear
+            indeterminate
+            height="2"
+            color="primary"
+          ></v-progress-linear>
+        </v-flex>
+        <v-spacer/>
+    </v-layout>
+    </v-alert>
+  </template>
   <v-layout row wrap>
     <v-flex xs12>
       <v-toolbar
diff --git a/frontend/src/views/genes/genes.js b/frontend/src/views/genes/genes.js
index 1f3a8c0..1ba2639 100644
--- a/frontend/src/views/genes/genes.js
+++ b/frontend/src/views/genes/genes.js
@@ -162,6 +162,18 @@ export default {
         basename = `${basename}_${this.taxLevel}-${taxName}`;
       }
       return basename;
+    },
+    downloadAlerts() {
+      return [
+        {
+          value: this.loadingFastaDownload,
+          text: "Downloading sequences (.fasta)..."
+        },
+        {
+          value: this.loadingCSVDownload,
+          text: "Downloading metadata (.csv)..."
+        },
+      ]
     }
   },
   mounted() {
-- 
GitLab