make default for 'splitBy' configurable

pdb-js/src/app/visualization-page/visualization-page.component.html

@@ -81,7 +81,7 @@
           mat-button
           matTooltip="Create Gallery"
           (click)="plot()"
-          [disabled]="this.splitBy.value == null">
+          [disabled]="this.splitBy == null">
           <img src="assets/img/four-squares-line.svg" class="icon-inline" aria-hidden="true" title="Create Gallery (only active if 'Split' is set)" />
           Gallery
         </button>

pdb-js/src/app/visualization-page/visualization-page.component.ts

@@ -46,9 +46,7 @@ export class VisualizationPageComponent implements OnInit {
   plotView: PlotViewComponent;
     
   enableGallery = false;
-  splitBy = new FormControl(null, [
-    Validators.required
-  ]);
+  splitBy = null;
 
   constructor(private plotService: PlotService) {
   }
@@ -69,6 +67,7 @@ export class VisualizationPageComponent implements OnInit {
       });
     
       that.groupBy = that.tagFields.filter(val => filterDefaults.groupBy.includes(val.name));
+      that.splitBy = that.tagFields.find(val => filterDefaults.splitBy == val.name);
     });
     this.yAxisScale = "LOG10";