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

config file

parent 06ee214a
No related branches found
No related tags found
No related merge requests found
build.sh 100644 → 100755
ng build --prod --output-path /usr/share/nginx/html/
ng build --prod --output-path /var/www/html
export interface IConfig {
legendUrl: string;
legendClass: string;
showLeftSidebar: boolean;
showOverview: boolean;
showFooter: boolean;
showQuery: boolean;
showFilter: boolean;
}
export const defaultConfig: IConfig = {
legendUrl: 'https://exbio.wzw.tum.de/covex/assets/leg1.png',
legendClass: 'legend',
showLeftSidebar: true,
showOverview: true,
showQuery: true,
showFilter: true,
showFooter: false,
};
......@@ -16,9 +16,9 @@
<div class="covex left-window">
<div>
<div *ngIf="myConfig.showLeftSidebar" class="covex sidebar bar-left">
<div class="covex sidebar bar-left">
<div class="card bar-large">
<div *ngIf="myConfig.showOverview" class="card bar-large">
<header class="card-header">
<p class="card-header-title">
<span class="icon">
......@@ -35,21 +35,25 @@
<div *ngIf="collapseOverview">
<div class="card-content">
<nav class="level" *ngIf="proteinData">
<!-- TO DO : CHANGE THIS LATER
<div class="level-item has-text-centered">
<div>
<p class="heading">Viral<br>Proteins</p>
<p class="title"> {{ proteinData.effects.length }}</p>
</div>
</div>
-->
<div class="level-item has-text-centered">
<div>
<p class="heading">Host<br>Proteins</p>
<p class="heading">Proteins</p>
<p class="title">{{ proteinData.proteins.length }}</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="heading">Virus-Host<br>Interactions</p>
<p class="heading">Interactions</p>
<p class="title">{{ proteinData.edges.length }}</p>
</div>
</div>
......@@ -58,7 +62,7 @@
</div>
</div>
<div class="card bar-large">
<div *ngIf="myConfig.showQuery" class="card bar-large">
<header class="card-header">
<p class="card-header-title">
<span class="icon">
......@@ -85,12 +89,12 @@
</div>
</div>
<div class="card bar-large">
<div *ngIf="myConfig.showFilter" class="card bar-large">
<header class="card-header">
<p class="card-header-title">
<span class="icon">
<i class="fas fa-filter" aria-hidden="true"></i>
</span> Filter Viral Proteins
</span> Filter Proteins
</p>
<a (click)="collapseBaitFilter = !collapseBaitFilter" data-action="collapse"
class="card-header-icon is-hidden-fullscreen" aria-label="more options">
......@@ -141,7 +145,7 @@
</div>
</div>
<footer class="card-footer toolbar">
<footer *ngIf="myConfig.showFooter" class="card-footer toolbar">
<button (click)="toCanvas()" class="button is-primary is-rounded has-tooltip"
data-tooltip="Take a screenshot of the current network.">
<span class="icon">
......
......@@ -18,16 +18,32 @@
.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>
<div style="border: 3px solid red">
<network-expander id="netexp1" config='{"legendClass": "my-legend-1"}' onload="init1()"></network-expander>
</div>
<br>
<br>
<br>
<!--
<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>
-->
<script>
function init1() {
document.getElementsByClassName('my-legend-1')[0].onclick = function() {this.remove()};
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment