diff --git a/src/app/components/info-tile/info-tile.component.html b/src/app/components/info-tile/info-tile.component.html index f509cfc20e9af45b1dd8f666e01184bb0f5164b4..54147cc0c839cef833495e98f7b63c37472274b9 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 32ab10f6406b632996070cb21ddf2becbc30d89d..e4e936582b16efc57bda3de7964ce662c1dfbc42 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 96775986b7f6390befaa82d0a8a30fa997be1b2f..e269a203b335cf6eaf626b45e78f28db476ad12e 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); }