adipogenesis panel on gene page

Author: moriondo2022

src/portals/MATKP/components/TimeSeriesHeatmap.vue

@@ -260,7 +260,6 @@ export default Vue.component("time-series-heatmap", {
 				let rowScores = Object.values(this.renderData[r]);
 				let rowMax = rowScores.reduce((a,b) => a > b ? a : b);
 				let rowMin = rowScores.reduce((a,b) => a < b ? a : b);
-				console.log(JSON.stringify(rowScores));
 				let numExtremes = [rowMin, rowMax];
 				let colorExtremes = [ACCESSIBLE_GRAY, ACCESSIBLE_PURPLE];
 				let rowScale = createColorScale(numExtremes, colorExtremes);

src/portals/MATKP/views/Gene/Template.vue

@@ -741,14 +741,8 @@
             <div class="card mdkp-card">
                 <div class="card-body">
                     <h4>{{ $store.state.geneName }} and Adipogenesis</h4>
+                    <h6>{{ $parent.adipogenesisTitle }}</h6>
                     For mouse homolog {{$parent.adipogenesisData[0]?.gene}}
-                    <time-series-heatmap v-if="$parent.adipogenesisData.length > 0"
-                        
-                        
-                        
-                        :zoomedIn="true"
-                        :avgRep="true">
-                    </time-series-heatmap>
                     <time-series-display
                         :heatmapData="$parent.adipogenesisData"
                         :minScore="$parent.adiposeMin"

src/portals/MATKP/views/Gene/main.js

@@ -64,6 +64,8 @@ import dataConvert from "@/utils/dataConvert";
 import keyParams from "@/utils/keyParams";
 import filterUtils from "@/utils/filterUtils";
 import { pageMixin } from "@/mixins/pageMixin.js";
+import * as scUtils from "@/components/researchPortal/singleCellBrowser/singleCellUtils.js"
+const BIO_INDEX_HOST = "https://matkp.hugeampkpnbi.org";
 
 Vue.config.productionTip = false;
 
@@ -120,6 +122,7 @@ new Vue({
             genePageSearchCriterion: [],
             phenotypeFilterList: [],
             timeSeriesId: "Time_Series_Mikkelsen2010_Adipogenesis_Mouse", // hardcoded for sample,
+            adipogenesisTitle: "",
             adipogenesis: [],
             adiposeMin: null,
             adiposeMax: null,
@@ -815,7 +818,6 @@ new Vue({
             if (this.conditionsMap === null || this.adipogenesis.length === 0){
                 return [];
             }
-            console.log(JSON.stringify(this.adipogenesis[0]));
             let filteredData = this.adipogenesis.filter(a => 
                 !!a.gene && a.gene.toLowerCase() === this.$store.state.geneName.toLowerCase());
             let allData = processDataForHeatmap(filteredData, this.conditionsMap);
@@ -930,6 +932,8 @@ new Vue({
         let timeSeriesData = await getTimeSeries(this.timeSeriesId);
         this.conditionsMap = await mapConditions(timeSeriesData, this.timeSeriesId);
         this.adipogenesis = includeAverages(timeSeriesData, this.conditionsMap);
+        const metadata = await this.adipogenesisMetadata();
+        this.adipogenesisTitle = metadata.datasetName;
     },
 
     methods: {
@@ -1210,6 +1214,11 @@ new Vue({
             let tooltipItem = this.tooltips.find(t => t["ID"] === tooltipId);
             return tooltipItem["Content"];
         },
+        async adipogenesisMetadata() {
+            let metadataUrl = `${BIO_INDEX_HOST}/api/raw/file/single_cell_all_metadata/dataset_metadata.json.gz`;
+            let myMetadata = await scUtils.fetchMetadata(metadataUrl);           
+            return myMetadata.find(x => x.datasetId === this.timeSeriesId);
+        },
     },
 
     render(createElement, context) {