Skip to content
Snippets Groups Projects
Commit 3edc9093 authored by Zakaria Louadi's avatar Zakaria Louadi
Browse files

config file2

parent faba6d7b
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/app/config.ts
+ 14
− 3
View file @ 3edc9093
export interface IConfig { export interface IConfig {
legendUrl: string; legendUrl: string;
legendClass: string; legendClass: string;
taskName: string;
showOverview: boolean; showOverview: boolean;
showFooter: boolean;
showQuery: boolean; showQuery: boolean;
showFilter: boolean; showFilter: boolean;
showItemSelector: boolean;
showSimpleAnalysis: boolean;
showAdvAnalysis: boolean;
showTasks: boolean;
showSelection: boolean;
showFooter: boolean;
} }
export const defaultConfig: IConfig = { export const defaultConfig: IConfig = {
legendUrl: 'https://exbio.wzw.tum.de/covex/assets/leg1.png', legendUrl: 'https://exbio.wzw.tum.de/covex/assets/leg1.png',
taskName: 'Run Task X',
legendClass: 'legend', legendClass: 'legend',
showOverview: true, showOverview: true,
showQuery: true, showQuery: true,
showFilter: true, showFilter: true,
showItemSelector: true,
showFooter: false, showSimpleAnalysis:false,
showAdvAnalysis: true,
showSelection: true,
showTasks: false,
showFooter: true,
}; };
src/app/pages/explorer-page/explorer-page.component.html
+ 7
− 7
View file @ 3edc9093
...@@ -203,7 +203,7 @@ ...@@ -203,7 +203,7 @@
</div> </div>
</div> </div>
<div class="covex sidebar bar-right"> <div *ngIf="myConfig.showItemSelector" class="covex sidebar bar-right">
<div class="card bar-large"> <div class="card bar-large">
<header class="card-header"> <header class="card-header">
<p class="card-header-title"> <p class="card-header-title">
...@@ -236,7 +236,7 @@ ...@@ -236,7 +236,7 @@
</div> </div>
</div> </div>
<div class="card bar-large"> <div *ngIf="myConfig.showSimpleAnalysis" class="card bar-large">
<header class="card-header"> <header class="card-header">
<p class="card-header-title"> <p class="card-header-title">
<span class="icon"> <span class="icon">
...@@ -296,7 +296,7 @@ ...@@ -296,7 +296,7 @@
<i class="fa fa-spin fa-spinner" *ngIf="analysis.isLaunchingQuick()"></i> <i class="fa fa-spin fa-spinner" *ngIf="analysis.isLaunchingQuick()"></i>
</span> </span>
<span> <span>
Find Drugs {{ myConfig.taskName }}
</span> </span>
</button> </button>
</div> </div>
...@@ -307,7 +307,7 @@ ...@@ -307,7 +307,7 @@
</div> </div>
</div> </div>
<div class="card bar-large"> <div *ngIf="myConfig.showAdvAnalysis" class="card bar-large">
<header class="card-header"> <header class="card-header">
<p class="card-header-title"> <p class="card-header-title">
<span class="icon"> <span class="icon">
...@@ -350,7 +350,7 @@ ...@@ -350,7 +350,7 @@
<i class="fa fa-capsules"></i> <i class="fa fa-capsules"></i>
</span> </span>
<span> <span>
Find Drugs {{myConfig.taskName}}
</span> </span>
</button> </button>
</div> </div>
...@@ -383,7 +383,7 @@ ...@@ -383,7 +383,7 @@
</div> </div>
</div> </div>
<div class="card bar-large"> <div *ngIf="myConfig.showTasks" class="card bar-large">
<header class="card-header"> <header class="card-header">
<p class="card-header-title"> <p class="card-header-title">
<span class="icon"> <span class="icon">
...@@ -417,7 +417,7 @@ ...@@ -417,7 +417,7 @@
</div> </div>
</div> </div>
<div class="card bar-large"> <div *ngIf="myConfig.showSelection" class="card bar-large">
<header class="card-header"> <header class="card-header">
<p class="card-header-title"> <p class="card-header-title">
<span class="icon"> <span class="icon">
......
src/index.html
+ 9
− 14
View file @ 3edc9093
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<style>
.my-legend-1{
width: 10%;
}
</style>
<meta charset="utf-8"> <meta charset="utf-8">
<title>CoVex</title> <title>CoVex</title>
<base href="/"> <base href="/">
...@@ -14,16 +22,7 @@ ...@@ -14,16 +22,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
</head> </head>
<body> <body>
<style>
.my-legend-2 {
width: 10%;
}
.my-legend-1{
width: 10%;
}
</style>
<button onclick="setNetwork('netexp1')">Set Network 1</button> <button onclick="setNetwork('netexp1')">Set Network 1</button>
<button onclick="setNetwork('netexp2')">Set Network 2</button> <button onclick="setNetwork('netexp2')">Set Network 2</button>
<button onclick="changeConfig()">Hide sidebar</button> <button onclick="changeConfig()">Hide sidebar</button>
...@@ -32,12 +31,8 @@ ...@@ -32,12 +31,8 @@
<network-expander id="netexp1" config='{"legendClass": "my-legend-1"}' onload="init1()"></network-expander> <network-expander id="netexp1" config='{"legendClass": "my-legend-1"}' onload="init1()"></network-expander>
</div> </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> <network-expander id="netexp2" config='{"legendUrl": "https://i.pinimg.com/originals/ff/72/80/ff72801189f650f11672915cda0f1bdf.png", "legendClass": "my-legend-2"}'></network-expander>
</div> </div>
--> -->
......
src/styles.scss
+ 2
− 2
View file @ 3edc9093
...@@ -6,8 +6,8 @@ ...@@ -6,8 +6,8 @@
@import "~@ng-select/ng-select/themes/default.theme.css"; @import "~@ng-select/ng-select/themes/default.theme.css";
$family-sans-serif: "Varela Round", sans-serif; $family-sans-serif: "Varela Round", sans-serif;
$primary: #3070B3; $primary: #48C774;
$success: #48C774; $success: #3070B3;
$danger: #EF476F; $danger: #EF476F;
$link: $primary; $link: $primary;
$info: $primary; $info: $primary;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment