disable button when image are not ready yet, add a spinner to indicate that it is loading

client/pages/projects/_id.vue

@@ -83,11 +83,32 @@
                 <v-btn small color="#298e49" style="color:#fff;text-transform:capitalize;" v-on:click="genomeFullCsv()">
                   Export genome wide summary statistics
                 </v-btn>
-                <v-btn  small color="#298e49" style="color:#fff;text-transform:capitalize;" v-on:click="manhattanPlot()">
+                <v-btn
+                  :disabled="status.global_manhattan != 'READY'"
+                  small
+                  color="#298e49" style="color:#fff;text-transform:capitalize;"
+                  v-on:click="manhattanPlot()">
                   Manhattan Plot
+                  <v-progress-circular
+                    v-if="status.global_manhattan != 'READY'"
+                    :size="15"
+                    :width="2"
+                    style="margin-left:5px"
+                    indeterminate
+                  ></v-progress-circular>
                 </v-btn>
-                <v-btn  small color="#298e49" style="color:#fff;text-transform:capitalize;"  v-on:click="quadranPlot()">
+                <v-btn
+                 :disabled="status.quadrant_plot != 'READY'"
+                 small color="#298e49" style="color:#fff;text-transform:capitalize;"
+                 v-on:click="quadranPlot()">
                   Quadrant plot
+                  <v-progress-circular
+                    v-if="status.quadrant_plot != 'READY'"
+                    :size="15"
+                    :width="2"
+                    style="margin-left:5px"
+                    indeterminate
+                  ></v-progress-circular>
                 </v-btn>
                 <p>Tips : You can share the link of this page with your collaborators. They will have access to the same results.</p>
               </v-col>
@@ -512,6 +533,7 @@ methods:{
 
             this.sharedUrl = "http://"+window.location.host + "/projects/" + this.project.id;
             console.log(this.project.id);
+            this.status=result.status;
             if(result.status.worktable ==="READY"){
 
               await this.$axios.$get('/projects/'+this.project.id+"/gencov").then((async function (result2) {
@@ -537,10 +559,12 @@ methods:{
 
 
             }
-            else{
-              setTimeout(this.getStatus,1000);
-            }
-
+        for (const step in result.status){
+          if (result.status[step] !=="READY"){
+            setTimeout(this.getStatus, 1000);
+            break;
+          }
+        }
       }).bind(this));