fix(fastani): Fix tooltip positioning for heatmap.

Ecogenomics · Mar 7, 2024 · 95e2e6e · 95e2e6e
1 parent 3e0e6a5
commit 95e2e6e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 28 deletions.
diff --git a/components/fastani/FastAniHeatmap.vue b/components/fastani/FastAniHeatmap.vue
@@ -441,7 +441,7 @@ export default Vue.extend({
       const tickSize = 3;
       const rectRounding = 3;
       const pageXOffset = 130;
-      const pageYOffset = 420;
+      const pageYOffset = 300;
 
       // Create a colour scale for the species
       const allSpecies = [...new Set(xSpecies.concat(ySpecies))];

diff --git a/pages/tools/fastani/heatmap.vue b/pages/tools/fastani/heatmap.vue
@@ -16,11 +16,12 @@
           We have provided a interface to <a href="https://github.com/ParBLiSS/FastANI" target="_blank">FastANI</a>
           (<a href="https://doi.org/10.1038/s41467-018-07641-9" target="_blank">Jain, C., Rodriguez-R, L.M., Phillippy,
           A.M. et al.</a>)
-          to assist in exploring prokaryotic NCBI genomes. We periodically download new genomes from NCBI, missing genomes will be
+          to assist in exploring prokaryotic NCBI genomes. We periodically download new genomes from NCBI, missing
+          genomes will be
           ignored.
         </p>
 
-        <FastAniNavigationBar :job-id="jobId" />
+        <FastAniNavigationBar :job-id="jobId"/>
 
         <FastAniHeatmap :job-id="jobId"/>
 
@@ -32,13 +33,8 @@
 
 <script lang="ts">
 import Vue from 'vue'
-import FastAniResults from "~/components/fastani/FastAniResults.vue";
-import {mdiChartScatterPlotHexbin, mdiMagnify, mdiTable} from "@mdi/js";
-import {FastAniJobRequest} from "~/assets/api/fastani";
 import FastAniHeatmap from "~/components/fastani/FastAniHeatmap.vue";
 import {isDefined} from "~/assets/ts/common";
-import FastAniRecentJobs from "~/components/fastani/FastAniRecentJobs.vue";
-import FastAniQuery from "~/components/fastani/FastAniQuery.vue";
 import FastAniNavigationBar from "~/components/fastani/navigation/FastAniNavigationBar.vue";
 
 export default Vue.extend({
@@ -69,30 +65,11 @@ export default Vue.extend({
   components: {
     FastAniNavigationBar,
     FastAniHeatmap
-
-  },
-
-
-  watch: {
-
   },
 
   data: () => ({
     jobId: 0,
-
-
   }),
-  computed: {
-
-
-  },
-  methods: {
-
-    loadJob() {
-
-    }
-
-  },
 
   mounted() {
     // When the application loads, check if the ?job-id=x parameter is present.
@@ -104,7 +81,6 @@ export default Vue.extend({
       // The default value is 0, ignore it if it's the case
       if (jobIdParsed > 0) {
         this.jobId = jobIdParsed;
-        this.loadJob();
       }
     }
   }