diff --git a/src/app/config.ts b/src/app/config.ts
index 6605129aa7c3726fc6da65de99cd3758738fa7b3..87869da8981b080e7597f5c6f37406ca68073ab3 100644
--- a/src/app/config.ts
+++ b/src/app/config.ts
@@ -1,18 +1,29 @@
export interface IConfig {
legendUrl: string;
legendClass: string;
+ taskName: string;
showOverview: boolean;
- showFooter: boolean;
showQuery: boolean;
showFilter: boolean;
+ showItemSelector: boolean;
+ showSimpleAnalysis: boolean;
+ showAdvAnalysis: boolean;
+ showTasks: boolean;
+ showSelection: boolean;
+ showFooter: boolean;
}
export const defaultConfig: IConfig = {
legendUrl: 'https://exbio.wzw.tum.de/covex/assets/leg1.png',
+ taskName: 'Run Task X',
legendClass: 'legend',
showOverview: true,
showQuery: true,
showFilter: true,
-
- showFooter: false,
+ showItemSelector: true,
+ showSimpleAnalysis:false,
+ showAdvAnalysis: true,
+ showSelection: true,
+ showTasks: false,
+ showFooter: true,
};
diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html
index 20277a7cde59f919d312073f397a9762d5b05ff4..8357d85ad4f89e835d382a9f1e1cd724e0c60f5b 100644
--- a/src/app/pages/explorer-page/explorer-page.component.html
+++ b/src/app/pages/explorer-page/explorer-page.component.html
@@ -203,7 +203,7 @@
</div>
</div>
- <div class="covex sidebar bar-right">
+ <div *ngIf="myConfig.showItemSelector" class="covex sidebar bar-right">
<div class="card bar-large">
<header class="card-header">
<p class="card-header-title">
@@ -236,7 +236,7 @@
</div>
</div>
- <div class="card bar-large">
+ <div *ngIf="myConfig.showSimpleAnalysis" class="card bar-large">
<header class="card-header">
<p class="card-header-title">
<span class="icon">
@@ -296,7 +296,7 @@
<i class="fa fa-spin fa-spinner" *ngIf="analysis.isLaunchingQuick()"></i>
</span>
<span>
- Find Drugs
+ {{ myConfig.taskName }}
</span>
</button>
</div>
@@ -307,7 +307,7 @@
</div>
</div>
- <div class="card bar-large">
+ <div *ngIf="myConfig.showAdvAnalysis" class="card bar-large">
<header class="card-header">
<p class="card-header-title">
<span class="icon">
@@ -350,7 +350,7 @@
<i class="fa fa-capsules"></i>
</span>
<span>
- Find Drugs
+ {{myConfig.taskName}}
</span>
</button>
</div>
@@ -383,7 +383,7 @@
</div>
</div>
- <div class="card bar-large">
+ <div *ngIf="myConfig.showTasks" class="card bar-large">
<header class="card-header">
<p class="card-header-title">
<span class="icon">
@@ -417,7 +417,7 @@
</div>
</div>
- <div class="card bar-large">
+ <div *ngIf="myConfig.showSelection" class="card bar-large">
<header class="card-header">
<p class="card-header-title">
<span class="icon">
diff --git a/src/index.html b/src/index.html
index 1ae2bfca9302f84f9e9581cede46220e065ed0b9..4c83368aa7dba98219a32e37293d13f36c77ebef 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,6 +1,14 @@
<!doctype html>
<html lang="en">
<head>
+<style>
+ .my-legend-1{
+ width: 10%;
+ }
+</style>
+
+
+
<meta charset="utf-8">
<title>CoVex</title>
<base href="/">
@@ -14,16 +22,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
</head>
<body>
-<style>
- .my-legend-2 {
- width: 10%;
- }
- .my-legend-1{
- width: 10%;
-
- }
-</style>
<button onclick="setNetwork('netexp1')">Set Network 1</button>
<button onclick="setNetwork('netexp2')">Set Network 2</button>
<button onclick="changeConfig()">Hide sidebar</button>
@@ -32,12 +31,8 @@
<network-expander id="netexp1" config='{"legendClass": "my-legend-1"}' onload="init1()"></network-expander>
</div>
-
- <br>
- <br>
- <br>
<!--
- <div style="border: 3px solid red">
+<div> <div style="border: 3px solid red">
<network-expander id="netexp2" config='{"legendUrl": "https://i.pinimg.com/originals/ff/72/80/ff72801189f650f11672915cda0f1bdf.png", "legendClass": "my-legend-2"}'></network-expander>
</div>
-->
diff --git a/src/styles.scss b/src/styles.scss
index 5808fcf8afb14b75c1a686fad0f73c54bb5d47f1..1cfb339b6a2df523957dff31b50a61aea0d7d8d2 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -6,8 +6,8 @@
@import "~@ng-select/ng-select/themes/default.theme.css";
$family-sans-serif: "Varela Round", sans-serif;
-$primary: #3070B3;
-$success: #48C774;
+$primary: #48C774;
+$success: #3070B3;
$danger: #EF476F;
$link: $primary;
$info: $primary;