some small fixes, still a brainsprite error but whatever

Author: akeshavan

dmriprepViewer/src/components/BrainSprite.vue

@@ -42,6 +42,7 @@ export default {
       brain: null,
       showOrig: true,
       done: false,
+      ready: false,
     };
   },
   methods: {
@@ -64,7 +65,10 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      setTimeout(() => { this.initBrainSprite(); }, 1);
+      setTimeout(() => {
+        this.ready = true;
+        this.initBrainSprite();
+      }, 100);
     });
   },
 };

dmriprepViewer/src/components/Bucket.vue

@@ -148,10 +148,14 @@ export default {
     },
     updateReport() {
       this.ready = false;
-      axios.get(`https://s3-us-west-2.amazonaws.com/${this.bucket}/${this.manifestEntries[this.currentReportIdx]}`)
+      const reportUrl = `https://s3-us-west-2.amazonaws.com/${this.bucket}/${this.manifestEntries[this.currentReportIdx]}`;
+      return axios.get(reportUrl)
         .then((resp) => {
           this.currentReport = resp.data;
           this.ready = true;
+          this.$router.replace({ name: 'Bucket',
+            params: { bucket: this.bucket },
+            query: { report: reportUrl } });
         });
     },
   },
@@ -169,7 +173,19 @@ export default {
     },
   },
   mounted() {
-    this.getS3Manifest().then(this.updateReport);
+    let path = null;
+    if (this.$route.query) {
+      if (this.$route.query.report) {
+        path = this.$route.query.report.split(`https://s3-us-west-2.amazonaws.com/${this.bucket}/`)[1];
+      }
+    }
+
+    this.getS3Manifest().then(this.updateReport).then(() => {
+      if (path) {
+        this.currentReportIdx = this.manifestEntries.indexOf(path);
+      }
+      this.getAllReports();
+    });
   },
 };
 </script>

dmriprepViewer/src/components/GroupStats.vue

@@ -48,15 +48,13 @@ export default {
     },
     getColor(direction, zScore) {
       if (direction) {
-        console.log(zScore);
         // positive is good
         if (zScore <= -1) {
           return 'danger';
         } else if (zScore >= 1) {
           return 'success';
         }
       }
-      console.log('here', zScore);
       if (zScore <= -1) {
         return 'success';
       } else if (zScore >= 1) {

dmriprepViewer/src/components/Report.vue

@@ -107,7 +107,7 @@ export default {
       // load the json
       if (!this.$route.query.url && this.$route.name === 'Report') {
         this.$router.push('/');
-      } else {
+      } else if (this.$route.query.url) {
         axios.get(this.$route.query.url).then((resp) => {
           this.report = resp.data;
         });
@@ -141,8 +141,9 @@ export default {
       if (this.$route.query) {
         // load the json
         if (!this.$route.query.url && this.$route.name === 'Report') {
-          // this.$router.push('/');
+          this.$router.push('/');
         } else {
+          console.log('getting axios?', this.$route.query.url);
           axios.get(this.$route.query.url).then((resp) => {
             this.report = resp.data;
           });