Make sidebar optional

src/app/config.ts

 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,
 };

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">

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);