From 82891b248f1e7b0d01b1e79a41be2980107d86f8 Mon Sep 17 00:00:00 2001
From: piotrpekala7 <31202938+piotrpekala7@users.noreply.github.com>
Date: Thu, 7 May 2020 18:09:43 +0200
Subject: [PATCH] Option to auto-hide menu toolbar on the left side

---
 src/app/components/help/help.component.html               | 1 +
 src/app/components/project-map/project-map.component.html | 6 +++---
 src/app/components/project-map/project-map.component.ts   | 6 ++++++
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/app/components/help/help.component.html b/src/app/components/help/help.component.html
index eab6611f..6f923b2b 100644
--- a/src/app/components/help/help.component.html
+++ b/src/app/components/help/help.component.html
@@ -11,6 +11,7 @@
                         <mat-list-item> ctrl + + to zoom in </mat-list-item>
                         <mat-list-item> ctrl + - to zoom out </mat-list-item>
                         <mat-list-item> ctrl + 0 to reset zoom </mat-list-item>
+                        <mat-list-item> ctrl + h to hide toolbar </mat-list-item>
                         <mat-list-item> ctrl + a to select all items on map </mat-list-item>
                         <mat-list-item> ctrl + shift + a to deselect all items on map </mat-list-item>
                         <mat-list-item> ctrl + shift + s to go to preferences </mat-list-item>
diff --git a/src/app/components/project-map/project-map.component.html b/src/app/components/project-map/project-map.component.html
index ce7b3d6f..236e10a4 100644
--- a/src/app/components/project-map/project-map.component.html
+++ b/src/app/components/project-map/project-map.component.html
@@ -32,7 +32,7 @@
     [readonly]="inReadOnlyMode"
   ></app-experimental-map>
 
-  <div class="project-toolbar">
+  <div *ngIf="toolbarVisibility" class="project-toolbar">
     <mat-toolbar color="primary" class="project-toolbar" [ngClass]="{lightTheme: isLightThemeEnabled}">
       <mat-toolbar-row *ngIf="!isLightThemeEnabled">
         <button matTooltip="Open menu" mat-icon-button [matMenuTriggerFor]="mainMenu"><mat-icon svgIcon="gns3"></mat-icon></button>
@@ -163,11 +163,11 @@
     </mat-toolbar>
   </div>
 
-  <div id="show-menu-wrapper" [ngClass]="{lightTheme: isLightThemeEnabled, shadowed: !isProjectMapMenuVisible }" *ngIf="!readonly">
+  <div *ngIf="toolbarVisibility" id="show-menu-wrapper" [ngClass]="{lightTheme: isLightThemeEnabled, shadowed: !isProjectMapMenuVisible }">
     <button [ngClass]="{lightTheme: isLightThemeEnabled}" class="arrow-button" mat-icon-button (click)="showMenu()"><mat-icon class="unmarked">keyboard_arrow_right</mat-icon></button>
   </div>
 
-  <div id="menu-wrapper" [ngClass]="{lightTheme: isLightThemeEnabled, extended: isProjectMapMenuVisible }">
+  <div *ngIf="toolbarVisibility" id="menu-wrapper" [ngClass]="{lightTheme: isLightThemeEnabled, extended: isProjectMapMenuVisible }">
     <app-nodes-menu [server]="server" [project]="project"></app-nodes-menu>
     <mat-divider class="divider" [vertical]="true"></mat-divider>
     <app-project-map-menu [server]="server" [project]="project"></app-project-map-menu>
diff --git a/src/app/components/project-map/project-map.component.ts b/src/app/components/project-map/project-map.component.ts
index 1df3040d..facdd0fa 100644
--- a/src/app/components/project-map/project-map.component.ts
+++ b/src/app/components/project-map/project-map.component.ts
@@ -91,6 +91,7 @@ export class ProjectMapComponent implements OnInit, OnDestroy {
   public notificationsVisibility: boolean = false;
   public layersVisibility: boolean = false;
   public gridVisibility: boolean = false;
+  public toolbarVisibility: boolean = true;
 
   tools = {
     selection: true,
@@ -294,6 +295,11 @@ export class ProjectMapComponent implements OnInit, OnDestroy {
       this.selectionManager.setSelected(allNodes.concat(allDrawings).concat(allLinks).concat(allSymbols));
     });
 
+    Mousetrap.bind('ctrl+h', (event: Event) => {
+      event.preventDefault();
+      this.toolbarVisibility = !this.toolbarVisibility;
+    });
+
     Mousetrap.bind('ctrl+shift+a', (event: Event) => {
       event.preventDefault();
       this.selectionManager.setSelected([]);