protein names

src/app/components/info-tile/info-tile.component.html

@@ -4,6 +4,10 @@
       <b><span>Label:</span></b>
       <span class="is-capitalized"> {{ wrapper.data.label }}</span>
     </p>
+    <p *ngIf="wrapper.data.proteinName" [ngClass]="{'text-normal':smallStyle}">
+      <b><span>Name:</span></b>
+      <span class="is-capitalized"> {{ wrapper.data.proteinName }}</span>
+    </p>
     <p *ngIf="wrapper.data.symbol" [ngClass]="{'text-normal':smallStyle}">
       <b><span>Symbol:</span></b>
       <span class="is-capitalized"> {{ wrapper.data.symbol }}</span>

src/app/interfaces.ts

@@ -10,6 +10,7 @@ export interface Node {
   ensg?: Array<string>;
   group?: string;
   groupName?: string;
+  proteinName?: string;
   color?: string | any; // mostly any, but vis js allows detail settings
   shape?: string;
   image?: string;
@@ -168,6 +169,7 @@ export interface Wrapper {
     interactions?: any;
     group?: string;
     groupName?: string;
+    proteinName?: string;
     uniprotAc?: string;
     expressionLevel?: number;
     gradient?: number;