From b6045eda228a673f9eac6358f4681a626fabaa43 Mon Sep 17 00:00:00 2001
From: Andreas Huber <andreas.huber@lucares.de>
Date: Sat, 18 Mar 2023 09:42:04 +0100
Subject: [PATCH] open visualization page with settings

---
 .../visualization-page.component.html             |  9 +++++++--
 .../visualization-page.component.scss             |  4 +++-
 .../visualization-page.component.ts               | 15 +++++++++++++++
 pdb-js/src/assets/img/launch.svg                  |  1 +
 4 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 pdb-js/src/assets/img/launch.svg

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 6d163ce..414731e 100644
--- a/pdb-js/src/app/visualization-page/visualization-page.component.html
+++ b/pdb-js/src/app/visualization-page/visualization-page.component.html
@@ -12,8 +12,6 @@
   
   <div id="filters">
     <div id="filterpanel">
-      
-
       <mat-form-field class="pdb-form-full-width">
         <mat-label>Type:</mat-label>
         <mat-select  multiple [(ngModel)]="selectedPlotType" (ngModelChange)="changePlotType($event)">
@@ -66,6 +64,13 @@
      
      
       <div id="plot-button-bar">
+        <a 
+          mat-icon-button 
+          [routerLink]="['/vis']"
+          [queryParams]="{config: serializedConfig()}"
+          target="_blank"
+          aria-label="open new window with the same search"
+          title="open new window with the same search"><img src="assets/img/link.svg" aria-hidden="true"/></a>
         <button 
         *ngIf="!enableGallery && !plotJobActive"
         [disabled]="plotJobActive"
diff --git a/pdb-js/src/app/visualization-page/visualization-page.component.scss b/pdb-js/src/app/visualization-page/visualization-page.component.scss
index 6d6b50a..5288480 100644
--- a/pdb-js/src/app/visualization-page/visualization-page.component.scss
+++ b/pdb-js/src/app/visualization-page/visualization-page.component.scss
@@ -67,5 +67,7 @@
 }
 
 #plot-button-bar {
-  text-align: right;
+  display: flex;
+  justify-content: space-between;
 }
+
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 1c2e3a9..9cec794 100644
--- a/pdb-js/src/app/visualization-page/visualization-page.component.ts
+++ b/pdb-js/src/app/visualization-page/visualization-page.component.ts
@@ -63,6 +63,12 @@ export class VisualizationPageComponent implements OnInit, AfterViewInit {
   plotJobActive = false;
 
   constructor(private plotService: PlotService, private snackBar: MatSnackBar) {
+
+    const params = new URLSearchParams(window.location.search);
+    if (!this.defaultConfig && params.get("config")) {
+      const config = JSON.parse(params.get("config")!);
+      this.defaultConfig = config;
+    }
   }
 
   showError(message:string) {
@@ -248,4 +254,13 @@ toggleGallery(event: Event){
       );
     return request;
   }
+
+  serializedConfig(): string {
+    try{
+    const config = this.createPlotConfig();
+    return JSON.stringify(config);
+    }catch (e)  {
+      return "";
+    }
+  }
 }
diff --git a/pdb-js/src/assets/img/launch.svg b/pdb-js/src/assets/img/launch.svg
new file mode 100644
index 0000000..7d9ae31
--- /dev/null
+++ b/pdb-js/src/assets/img/launch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>
\ No newline at end of file