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

config file

parent 06ee214a
Branches
Tags
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