diff --git a/frontend/src/views/genes/genes.html b/frontend/src/views/genes/genes.html index dccdfd1ac4301a838f6d3cfd5924140dfb9b506f..ce61dab805ae9a5bc68b21fce9864b73f449b85f 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 1f3a8c0ed0d2ae137c593266a234a15197fe7cee..1ba2639ae07ab98a4b10b358a4d62ab9651160cd 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() {