diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 7c1d54ebb90ecf3250370f2d9fb7e1268b07b167..2d4ab788c26cdec08b565e145ad951c7afc43755 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -43,6 +43,7 @@ import { ToastComponent } from './components/toast/toast.component';
import { GroupSelectionComponent } from './pages/explorer-page/group-selection/group-selection.component';
import { FaSolidIconComponent } from './components/fa-solid-icon/fa-solid-icon.component';
import { FaIconsComponent } from './pages/explorer-page/fa-icons/fa-icons.component';
+import { LoadingScreenComponent } from './components/loading-screen/loading-screen.component';
@NgModule({
@@ -76,6 +77,7 @@ import { FaIconsComponent } from './pages/explorer-page/fa-icons/fa-icons.compon
GroupSelectionComponent,
FaSolidIconComponent,
FaIconsComponent,
+ LoadingScreenComponent,
],
imports: [
BrowserModule,
diff --git a/src/app/components/analysis-panel/analysis-panel.component.ts b/src/app/components/analysis-panel/analysis-panel.component.ts
index a504f540badbc64eb652bde14ef39c464bb14b6a..16c484db5423f95696bb2f3cd7bccbcedaa120ea 100644
--- a/src/app/components/analysis-panel/analysis-panel.component.ts
+++ b/src/app/components/analysis-panel/analysis-panel.component.ts
@@ -36,6 +36,7 @@ import {downLoadFile, pieChartContextRenderer, removeDuplicateObjectsFromList} f
import {DrugstoneConfigService} from 'src/app/services/drugstone-config/drugstone-config.service';
import {NetworkHandlerService} from 'src/app/services/network-handler/network-handler.service';
import {LegendService} from 'src/app/services/legend-service/legend-service.service';
+import { LoadingScreenService } from 'src/app/services/loading-screen/loading-screen.service';
declare var vis: any;
@@ -111,7 +112,7 @@ export class AnalysisPanelComponent implements OnInit, OnChanges, AfterViewInit
public loading = false;
- constructor(public legendService: LegendService, public networkHandler: NetworkHandlerService, public drugstoneConfig: DrugstoneConfigService, private http: HttpClient, public analysis: AnalysisService, public netex: NetexControllerService) {
+ constructor(public legendService: LegendService, public networkHandler: NetworkHandlerService, public drugstoneConfig: DrugstoneConfigService, private http: HttpClient, public analysis: AnalysisService, public netex: NetexControllerService, public loadingScreen: LoadingScreenService) {
}
async ngOnInit() {
@@ -127,6 +128,7 @@ export class AnalysisPanelComponent implements OnInit, OnChanges, AfterViewInit
private async refresh() {
if (this.token) {
+ this.loadingScreen.stateUpdate(true);
this.task = await this.getTask(this.token);
this.analysis.switchSelection(this.token);
@@ -336,6 +338,8 @@ export class AnalysisPanelComponent implements OnInit, OnChanges, AfterViewInit
});
this.emitVisibleItems(true);
});
+ this.loadingScreen.stateUpdate(false);
+
});
}
}
@@ -466,10 +470,7 @@ export class AnalysisPanelComponent implements OnInit, OnChanges, AfterViewInit
console.log('Missing details for ' + nodeId);
}
}
-
-
const uniqEdges = [];
-
for (const edge of network.edges) {
const e = mapCustomEdge(edge, this.drugstoneConfig.currentConfig());
e.from = e.from[0] === 'p' && nodeIdMap[e.from] ? nodeIdMap[e.from] : e.from;
@@ -527,6 +528,6 @@ export class AnalysisPanelComponent implements OnInit, OnChanges, AfterViewInit
public toggleFullscreen() {
this.fullscreen = !this.fullscreen;
- console.log('this.fullscreen', this.fullscreen)
+ this.loadingScreen.fullscreenUpdate(this.fullscreen)
}
}
diff --git a/src/app/components/loading-screen/loading-screen.component.html b/src/app/components/loading-screen/loading-screen.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..ca8040e3e2a90811f1de452b6c86fe1d61851774
--- /dev/null
+++ b/src/app/components/loading-screen/loading-screen.component.html
@@ -0,0 +1,7 @@
+<div class="loading-screen" [class.loading-screen-fullscreen]="fullscreen" *ngIf="active">
+ <div class="loading-screen-inner">
+ <div class="loading-screen-inner-text pulse">
+ Loading...
+ </div>
+ </div>
+</div>
diff --git a/src/app/components/loading-screen/loading-screen.component.scss b/src/app/components/loading-screen/loading-screen.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..567018464284942b1d0b75de82134db57b4a9cd4
--- /dev/null
+++ b/src/app/components/loading-screen/loading-screen.component.scss
@@ -0,0 +1,49 @@
+@import "src/stylesheets/variables";
+
+.loading-screen {
+ position: absolute;
+ z-index: $loading-overlay-z;
+ height: 100%;
+ width: 100%;
+ background: rgba(6, 6, 6, 0.3);
+ &-inner {
+ margin: 0;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ &-text {
+ color: white;
+ font-size: 24px;
+ }
+ }
+ &-fullscreen {
+ position: fixed;
+ top: 0;
+ left: 0;
+ }
+}
+
+.pulse {
+ animation: pulse 5s infinite;
+ // animation-direction: alternate;
+ -webkit-animation-name: pulse;
+ animation-name: pulse;
+ }
+
+ @-webkit-keyframes pulse {
+ 0% {
+ -webkit-transform: scale(1);
+ }
+ 50% { -webkit-transform: scale(1.3); }
+ 100% { -webkit-transform: scale(1); }
+ }
+
+ @keyframes pulse {
+ 0% {
+ transform: scale(1);
+ }
+ 50% { transform: scale(1.3); }
+ 100% { transform: scale(1); }
+ }
diff --git a/src/app/components/loading-screen/loading-screen.component.spec.ts b/src/app/components/loading-screen/loading-screen.component.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f121883d030f89b8cf84a59f5375bd33ec1c2d2c
--- /dev/null
+++ b/src/app/components/loading-screen/loading-screen.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LoadingScreenComponent } from './loading-screen.component';
+
+describe('LoadingScreenComponent', () => {
+ let component: LoadingScreenComponent;
+ let fixture: ComponentFixture<LoadingScreenComponent>;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ LoadingScreenComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(LoadingScreenComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/components/loading-screen/loading-screen.component.ts b/src/app/components/loading-screen/loading-screen.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e2dfffcad552f21a523511127ed0a13501f5a894
--- /dev/null
+++ b/src/app/components/loading-screen/loading-screen.component.ts
@@ -0,0 +1,21 @@
+import { Component, OnInit } from '@angular/core';
+import { LoadingScreenService } from 'src/app/services/loading-screen/loading-screen.service';
+
+@Component({
+ selector: 'app-loading-screen',
+ templateUrl: './loading-screen.component.html',
+ styleUrls: ['./loading-screen.component.scss']
+})
+export class LoadingScreenComponent implements OnInit {
+
+ constructor(private loadingScreen: LoadingScreenService) { }
+
+ public active = false;
+ public fullscreen = false;
+
+ ngOnInit(): void {
+ this.loadingScreen._getUpdates.forEach(bool => this.active = bool);
+ this.loadingScreen._isFullscreen.forEach(bool => this.fullscreen = bool);
+ }
+
+}
diff --git a/src/app/components/network/network.component.ts b/src/app/components/network/network.component.ts
index f9cb859d94bc711b4a27821087dca3b72734f3a4..0a80a890974969c86802b27fa0f21b49768c05dc 100644
--- a/src/app/components/network/network.component.ts
+++ b/src/app/components/network/network.component.ts
@@ -1,6 +1,6 @@
import {Component, ElementRef, Input, OnInit, ViewChild} from '@angular/core';
import domtoimage from 'dom-to-image';
-import {InteractionDatabase} from 'src/app/config';
+import {IConfig, InteractionDatabase} from 'src/app/config';
import {DrugstoneConfigService} from 'src/app/services/drugstone-config/drugstone-config.service';
import {NetexControllerService} from 'src/app/services/netex-controller/netex-controller.service';
import {OmnipathControllerService} from 'src/app/services/omnipath-controller/omnipath-controller.service';
@@ -21,6 +21,7 @@ import {NetworkSettings} from 'src/app/network-settings';
import {pieChartContextRenderer} from 'src/app/utils';
import {NetworkHandlerService} from 'src/app/services/network-handler/network-handler.service';
import {LegendService} from 'src/app/services/legend-service/legend-service.service';
+import { LoadingScreenService } from 'src/app/services/loading-screen/loading-screen.service';
@Component({
@@ -82,8 +83,16 @@ export class NetworkComponent implements OnInit {
public loading = false
- constructor(public configService: DrugstoneConfigService, public legendService: LegendService, public networkHandler: NetworkHandlerService, public analysis: AnalysisService, public drugstoneConfig: DrugstoneConfigService, public netex: NetexControllerService, public omnipath: OmnipathControllerService) {
- }
+ constructor(
+ public configService: DrugstoneConfigService,
+ public legendService: LegendService,
+ public networkHandler: NetworkHandlerService,
+ public analysis: AnalysisService,
+ public drugstoneConfig: DrugstoneConfigService,
+ public netex: NetexControllerService,
+ public omnipath: OmnipathControllerService,
+ public loadingScreen: LoadingScreenService)
+ {}
ngOnInit(): void {
this.networkHandler.networks[this.networkType] = this;
@@ -120,6 +129,7 @@ export class NetworkComponent implements OnInit {
}
public updateAdjacentProteinDisorders(bool: boolean) {
+ this.loadingScreen.stateUpdate(true);
this.adjacentDisordersProtein = bool;
if (this.adjacentDisordersProtein) {
this.legendService.add_to_context('adjacentDisorders')
@@ -151,6 +161,7 @@ export class NetworkComponent implements OnInit {
this.saveAddNodes(this.adjacentProteinDisorderList);
this.nodeData.edges.add(this.adjacentProteinDisorderEdgesList);
this.updateQueryItems();
+ this.loadingScreen.stateUpdate(false);
});
} else {
if (!this.adjacentDisordersDrug) {
@@ -161,10 +172,12 @@ export class NetworkComponent implements OnInit {
this.adjacentProteinDisorderList = [];
this.adjacentProteinDisorderEdgesList = [];
this.updateQueryItems();
+ this.loadingScreen.stateUpdate(false);
}
}
public updateAdjacentDrugDisorders(bool: boolean) {
+ this.loadingScreen.stateUpdate(true);
this.adjacentDisordersDrug = bool;
if (this.adjacentDisordersDrug) {
this.legendService.add_to_context('adjacentDisorders');
@@ -181,6 +194,7 @@ export class NetworkComponent implements OnInit {
this.saveAddNodes(this.adjacentDrugDisorderList);
this.nodeData.edges.add(this.adjacentDrugDisorderEdgesList);
this.updateQueryItems();
+ this.loadingScreen.stateUpdate(false);
});
} else {
if (!this.adjacentDisordersProtein)
@@ -190,6 +204,7 @@ export class NetworkComponent implements OnInit {
this.adjacentDrugDisorderList = [];
this.adjacentDrugDisorderEdgesList = [];
this.updateQueryItems();
+ this.loadingScreen.stateUpdate(false);
}
}
@@ -218,6 +233,7 @@ export class NetworkComponent implements OnInit {
}
public updateAdjacentDrugs(bool: boolean) {
+ this.loadingScreen.stateUpdate(true);
this.adjacentDrugs = bool;
if (this.adjacentDrugs) {
this.legendService.add_to_context("adjacentDrugs")
@@ -253,6 +269,7 @@ export class NetworkComponent implements OnInit {
this.nodeData.nodes.add(this.adjacentDrugList);
this.nodeData.edges.add(this.adjacentDrugEdgesList);
this.updateQueryItems();
+ this.loadingScreen.stateUpdate(false);
})
} else {
// remove adjacent drugs, make sure that also drug associated disorders are removed
@@ -268,6 +285,7 @@ export class NetworkComponent implements OnInit {
this.adjacentDrugEdgesList = [];
this.updateQueryItems();
+ this.loadingScreen.stateUpdate(false);
}
}
@@ -338,6 +356,7 @@ export class NetworkComponent implements OnInit {
}
public selectTissue(tissue: Tissue | null) {
+ this.loadingScreen.stateUpdate(true);
this.expressionExpanded = false;
if (!tissue) {
// delete expression values
@@ -385,6 +404,7 @@ export class NetworkComponent implements OnInit {
updatedNodes.push(node);
}
this.nodeData.nodes.update(updatedNodes);
+ this.loadingScreen.stateUpdate(true);
} else {
this.selectedTissue = tissue;
@@ -450,6 +470,7 @@ export class NetworkComponent implements OnInit {
updatedNodes.push(node);
})
this.nodeData.nodes.update(updatedNodes);
+ this.loadingScreen.stateUpdate(false);
}
)
}
@@ -465,7 +486,7 @@ export class NetworkComponent implements OnInit {
}
public getGradient(nodeId: string) {
- return (this.gradientMap !== {}) && (this.gradientMap[nodeId]) ? this.gradientMap[nodeId] : 1.0;
+ return (Object.keys(this.gradientMap).length) && (this.gradientMap[nodeId]) ? this.gradientMap[nodeId] : 1.0;
}
/**
@@ -473,6 +494,7 @@ export class NetworkComponent implements OnInit {
* @param bool
*/
public updateHighlightSeeds(bool: boolean) {
+ this.loadingScreen.stateUpdate(true);
this.highlightSeeds = bool;
const updatedNodes = [];
if (this.highlightSeeds)
@@ -488,6 +510,7 @@ export class NetworkComponent implements OnInit {
if (!node) {
continue;
}
+ console.log(node)
const pos = this.networkHandler.activeNetwork.networkInternal.getPositions([node.id]);
node.x = pos[node.id].x;
node.y = pos[node.id].y;
@@ -506,12 +529,12 @@ export class NetworkComponent implements OnInit {
updatedNodes.push(node);
}
this.nodeData.nodes.update(updatedNodes);
-
-
+ this.loadingScreen.stateUpdate(false);
}
public toggleFullscreen() {
this.fullscreen = !this.fullscreen;
+ this.loadingScreen.fullscreenUpdate(this.fullscreen);
}
}
diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html
index f98bf05451142c6f2c8d51b5a6e908b7a2108bf2..7e57e2a5f5cc722be1cdb579d89e8b2b2bc9be5d 100644
--- a/src/app/pages/explorer-page/explorer-page.component.html
+++ b/src/app/pages/explorer-page/explorer-page.component.html
@@ -2,6 +2,7 @@
<div class="is-hidden-mobile fullheight" id="appContainer">
<app-fa-icons></app-fa-icons>
+ <app-loading-screen></app-loading-screen>
<app-license-agreement></app-license-agreement>
<app-launch-analysis
diff --git a/src/app/services/loading-screen/loading-screen.service.spec.ts b/src/app/services/loading-screen/loading-screen.service.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..024ce1464f79961b7bc50301104944d27aeefaae
--- /dev/null
+++ b/src/app/services/loading-screen/loading-screen.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { LoadingScreenService } from './loading-screen.service';
+
+describe('LoadingScreenService', () => {
+ let service: LoadingScreenService;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({});
+ service = TestBed.inject(LoadingScreenService);
+ });
+
+ it('should be created', () => {
+ expect(service).toBeTruthy();
+ });
+});
diff --git a/src/app/services/loading-screen/loading-screen.service.ts b/src/app/services/loading-screen/loading-screen.service.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7544bd04f2021c4553b9d2882171dd0a8c0f1451
--- /dev/null
+++ b/src/app/services/loading-screen/loading-screen.service.ts
@@ -0,0 +1,29 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class LoadingScreenService {
+
+ constructor() { }
+
+ private _active = new Subject<boolean>();
+ private _fullscreen = new Subject<boolean>();
+
+ stateUpdate(bool: boolean) {
+ this._active.next(bool);
+ }
+
+ fullscreenUpdate(bool: boolean) {
+ this._fullscreen.next(bool);
+ }
+
+ get _getUpdates () {
+ return this._active.asObservable();
+ }
+
+ get _isFullscreen () {
+ return this._fullscreen.asObservable();
+ }
+}
diff --git a/src/app/services/network-handler/network-handler.service.ts b/src/app/services/network-handler/network-handler.service.ts
index ab41f6246c4aae070bd6e3cd016e96bcd94bda89..d251fbaa636b777e8b3ea04c05619cf75a9f58a4 100644
--- a/src/app/services/network-handler/network-handler.service.ts
+++ b/src/app/services/network-handler/network-handler.service.ts
@@ -7,19 +7,20 @@ import {DrugstoneConfigService} from '../drugstone-config/drugstone-config.servi
import {NetexControllerService} from '../netex-controller/netex-controller.service';
import {OmnipathControllerService} from '../omnipath-controller/omnipath-controller.service';
import {LegendService} from "../legend-service/legend-service.service";
+import { LoadingScreenService } from '../loading-screen/loading-screen.service';
@Injectable({
providedIn: 'root'
})
export class NetworkHandlerService {
- constructor(public legendService: LegendService, public networkHandler: NetworkHandlerService, public analysis: AnalysisService, public drugstoneConfig: DrugstoneConfigService, public netex: NetexControllerService, public omnipath: OmnipathControllerService) {
+ constructor(public legendService: LegendService, public networkHandler: NetworkHandlerService, public analysis: AnalysisService, public drugstoneConfig: DrugstoneConfigService, public netex: NetexControllerService, public omnipath: OmnipathControllerService, public loadingScreen: LoadingScreenService) {
}
private change = new Subject<any>();
public networks: { NetworkType: NetworkComponent } | {} = {};
- public activeNetwork: NetworkComponent = new NetworkComponent(this.drugstoneConfig, this.legendService, this.networkHandler, this.analysis, this.drugstoneConfig, this.netex, this.omnipath);
+ public activeNetwork: NetworkComponent = new NetworkComponent(this.drugstoneConfig, this.legendService, this.networkHandler, this.analysis, this.drugstoneConfig, this.netex, this.omnipath, this.loadingScreen);
public setActiveNetwork(network: NetworkType) {
this.triggerChange();
diff --git a/src/index.html b/src/index.html
index 984a2337150851eb46535615f4c214c43bddd4f9..971f3ebecce46455199e93e20e372598aefb4bb0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -95,7 +95,13 @@
<div style="max-width: 80vw; width: 1276px; height: 500px">
- <drugst-one id="netexp1"
+ <drugst-one id="tatata"
+ groups='{"nodeGroups":{"Protein":{"shape":"circle","groupName":"Protein","type":"Protein","color":"#172b4d","font":{"color":"#ffffff"}}}}'
+ config='{ "identifier":"symbol","title":"ROBUST output network", "taskDrugName": "Drug Search", "showLegendNodes": true, "showLegendEdges": true, "showSidebar": "left", "showOverview": true, "legendPos": "left", "legendClass": "legend", "showQuery": true, "showItemSelector": true,"showSimpleAnalysis": false,"showAdvAnalysis": true,"showSelection": true,"showTasks": true,"showNetworkMenu": "right","showLegend": true,"showNetworkMenuButtonExpression": true, "showNetworkMenuButtonScreenshot": true,"showNetworkMenuButtonExportGraphml": true,"showNetworkMenuButtonAdjacentDrugs": true,"showNetworkMenuButtonCenter": true,"showConnectGenes": false,"networkMenuButtonAdjacentDrugsLabel": "Drugs","showNetworkMenuButtonAdjacentDisordersProteins": true,"networkMenuButtonAdjacentDisordersProteinsLabel": "Disorders (protein)","showNetworkMenuButtonAdjacentDisordersDrugs": true,"networkMenuButtonAdjacentDisordersDrugsLabel": "Disorders (drug)","showNetworkMenuButtonAnimation": true,"networkMenuButtonAnimationLabel": "Animation", "autofillEdges": true, "physicsOn": false,"useNedrexLicenced": true,"selfReferences": false, "interactionDrugProtein": "NeDRex", "indicationDrugDisorder": "NeDRex","nodeShadow": true,"edgeShadow": true, "algorithms": {"drug": ["trustrank", "closeness", "degree", "proximity"], "drug-target": ["trustrank", "multisteiner", "keypathwayminer", "degree", "closeness", "betweenness"]}, "associatedProteinDisorder": "NeDRex", "expandNetworkMenu": true}'
+ network='{"nodes": [{"id":"PSEN1","group":"Protein","label":"PSEN1"},{"id":"PSEN2","group":"Protein","label":"PSEN2"},{"id":"APP","group":"Protein","label":"APP"},{"id":"APOE","group":"Protein","label":"APOE"},{"id":"RNF32","group":"Protein","label":"RNF32"},{"id":"STX5","group":"Protein","label":"STX5"},{"id":"TRAF3IP1","group":"Protein","label":"TRAF3IP1"},{"id":"PHB1","group":"Protein","label":"PHB1"},{"id":"MAPT","group":"Protein","label":"MAPT"},{"id":"ESR1","group":"Protein","label":"ESR1"},{"id":"IRF3","group":"Protein","label":"IRF3"},{"id":"DYNC1H1","group":"Protein","label":"DYNC1H1"},{"id":"CUL3","group":"Protein","label":"CUL3"},{"id":"HMGB1","group":"Protein","label":"HMGB1"},{"id":"DNAJC7","group":"Protein","label":"DNAJC7"},{"id":"NEFM","group":"Protein","label":"NEFM"},{"id":"DISC1","group":"Protein","label":"DISC1"},{"id":"PPP5C","group":"Protein","label":"PPP5C"},{"id":"CTNNB1","group":"Protein","label":"CTNNB1"},{"id":"KRAS","group":"Protein","label":"KRAS"}]}'
+ ></drugst-one>
+
+ <!-- <drugst-one id="netexp1"
pluginId="2"
groups='{"nodeGroups":{"patient":{"type":"patient","color":"#000000","font":{"color":"#000000"},"groupName":"Patient","shape":"image","image":"https://static.thenounproject.com/png/22780-200.png"},"condition":{"type":"condition","color":"#000000","font":{"color":"#000000"},"groupName":"Condition","shape":"text"},"important":{"type":"gene","color":"#ff881f","font":{"color":"#000000"},"groupName":"Important Gene","shape":"star"},"gene":{"type":"gene","color":"#ff084e","font":{"color":"#000000"},"groupName":"Gene","shape":"diamond"},"foundDrug":{"type":"drug","color":"#F12590","font":{"color":"#000000"},"groupName":"Drug","shape":"diamond"}},"edgeGroups":{"genotype":{"color":"#000000","groupName":"Relevant Gene"},"has-condition":{"color":"#000000","groupName":"Has Condition","dashes":[2,2]},"default":{"color":"#000000","groupName":"default edge"},"ggi":{"color":"#000000","groupName":"Interaction","dashes":[3,2]}}}'
config='{"identifier":"entrez","title":"Breast cancer example network","nodeShadow":true,"edgeShadow":false,"autofillEdges":true,"interactionProteinProtein":"STRING","licensedDatasets":true,"selfReferences":false,"nodeGroups":{"patient":{"type":"patient","color":"#000000","font":{"color":"#000000"},"groupName":"Patient","shape":"image","image":"https://static.thenounproject.com/png/22780-200.png"},"condition":{"type":"condition","color":"#000000","font":{"color":"#000000"},"groupName":"Condition","shape":"text"},"important":{"type":"gene","color":"#ff881f","font":{"color":"#000000"},"groupName":"Important Gene","shape":"star"},"gene":{"type":"gene","color":"#ff084e","font":{"color":"#000000"},"groupName":"Gene","shape":"diamond"},"foundDrug":{"type":"drug","color":"#F12590","font":{"color":"#000000"},"groupName":"Drug","shape":"diamond"}}}'
@@ -106,7 +112,7 @@
<!-- config='{ "identifier":"symbol","title":"ROBUST output network", "taskDrugName": "Drug Search", "showLegendNodes": true, "showLegendEdges": true, "showSidebar": "left", "showOverview": true, "legendPos": "left", "legendClass": "legend", "showQuery": true, "showItemSelector": true,"showSimpleAnalysis": false,"showAdvAnalysis": true,"showSelection": true,"showTasks": true,"showNetworkMenu": "right","showLegend": true,"showNetworkMenuButtonExpression": true, "showNetworkMenuButtonScreenshot": true,"showNetworkMenuButtonExportGraphml": true,"showNetworkMenuButtonAdjacentDrugs": true,"showNetworkMenuButtonCenter": true,"showConnectGenes": false,"networkMenuButtonAdjacentDrugsLabel": "Drugs","showNetworkMenuButtonAdjacentDisordersProteins": true,"networkMenuButtonAdjacentDisordersProteinsLabel": "Disorders (protein)","showNetworkMenuButtonAdjacentDisordersDrugs": true,"networkMenuButtonAdjacentDisordersDrugsLabel": "Disorders (drug)","showNetworkMenuButtonAnimation": true,"networkMenuButtonAnimationLabel": "Animation", "autofillEdges": false, "physicsOn": false,"useNedrexLicenced": true,"selfReferences": false, "interactionDrugProtein": "NeDRex", "indicationDrugDisorder": "NeDRex","nodeShadow": true,"edgeShadow": true, "algorithms": {"drug": ["trustrank", "closeness", "degree", "proximity"], "drug-target": ["trustrank", "multisteiner", "keypathwayminer", "degree", "closeness", "betweenness"]}, "associatedProteinDisorder": "NeDRex", "expandNetworkMenu": true}'-->
<!-- network='{"nodes": [{"id": "UBE2I", "group": "gene"}, {"id": "EEF1A1", "group": "gene"}, {"id": "KDM5A", "group": "gene"}, {"id": "THOC2", "group": "gene"}, {"id": "XPO1", "group": "gene"}, {"id": "RPL4", "group": "gene"}, {"id": "TOP1", "group": "gene"}, {"id": "YWHAE", "group": "gene"}, {"id": "CHUK", "group": "gene"}, {"id": "HSP90AB1", "group": "gene"}, {"id": "CD6", "group": "important"}, {"id": "TYK2", "group": "important"}, {"id": "FSTL1", "group": "gene"}, {"id": "CBL", "group": "gene"}, {"id": "NR2F2", "group": "gene"}, {"id": "RUNX1T1", "group": "gene"}, {"id": "MED23", "group": "gene"}, {"id": "IFNAR1", "group": "gene"}, {"id": "LCOR", "group": "gene"}, {"id": "IL10", "group": "important"}, {"id": "NLRP3", "group": "important"}, {"id": "A2M", "group": "gene"}, {"id": "EIF4A1", "group": "gene"}, {"id": "HSPA4", "group": "gene"}, {"id": "ACTB", "group": "gene"}, {"id": "SNRPB", "group": "gene"}, {"id": "KIF1B", "group": "important"}, {"id": "HIST1H1B", "group": "gene"}, {"id": "EFNB3", "group": "gene"}, {"id": "ERP44", "group": "gene"}, {"id": "HSP90AA1", "group": "gene"}, {"id": "KIF2C", "group": "gene"}, {"id": "KCNJ10", "group": "important"}, {"id": "APOE", "group": "important"}, {"id": "RNF14", "group": "gene"}, {"id": "TM9SF1", "group": "gene"}, {"id": "TRIM28", "group": "gene"}, {"id": "RIPK2", "group": "gene"}, {"id": "IL1R1", "group": "gene"}, {"id": "IL1B", "group": "important"}, {"id": "PRDX2", "group": "gene"}, {"id": "GOPC", "group": "gene"}, {"id": "ARHGEF7", "group": "gene"}, {"id": "CASK", "group": "gene"}, {"id": "MYC", "group": "gene"}, {"id": "SNW1", "group": "gene"}, {"id": "KRT31", "group": "gene"}, {"id": "TSSC1", "group": "gene"}, {"id": "LRP2", "group": "gene"}, {"id": "VCAM1", "group": "important"}, {"id": "CRK", "group": "gene"}, {"id": "LGALS3BP", "group": "gene"}, {"id": "PCMT1", "group": "gene"}, {"id": "MLLT4", "group": "gene"}, {"id": "BRCA1", "group": "gene"}, {"id": "IL7R", "group": "important"}, {"id": "BAG1", "group": "gene"}, {"id": "RAB3B", "group": "gene"}, {"id": "MAPK1", "group": "gene"}, {"id": "CPSF7", "group": "gene"}, {"id": "STAT1", "group": "gene"}, {"id": "HLA-DPB1", "group": "important"}, {"id": "NCOR2", "group": "gene"}, {"id": "IL7", "group": "important"}, {"id": "TNFAIP3", "group": "important"}, {"id": "RNF31", "group": "gene"}, {"id": "IRF8", "group": "important"}, {"id": "PTPN11", "group": "gene"}, {"id": "CLEC16A", "group": "important"}, {"id": "BIRC3", "group": "gene"}, {"id": "DEFA1", "group": "gene"}, {"id": "POMC", "group": "important"}, {"id": "UBR4", "group": "gene"}, {"id": "SMARCA5", "group": "gene"}, {"id": "SEC24A", "group": "gene"}, {"id": "ADRB2", "group": "gene"}, {"id": "COPS2", "group": "gene"}, {"id": "TRAF3IP2", "group": "gene"}, {"id": "RBPJ", "group": "important"}, {"id": "RAB39B", "group": "gene"}, {"id": "NCOA6", "group": "gene"}, {"id": "IFNG", "group": "important"}, {"id": "SIAH1", "group": "gene"}, {"id": "CD58", "group": "important"}, {"id": "KRTAP10-8", "group": "gene"}, {"id": "WRAP73", "group": "gene"}, {"id": "FYN", "group": "gene"}, {"id": "GNAI2", "group": "gene"}, {"id": "YWHAH", "group": "gene"}, {"id": "CBLB", "group": "important"}, {"id": "IL2RA", "group": "important"}, {"id": "P2RX7", "group": "important"}, {"id": "CCND3", "group": "gene"}, {"id": "MCAM", "group": "important"}, {"id": "YBX3", "group": "gene"}, {"id": "IL1RN", "group": "important"}, {"id": "IFNB1", "group": "important"}, {"id": "FAF1", "group": "gene"}, {"id": "SPDL1", "group": "gene"}, {"id": "ELAVL1", "group": "gene"}, {"id": "IL12A", "group": "important"}, {"id": "LGALS8", "group": "gene"}, {"id": "GNAI3", "group": "gene"}, {"id": "VDR", "group": "important"}, {"id": "SNTA1", "group": "gene"}, {"id": "TNFRSF1A", "group": "important"}, {"id": "CD40", "group": "important"}, {"id": "RAP1GAP", "group": "gene"}, {"id": "PDGFRB", "group": "gene"}, {"id": "SELE", "group": "important"}, {"id": "VCL", "group": "gene"}, {"id": "IFI16", "group": "gene"}, {"id": "YWHAB", "group": "gene"}, {"id": "IL17A", "group": "important"}, {"id": "KIF11", "group": "gene"}, {"id": "GRB2", "group": "gene"}, {"id": "CNR1", "group": "important"}, {"id": "RELA", "group": "gene"}, {"id": "HSPA8", "group": "gene"}, {"id": "STAT4", "group": "important"}, {"id": "SND1", "group": "gene"}, {"id": "LRP8", "group": "gene"}, {"id": "GNAI1", "group": "gene"}, {"id": "F11R", "group": "gene"}, {"id": "HNRNPC", "group": "gene"}, {"id": "COPS5", "group": "gene"}, {"id": "ACTA2", "group": "gene"}, {"id": "FLNA", "group": "gene"}, {"id": "CSNK2A1", "group": "gene"}, {"id": "JUN", "group": "gene"}, {"id": "VDAC1", "group": "gene"}, {"id": "PSMC5", "group": "gene"}, {"id": "IL12B", "group": "gene"}, {"id": "SLAMF1", "group": "gene"}, {"id": "HLA-DRA", "group": "important"}, {"id": "APP", "group": "gene"}, {"id": "HLA-DPA1", "group": "gene"}, {"id": "BCHE", "group": "important"}, {"id": "ICAM1", "group": "important"}, {"id": "NLRC4", "group": "gene"}, {"id": "RNF41", "group": "gene"}, {"id": "COL14A1", "group": "gene"}, {"id": "YWHAG", "group": "gene"}, {"id": "MS4A1", "group": "gene"}, {"id": "SF1", "group": "gene"}, {"id": "CASP10", "group": "gene"}, {"id": "TP53", "group": "gene"}, {"id": "GC", "group": "important"}, {"id": "TRAF6", "group": "gene"}, {"id": "CASP1", "group": "important"}], "edges": [{"from": "UBE2I", "to": "KIF1B", "group": "default"}, {"from": "UBE2I", "to": "TNFRSF1A", "group": "default"}, {"from": "EEF1A1", "to": "VCAM1", "group": "default"}, {"from": "EEF1A1", "to": "KIF1B", "group": "default"}, {"from": "KDM5A", "to": "RBPJ", "group": "default"}, {"from": "KDM5A", "to": "VDR", "group": "default"}, {"from": "THOC2", "to": "VCAM1", "group": "default"}, {"from": "THOC2", "to": "KIF1B", "group": "default"}, {"from": "XPO1", "to": "RBPJ", "group": "default"}, {"from": "XPO1", "to": "VCAM1", "group": "default"}, {"from": "XPO1", "to": "RAP1GAP", "group": "default"}, {"from": "RPL4", "to": "APOE", "group": "default"}, {"from": "RPL4", "to": "ICAM1", "group": "default"}, {"from": "RPL4", "to": "VCAM1", "group": "default"}, {"from": "TOP1", "to": "NLRP3", "group": "default"}, {"from": "TOP1", "to": "IL7R", "group": "default"}, {"from": "TOP1", "to": "IRF8", "group": "default"}, {"from": "YWHAE", "to": "TNFAIP3", "group": "default"}, {"from": "YWHAE", "to": "HLA-DRA", "group": "default"}, {"from": "YWHAE", "to": "KIF1B", "group": "default"}, {"from": "CHUK", "to": "CD40", "group": "default"}, {"from": "CHUK", "to": "TNFRSF1A", "group": "default"}, {"from": "HSP90AB1", "to": "HLA-DRA", "group": "default"}, {"from": "HSP90AB1", "to": "VCAM1", "group": "default"}, {"from": "CD6", "to": "MYC", "group": "default"}, {"from": "TYK2", "to": "COPS5", "group": "default"}, {"from": "TYK2", "to": "IFNAR1", "group": "default"}, {"from": "TYK2", "to": "TRIM28", "group": "default"}, {"from": "TYK2", "to": "LGALS3BP", "group": "default"}, {"from": "TYK2", "to": "FYN", "group": "default"}, {"from": "TYK2", "to": "CBL", "group": "default"}, {"from": "TYK2", "to": "LRP8", "group": "default"}, {"from": "FSTL1", "to": "IL12A", "group": "default"}, {"from": "FSTL1", "to": "DEFA1", "group": "default"}, {"from": "CBL", "to": "IRF8", "group": "default"}, {"from": "CBL", "to": "TNFRSF1A", "group": "default"}, {"from": "NR2F2", "to": "RBPJ", "group": "default"}, {"from": "NR2F2", "to": "GC", "group": "default"}, {"from": "RUNX1T1", "to": "VDR", "group": "default"}, {"from": "RUNX1T1", "to": "RBPJ", "group": "default"}, {"from": "MED23", "to": "RBPJ", "group": "default"}, {"from": "MED23", "to": "VDR", "group": "default"}, {"from": "IFNAR1", "to": "IFNB1", "group": "default"}, {"from": "LCOR", "to": "RBPJ", "group": "default"}, {"from": "LCOR", "to": "VDR", "group": "default"}, {"from": "IL10", "to": "A2M", "group": "default"}, {"from": "NLRP3", "to": "FAF1", "group": "default"}, {"from": "NLRP3", "to": "YBX3", "group": "default"}, {"from": "NLRP3", "to": "HNRNPC", "group": "default"}, {"from": "NLRP3", "to": "SNRPB", "group": "default"}, {"from": "NLRP3", "to": "NLRC4", "group": "default"}, {"from": "NLRP3", "to": "HIST1H1B", "group": "default"}, {"from": "NLRP3", "to": "SMARCA5", "group": "default"}, {"from": "NLRP3", "to": "HSP90AA1", "group": "default"}, {"from": "A2M", "to": "IL1B", "group": "default"}, {"from": "A2M", "to": "APOE", "group": "default"}, {"from": "EIF4A1", "to": "VCAM1", "group": "default"}, {"from": "EIF4A1", "to": "KIF1B", "group": "default"}, {"from": "HSPA4", "to": "CD40", "group": "default"}, {"from": "HSPA4", "to": "KCNJ10", "group": "default"}, {"from": "ACTB", "to": "GC", "group": "default"}, {"from": "ACTB", "to": "ICAM1", "group": "default"}, {"from": "SNRPB", "to": "ICAM1", "group": "default"}, {"from": "KIF1B", "to": "YWHAH", "group": "default"}, {"from": "KIF1B", "to": "GOPC", "group": "default"}, {"from": "KIF1B", "to": "YWHAG", "group": "default"}, {"from": "KIF1B", "to": "SIAH1", "group": "default"}, {"from": "KIF1B", "to": "SEC24A", "group": "default"}, {"from": "KIF1B", "to": "BRCA1", "group": "default"}, {"from": "KIF1B", "to": "YWHAB", "group": "default"}, {"from": "KIF1B", "to": "ELAVL1", "group": "default"}, {"from": "HIST1H1B", "to": "VCAM1", "group": "default"}, {"from": "EFNB3", "to": "P2RX7", "group": "default"}, {"from": "ERP44", "to": "CD40", "group": "default"}, {"from": "ERP44", "to": "IL12B", "group": "default"}, {"from": "HSP90AA1", "to": "TNFAIP3", "group": "default"}, {"from": "HSP90AA1", "to": "HLA-DRA", "group": "default"}, {"from": "KIF2C", "to": "RBPJ", "group": "default"}, {"from": "KIF2C", "to": "TNFRSF1A", "group": "default"}, {"from": "KCNJ10", "to": "HSPA8", "group": "default"}, {"from": "KCNJ10", "to": "APP", "group": "default"}, {"from": "KCNJ10", "to": "BAG1", "group": "default"}, {"from": "KCNJ10", "to": "SNTA1", "group": "default"}, {"from": "KCNJ10", "to": "SIAH1", "group": "default"}, {"from": "KCNJ10", "to": "SEC24A", "group": "default"}, {"from": "APOE", "to": "LRP2", "group": "default"}, {"from": "APOE", "to": "ELAVL1", "group": "default"}, {"from": "APOE", "to": "HLA-DPA1", "group": "default"}, {"from": "APOE", "to": "CSNK2A1", "group": "default"}, {"from": "APOE", "to": "PCMT1", "group": "default"}, {"from": "APOE", "to": "LRP8", "group": "default"}, {"from": "APOE", "to": "PRDX2", "group": "default"}, {"from": "APOE", "to": "VDAC1", "group": "default"}, {"from": "RNF14", "to": "TNFAIP3", "group": "default"}, {"from": "RNF14", "to": "VDR", "group": "default"}, {"from": "TM9SF1", "to": "P2RX7", "group": "default"}, {"from": "TRIM28", "to": "STAT4", "group": "default"}, {"from": "TRIM28", "to": "VCAM1", "group": "default"}, {"from": "RIPK2", "to": "CASP1", "group": "default"}, {"from": "RIPK2", "to": "TNFRSF1A", "group": "default"}, {"from": "RIPK2", "to": "CD40", "group": "default"}, {"from": "IL1R1", "to": "IL1RN", "group": "default"}, {"from": "IL1R1", "to": "IL1B", "group": "default"}, {"from": "IL1B", "to": "ELAVL1", "group": "default"}, {"from": "IL1B", "to": "APP", "group": "default"}, {"from": "IL1B", "to": "CASP1", "group": "default"}, {"from": "IL1B", "to": "FYN", "group": "default"}, {"from": "PRDX2", "to": "VCAM1", "group": "default"}, {"from": "GOPC", "to": "IFNG", "group": "default"}, {"from": "ARHGEF7", "to": "CBLB", "group": "default"}, {"from": "ARHGEF7", "to": "ICAM1", "group": "default"}, {"from": "CASK", "to": "P2RX7", "group": "default"}, {"from": "MYC", "to": "VDR", "group": "default"}, {"from": "MYC", "to": "RBPJ", "group": "default"}, {"from": "SNW1", "to": "RBPJ", "group": "default"}, {"from": "SNW1", "to": "VDR", "group": "default"}, {"from": "KRT31", "to": "P2RX7", "group": "default"}, {"from": "TSSC1", "to": "CLEC16A", "group": "default"}, {"from": "LRP2", "to": "GC", "group": "default"}, {"from": "VCAM1", "to": "VCL", "group": "default"}, {"from": "VCAM1", "to": "CPSF7", "group": "default"}, {"from": "VCAM1", "to": "MLLT4", "group": "default"}, {"from": "VCAM1", "to": "UBR4", "group": "default"}, {"from": "VCAM1", "to": "SND1", "group": "default"}, {"from": "VCAM1", "to": "PCMT1", "group": "default"}, {"from": "VCAM1", "to": "VDAC1", "group": "default"}, {"from": "VCAM1", "to": "YWHAB", "group": "default"}, {"from": "VCAM1", "to": "PSMC5", "group": "default"}, {"from": "VCAM1", "to": "SF1", "group": "default"}, {"from": "CRK", "to": "STAT4", "group": "default"}, {"from": "CRK", "to": "CBLB", "group": "default"}, {"from": "LGALS3BP", "to": "SELE", "group": "default"}, {"from": "MLLT4", "to": "F11R", "group": "default"}, {"from": "MLLT4", "to": "RAP1GAP", "group": "default"}, {"from": "BRCA1", "to": "CASP1", "group": "default"}, {"from": "BRCA1", "to": "VDR", "group": "default"}, {"from": "IL7R", "to": "YBX3", "group": "default"}, {"from": "IL7R", "to": "HNRNPC", "group": "default"}, {"from": "IL7R", "to": "SF1", "group": "default"}, {"from": "BAG1", "to": "VDR", "group": "default"}, {"from": "RAB3B", "to": "IL12A", "group": "default"}, {"from": "RAB3B", "to": "SLAMF1", "group": "default"}, {"from": "MAPK1", "to": "VDR", "group": "default"}, {"from": "MAPK1", "to": "TNFRSF1A", "group": "default"}, {"from": "CPSF7", "to": "BCHE", "group": "default"}, {"from": "STAT1", "to": "VDR", "group": "default"}, {"from": "STAT1", "to": "TNFRSF1A", "group": "default"}, {"from": "HLA-DPB1", "to": "HLA-DPA1", "group": "default"}, {"from": "NCOR2", "to": "RBPJ", "group": "default"}, {"from": "NCOR2", "to": "VDR", "group": "default"}, {"from": "IL7", "to": "APP", "group": "default"}, {"from": "TNFAIP3", "to": "TNFRSF1A", "group": "default"}, {"from": "TNFAIP3", "to": "YWHAH", "group": "default"}, {"from": "TNFAIP3", "to": "YWHAG", "group": "default"}, {"from": "TNFAIP3", "to": "TP53", "group": "default"}, {"from": "TNFAIP3", "to": "KIF11", "group": "default"}, {"from": "RNF31", "to": "CD40", "group": "default"}, {"from": "RNF31", "to": "TNFRSF1A", "group": "default"}, {"from": "IRF8", "to": "COPS5", "group": "default"}, {"from": "IRF8", "to": "RELA", "group": "default"}, {"from": "IRF8", "to": "PDGFRB", "group": "default"}, {"from": "IRF8", "to": "COPS2", "group": "default"}, {"from": "IRF8", "to": "TRAF6", "group": "default"}, {"from": "PTPN11", "to": "CBLB", "group": "default"}, {"from": "PTPN11", "to": "SELE", "group": "default"}, {"from": "CLEC16A", "to": "RNF41", "group": "default"}, {"from": "CLEC16A", "to": "WRAP73", "group": "default"}, {"from": "CLEC16A", "to": "RAB39B", "group": "default"}, {"from": "BIRC3", "to": "CASP1", "group": "default"}, {"from": "BIRC3", "to": "TNFRSF1A", "group": "default"}, {"from": "DEFA1", "to": "BCHE", "group": "default"}, {"from": "POMC", "to": "APP", "group": "default"}, {"from": "POMC", "to": "UBR4", "group": "default"}, {"from": "SMARCA5", "to": "RBPJ", "group": "default"}, {"from": "ADRB2", "to": "STAT4", "group": "default"}, {"from": "ADRB2", "to": "MCAM", "group": "default"}, {"from": "COPS2", "to": "VDR", "group": "default"}, {"from": "TRAF3IP2", "to": "CD40", "group": "default"}, {"from": "TRAF3IP2", "to": "IL17A", "group": "default"}, {"from": "RBPJ", "to": "SND1", "group": "default"}, {"from": "RBPJ", "to": "APP", "group": "default"}, {"from": "NCOA6", "to": "CD40", "group": "default"}, {"from": "NCOA6", "to": "VDR", "group": "default"}, {"from": "CD58", "to": "LGALS8", "group": "default"}, {"from": "CD58", "to": "APP", "group": "default"}, {"from": "KRTAP10-8", "to": "P2RX7", "group": "default"}, {"from": "FYN", "to": "MCAM", "group": "default"}, {"from": "FYN", "to": "TNFRSF1A", "group": "default"}, {"from": "FYN", "to": "CBLB", "group": "default"}, {"from": "GNAI2", "to": "CNR1", "group": "default"}, {"from": "CBLB", "to": "PDGFRB", "group": "default"}, {"from": "CBLB", "to": "GRB2", "group": "default"}, {"from": "CBLB", "to": "TRAF6", "group": "default"}, {"from": "IL2RA", "to": "ICAM1", "group": "default"}, {"from": "IL2RA", "to": "SNTA1", "group": "default"}, {"from": "CCND3", "to": "GC", "group": "default"}, {"from": "CCND3", "to": "VDR", "group": "default"}, {"from": "MCAM", "to": "LGALS8", "group": "default"}, {"from": "YBX3", "to": "ICAM1", "group": "default"}, {"from": "IL1RN", "to": "RELA", "group": "default"}, {"from": "FAF1", "to": "CD40", "group": "default"}, {"from": "SPDL1", "to": "IL12A", "group": "default"}, {"from": "IL12A", "to": "F11R", "group": "default"}, {"from": "IL12A", "to": "COL14A1", "group": "default"}, {"from": "IL12A", "to": "IL12B", "group": "default"}, {"from": "GNAI3", "to": "CNR1", "group": "default"}, {"from": "VDR", "to": "JUN", "group": "default"}, {"from": "VDR", "to": "TP53", "group": "default"}, {"from": "VDR", "to": "PSMC5", "group": "default"}, {"from": "TNFRSF1A", "to": "HSPA8", "group": "default"}, {"from": "TNFRSF1A", "to": "TRAF6", "group": "default"}, {"from": "TNFRSF1A", "to": "GRB2", "group": "default"}, {"from": "TNFRSF1A", "to": "CASP10", "group": "default"}, {"from": "CD40", "to": "MS4A1", "group": "default"}, {"from": "RAP1GAP", "to": "CNR1", "group": "default"}, {"from": "SELE", "to": "ACTA2", "group": "default"}, {"from": "SELE", "to": "VCL", "group": "default"}, {"from": "SELE", "to": "FLNA", "group": "default"}, {"from": "IFI16", "to": "ICAM1", "group": "default"}, {"from": "IFI16", "to": "CASP1", "group": "default"}, {"from": "IL17A", "to": "TRAF6", "group": "default"}, {"from": "KIF11", "to": "CASP1", "group": "default"}, {"from": "GRB2", "to": "GC", "group": "default"}, {"from": "CNR1", "to": "GNAI1", "group": "default"}, {"from": "HSPA8", "to": "HLA-DRA", "group": "default"}, {"from": "STAT4", "to": "JUN", "group": "default"}, {"from": "ACTA2", "to": "GC", "group": "default"}, {"from": "FLNA", "to": "ICAM1", "group": "default"}, {"from": "CSNK2A1", "to": "ICAM1", "group": "default"}, {"from": "SLAMF1", "to": "BCHE", "group": "default"}, {"from": "HLA-DRA", "to": "MS4A1", "group": "default"}, {"from": "BCHE", "to": "SF1", "group": "default"}, {"from": "NLRC4", "to": "CASP1", "group": "default"}, {"from": "CASP10", "to": "CASP1", "group": "default"}]}'-->
>
-</drugst-one>
+</drugst-one> -->
<!--ENSEMBL test-->
diff --git a/src/stylesheets/theme-styles.scss b/src/stylesheets/theme-styles.scss
index 76a0b06fb3f3c031a9fae4b950b7957cf060e76d..e073494c1a9754033d9b815ab5dde68681ab0f71 100644
--- a/src/stylesheets/theme-styles.scss
+++ b/src/stylesheets/theme-styles.scss
@@ -1,7 +1,24 @@
@import "default-theme.css";
// For testing theme override
-
+// :root {
+// --drgstn-primary:#4285F4;
+// --drgstn-secondary:#303030;
+// --drgstn-success:#48C774;
+// --drgstn-warning:#f5f5f5;
+// --drgstn-danger:#ff2744;
+// --drgstn-background:#ffffff;
+// --drgstn-panel:#ededed;
+// --drgstn-info:#61c43d;
+// --drgstn-text-primary:#151515;
+// --drgstn-text-secondary:#ebecf0;
+// --drgstn-border:rgba(0, 0, 0, 0.2);
+// --drgstn-tooltip:rgba(74,74,74,0.9);
+// --drgstn-panel-secondary:#f5f5f5;
+// --drgstn-height:600px;
+// --drgstn-font-family:Helvetica Neue, sans-serif;
+// }
+
#appWindow {
background-color: var(--drgstn-background) !important;
diff --git a/src/stylesheets/variables.scss b/src/stylesheets/variables.scss
index 0e9c2f4eda314de06b645eb96967004ca5b1ee71..42491fc5297350dbe7517b86ae06bb2280bade4d 100644
--- a/src/stylesheets/variables.scss
+++ b/src/stylesheets/variables.scss
@@ -67,3 +67,4 @@ $toast-z: 100;
$fullscreen-z: 2147483646;
$toast-z: 2147483647;
+$loading-overlay-z: 2147483647;