From aa9a4255ef921dc9007f9b512e445f20085c90d7 Mon Sep 17 00:00:00 2001
From: Andreas Huber <andreas.huber@lucares.de>
Date: Sun, 5 Apr 2020 09:33:05 +0200
Subject: [PATCH] show interval input field only for bar charts

---
 .../visualization-page/visualization-page.component.html  | 8 ++++----
 .../visualization-page/visualization-page.component.ts    | 4 ++++
 2 files changed, 8 insertions(+), 4 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 38a1be0..5aaad68 100644
--- a/pdb-js/src/app/visualization-page/visualization-page.component.html
+++ b/pdb-js/src/app/visualization-page/visualization-page.component.html
@@ -31,9 +31,9 @@
       </mat-form-field>
       
       <pdb-limit-by #limitbycomponent></pdb-limit-by>
-      
-      <mat-form-field>
-        <mat-label>Intervals:</mat-label>
+      <div [hidden]="!selectedPlotTypesContains('BAR')">
+      <mat-form-field >
+        <mat-label>Intervals (only bar chart):</mat-label>
         <mat-select [(value)]="intervalUnit">
           <mat-option value="NO_INTERVAL">-</mat-option>
           <mat-option value="MINUTE">minute</mat-option>
@@ -44,7 +44,7 @@
           <mat-option value="YEAR">year</mat-option>
         </mat-select>
       </mat-form-field>
-      
+      </div>
      <pdb-y-axis-definition #y1AxisDefinitionComponent yIndex="1"></pdb-y-axis-definition>
      <pdb-y-axis-definition #y2AxisDefinitionComponent yIndex="2" [hidden]="!y2AxisAvailable"></pdb-y-axis-definition>
      
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 b419400..8af7d78 100644
--- a/pdb-js/src/app/visualization-page/visualization-page.component.ts
+++ b/pdb-js/src/app/visualization-page/visualization-page.component.ts
@@ -91,6 +91,10 @@ export class VisualizationPageComponent implements OnInit {
     const axesTypes = this.getAxes();
     this.y2AxisAvailable = axesTypes.y.length == 2;
   }
+  
+  selectedPlotTypesContains(plotTypeId: string){
+    return this.selectedPlotType.filter(pt => pt.id == plotTypeId).length > 0;
+  }
    
   
   dateRangeAsString() : string {