From 6d8af4fdc6a6d76a149a202e902139ae05454f26 Mon Sep 17 00:00:00 2001
From: Andreas Huber <andreas.huber@lucares.de>
Date: Fri, 17 Mar 2023 17:08:55 +0100
Subject: [PATCH] hide gallery when it is not active

---
 .../visualization-page/visualization-page.component.html    | 2 +-
 .../app/visualization-page/visualization-page.component.ts  | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/pdb-js/src/app/visualization-page/visualization-page.component.html b/pdb-js/src/app/visualization-page/visualization-page.component.html
index 29735e4..6d163ce 100644
--- a/pdb-js/src/app/visualization-page/visualization-page.component.html
+++ b/pdb-js/src/app/visualization-page/visualization-page.component.html
@@ -52,7 +52,7 @@
      <pdb-y-axis-definition #y1AxisDefinitionComponent yIndex="1"></pdb-y-axis-definition>
      <pdb-y-axis-definition #y2AxisDefinitionComponent yIndex="2" [hidden]="!y2AxisAvailable"></pdb-y-axis-definition>
      
-     <mat-checkbox *ngIf="galleryEnabled" [(ngModel)]="enableGallery">Gallery</mat-checkbox>
+     <mat-checkbox *ngIf="galleryEnabled" [(ngModel)]="enableGallery" (click)="toggleGallery($event)">Gallery</mat-checkbox>
      
      <mat-form-field *ngIf="enableGallery" class="pdb-form-full-width">
         <mat-label>Split By:</mat-label>
diff --git a/pdb-js/src/app/visualization-page/visualization-page.component.ts b/pdb-js/src/app/visualization-page/visualization-page.component.ts
index a243aea..1c2e3a9 100644
--- a/pdb-js/src/app/visualization-page/visualization-page.component.ts
+++ b/pdb-js/src/app/visualization-page/visualization-page.component.ts
@@ -96,8 +96,6 @@ export class VisualizationPageComponent implements OnInit, AfterViewInit {
         this.plot();
       }
     });  
-
-
   }
 
 ngAfterViewInit(): void {
@@ -128,6 +126,10 @@ ngAfterViewInit(): void {
   }
 }
 
+toggleGallery(event: Event){
+  this.galleryView.show = this.enableGallery;
+}
+
   loading(event: LoadingEvent) {
     this.plotJobActive = event.loading;
   }