show expression values in detail window

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>
 

src/app/interfaces.ts

@@ -197,6 +197,7 @@ export interface Wrapper {
     trialLinks?: string[];
     detailShowLabel?: boolean;
   };
+  expression?: number;
 }
 
 export interface Drug {

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);
     }