From 06ee214a4546663ca3ef79dfd1edbcf64b1f52e9 Mon Sep 17 00:00:00 2001
From: Julian Matschinske <julian@vyze.ai>
Date: Thu, 5 Nov 2020 16:20:21 +0100
Subject: [PATCH] Make sidebar optional
---
src/app/config.ts | 2 ++
src/app/pages/explorer-page/explorer-page.component.html | 2 +-
src/index.html | 6 ++++++
3 files changed, 9 insertions(+), 1 deletion(-)
diff --git a/src/app/config.ts b/src/app/config.ts
index a58715bf..7da9eb5e 100644
--- a/src/app/config.ts
+++ b/src/app/config.ts
@@ -1,9 +1,11 @@
export interface IConfig {
legendUrl: string;
legendClass: string;
+ showLeftSidebar: boolean;
}
export const defaultConfig: IConfig = {
legendUrl: 'https://exbio.wzw.tum.de/covex/assets/leg1.png',
legendClass: 'legend',
+ showLeftSidebar: true,
};
diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html
index 9f04c18e..d5dea325 100644
--- a/src/app/pages/explorer-page/explorer-page.component.html
+++ b/src/app/pages/explorer-page/explorer-page.component.html
@@ -16,7 +16,7 @@
<div class="covex left-window">
<div>
- <div class="covex sidebar bar-left">
+ <div *ngIf="myConfig.showLeftSidebar" class="covex sidebar bar-left">
<div class="card bar-large">
<header class="card-header">
diff --git a/src/index.html b/src/index.html
index 64b4c09d..dc44c866 100644
--- a/src/index.html
+++ b/src/index.html
@@ -21,6 +21,7 @@
</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>
@@ -32,6 +33,11 @@
document.getElementsByClassName('my-legend-1')[0].onclick = function() {this.remove()};
}
+ function changeConfig() {
+ const netexp = document.getElementById('netexp1');
+ netexp.setAttribute('config', '{"showLeftSidebar": false}');
+ }
+
function setNetwork(nw) {
const netexp = document.getElementById(nw);
--
GitLab