fix(visualization): update default time handling based on filterType

Signed-off-by: Manuel Abascal <mjabascal10@gmail.com>

Author: mjabascal10

frontend/src/app/graphic-builder/chart-builder/chart-builder.component.html

@@ -20,7 +20,7 @@ <h5 class="mb-0 label-header px-3 py-2">
   </app-visualization-header>
 
   <div class="row">
-    <div *ngIf="visualization && visualization.filterType && !isSqlMode" class="col-lg-12 col-sm-12 col-md-12 p-0">
+    <div *ngIf="visualization" class="col-lg-12 col-sm-12 col-md-12 p-0">
       <app-utm-elastic-filter (filterChange)="onFilterChange($event)"
                               [filters]="visualization.filterType"
                               [pattern]="pattern"

frontend/src/app/graphic-builder/chart-builder/chart-builder.component.ts

@@ -345,7 +345,7 @@ export class ChartBuilderComponent implements OnInit, AfterViewChecked {
     this.visualization.aggregationType = null;
     this.visualization.pattern = null;
     this.visualization.idPattern = null;
-    this.visualization.filterType = null;
+    // this.visualization.filterType = null;
   }
 
   clearMessages(): void {

frontend/src/app/graphic-builder/shared/components/viewer/chart-view/chart-view.component.ts

@@ -127,6 +127,9 @@ export class ChartViewComponent implements OnInit, OnDestroy {
     if (!this.defaultTime) {
       this.defaultTime = this.visualization.filterType ? resolveDefaultVisualizationTime(this.visualization)
         : new ElasticFilterDefaultTime('now-30d', 'now');
+    }
+
+    if (this.building) {
       this.refreshService.sendRefresh(this.refreshType);
     }
   }

frontend/src/app/graphic-builder/shared/components/viewer/goal-view/goal-view.component.ts

@@ -100,7 +100,10 @@ export class GoalViewComponent implements OnInit, OnDestroy {
 
     if (!this.defaultTime) {
       this.defaultTime = this.visualization.filterType ? resolveDefaultVisualizationTime(this.visualization)
-      : new ElasticFilterDefaultTime('now-30d', 'now');
+        : new ElasticFilterDefaultTime('now-30d', 'now');
+    }
+
+    if (this.building) {
       this.refreshService.sendRefresh(this.refreshType);
     }
   }

frontend/src/app/graphic-builder/shared/components/viewer/map-view/map-view.component.ts

@@ -326,9 +326,11 @@ export class MapViewComponent implements OnInit, AfterViewInit, OnDestroy {
       });
 
     if (!this.defaultTime) {
-      this.defaultTime = this.visualization.queryLanguage === ChartBuilderQueryLanguageEnum.DSL ?
-        resolveDefaultVisualizationTime(this.visualization)
+      this.defaultTime = this.visualization.filterType ? resolveDefaultVisualizationTime(this.visualization)
         : new ElasticFilterDefaultTime('now-30d', 'now');
+    }
+
+    if (this.building) {
       this.refreshService.sendRefresh(this.refreshType);
     }
   }

frontend/src/app/graphic-builder/shared/components/viewer/metric-view/metric-view.component.ts

@@ -99,12 +99,12 @@ export class MetricViewComponent implements OnInit, OnDestroy {
     });
 
     if (!this.defaultTime) {
-      this.defaultTime = resolveDefaultVisualizationTime(this.visualization);
-
-      if (!this.defaultTime) {
-        this.refreshService.sendRefresh(this.refreshType);
-      }
+      this.defaultTime = this.visualization.filterType ? resolveDefaultVisualizationTime(this.visualization)
+        : new ElasticFilterDefaultTime('now-30d', 'now');
+    }
 
+    if (this.building) {
+      this.refreshService.sendRefresh(this.refreshType);
     }
   }
 

frontend/src/app/graphic-builder/shared/components/viewer/table-view/table-view.component.ts

@@ -129,9 +129,11 @@ export class TableViewComponent implements OnInit, OnChanges, OnDestroy {
       });
 
     if (!this.defaultTime) {
-      this.defaultTime = this.visualization.queryLanguage === ChartBuilderQueryLanguageEnum.DSL ?
-        resolveDefaultVisualizationTime(this.visualization)
+      this.defaultTime = this.visualization.filterType ? resolveDefaultVisualizationTime(this.visualization)
         : new ElasticFilterDefaultTime('now-30d', 'now');
+    }
+
+    if (this.building) {
       this.refreshService.sendRefresh(this.refreshType);
     }
   }

frontend/src/app/graphic-builder/shared/util/visualization/visualization-render.util.ts

@@ -12,6 +12,6 @@ export function resolveDefaultVisualizationTime(visualization: VisualizationType
     const to = visualization.filterType[indexTime].value[1];
     return new ElasticFilterDefaultTime(from, to);
   } else {
-    return null;
+    return new ElasticFilterDefaultTime('now-30d', 'now');
   }
 }