From d12e5f641b5e2a3342ad8333a926212cd7e930ef Mon Sep 17 00:00:00 2001
From: Michael Hartung <michi@Michaels-MacBook-Pro.local>
Date: Tue, 28 Sep 2021 19:06:31 +0200
Subject: [PATCH] show expression values in detail window
---
src/app/components/info-tile/info-tile.component.html | 7 +++++++
src/app/interfaces.ts | 1 +
src/app/pages/explorer-page/explorer-page.component.ts | 4 ++++
3 files changed, 12 insertions(+)
diff --git a/src/app/components/info-tile/info-tile.component.html b/src/app/components/info-tile/info-tile.component.html
index f509cfc2..54147cc0 100644
--- a/src/app/components/info-tile/info-tile.component.html
+++ b/src/app/components/info-tile/info-tile.component.html
@@ -51,6 +51,13 @@
<span class="is-capitalized"> {{ ensg }}</span>
</a>
</p>
+ <p *ngIf="wrapper.expression" [ngClass]="{'text-normal':smallStyle}">
+ <b><span>Expression:</span></b>
+ <span class="is-capitalized"> {{ wrapper.expression }}</span>
+ <span class="icon" pTooltip="Tissue expression data is provided by the GTEx project. Unit is expression per million."
+ [tooltipStyleClass]="'drgstn drgstn-tooltip'"
+ tooltipPosition="top"><i class="fas fa-info-circle"></i></span>
+ </p>
</div>
diff --git a/src/app/interfaces.ts b/src/app/interfaces.ts
index 32ab10f6..e4e93658 100644
--- a/src/app/interfaces.ts
+++ b/src/app/interfaces.ts
@@ -197,6 +197,7 @@ export interface Wrapper {
trialLinks?: string[];
detailShowLabel?: boolean;
};
+ expression?: number;
}
export interface Drug {
diff --git a/src/app/pages/explorer-page/explorer-page.component.ts b/src/app/pages/explorer-page/explorer-page.component.ts
index 96775986..e269a203 100644
--- a/src/app/pages/explorer-page/explorer-page.component.ts
+++ b/src/app/pages/explorer-page/explorer-page.component.ts
@@ -357,6 +357,10 @@ export class ExplorerPageComponent implements OnInit, AfterViewInit {
public async openSummary(item: Wrapper, zoom: boolean) {
this.selectedWrapper = item;
+ // add expression information if loaded
+ if (this.expressionMap && this.selectedWrapper.id in this.expressionMap) {
+ this.selectedWrapper.expression = this.expressionMap[this.selectedWrapper.id]
+ }
if (zoom) {
this.zoomToNode(item.id);
}
--
GitLab