From b1179dc4d498b5a0d30eab583cd63c08d6e50b09 Mon Sep 17 00:00:00 2001
From: Ekaterina Chantsova <chantsova.ekaterina@gmail.com>
Date: Wed, 11 Dec 2024 19:16:25 +0200
Subject: [PATCH] Timewindow: fix applying default grouping interval

---
 .../time/timewindow-config-dialog.component.html | 10 +++++-----
 .../time/timewindow-config-dialog.component.ts   | 16 ++++++++--------
 .../time/timewindow-panel.component.ts           | 16 ++++++++--------
 3 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.html b/ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.html
index 3574aff0b1..ad71e30f28 100644
--- a/ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.html
+++ b/ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.html
@@ -68,7 +68,7 @@
                             timewindowForm.get('realtime.realtimeType').value === realtimeTypes.LAST_INTERVAL">
             <button *ngIf="!(timewindowForm.get('realtime.hideLastInterval').value ||
                             timewindowForm.get('realtime.hideInterval').value)"
-                    matSuffix mat-icon-button type="button" class="tb-mat-24"
+                    matSuffix mat-icon-button type="button"
                     (click)="configureRealtimeLastIntervalOptions($event)">
               <mat-icon>edit</mat-icon>
             </button>
@@ -95,7 +95,7 @@
                           timewindowForm.get('realtime.realtimeType').value === realtimeTypes.INTERVAL">
           <button *ngIf="!(timewindowForm.get('realtime.hideQuickInterval').value ||
                             timewindowForm.get('realtime.hideInterval').value)"
-                  matSuffix mat-icon-button type="button" class="tb-mat-24"
+                  matSuffix mat-icon-button type="button"
                   (click)="configureRealtimeQuickIntervalOptions($event)">
             <mat-icon>edit</mat-icon>
           </button>
@@ -137,7 +137,7 @@
                           timewindowForm.get('history.historyType').value === historyTypes.LAST_INTERVAL">
             <button *ngIf="!(timewindowForm.get('history.hideLastInterval').value ||
                             timewindowForm.get('history.hideInterval').value)"
-                    matSuffix mat-icon-button type="button" class="tb-mat-24"
+                    matSuffix mat-icon-button type="button"
                     (click)="configureHistoryLastIntervalOptions($event)">
               <mat-icon>edit</mat-icon>
             </button>
@@ -177,7 +177,7 @@
                         timewindowForm.get('history.historyType').value === historyTypes.INTERVAL">
             <button *ngIf="!(timewindowForm.get('history.hideQuickInterval').value ||
                             timewindowForm.get('history.hideInterval').value)"
-                    matSuffix mat-icon-button type="button" class="tb-mat-24"
+                    matSuffix mat-icon-button type="button"
                     (click)="configureHistoryQuickIntervalOptions($event)">
               <mat-icon>edit</mat-icon>
             </button>
@@ -199,7 +199,7 @@
                                         formControlName="type"
                                         [allowedAggregationTypes]="timewindowForm.get('allowedAggTypes').value">
               <button *ngIf="!timewindowForm.get('hideAggregation').value"
-                      matSuffix mat-icon-button type="button" class="tb-mat-24"
+                      matSuffix mat-icon-button type="button"
                       (click)="openAggregationOptionsConfig($event)">
                 <mat-icon>edit</mat-icon>
               </button>
diff --git a/ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.ts b/ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.ts
index a5a3533b79..a3ab4614e6 100644
--- a/ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.ts
+++ b/ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.ts
@@ -245,9 +245,9 @@ export class TimewindowConfigDialogComponent extends PageComponent implements On
           this.timewindowForm.get('realtime.advancedParams.lastAggIntervalsConfig').value;
         if (lastAggIntervalsConfig?.hasOwnProperty(timewindowMs) &&
           lastAggIntervalsConfig[timewindowMs].defaultAggInterval) {
-          this.timewindowForm.get('realtime.interval').patchValue(
+          setTimeout(() => this.timewindowForm.get('realtime.interval').patchValue(
             lastAggIntervalsConfig[timewindowMs].defaultAggInterval, {emitEvent: false}
-          );
+          ));
         }
       });
       this.timewindowForm.get('realtime.quickInterval').valueChanges.pipe(
@@ -257,9 +257,9 @@ export class TimewindowConfigDialogComponent extends PageComponent implements On
           this.timewindowForm.get('realtime.advancedParams.quickAggIntervalsConfig').value;
         if (quickAggIntervalsConfig?.hasOwnProperty(quickInterval) &&
           quickAggIntervalsConfig[quickInterval].defaultAggInterval) {
-          this.timewindowForm.get('realtime.interval').patchValue(
+          setTimeout(() => this.timewindowForm.get('realtime.interval').patchValue(
             quickAggIntervalsConfig[quickInterval].defaultAggInterval, {emitEvent: false}
-          );
+          ));
         }
       });
       this.timewindowForm.get('history.timewindowMs').valueChanges.pipe(
@@ -269,9 +269,9 @@ export class TimewindowConfigDialogComponent extends PageComponent implements On
           this.timewindowForm.get('history.advancedParams.lastAggIntervalsConfig').value;
         if (lastAggIntervalsConfig?.hasOwnProperty(timewindowMs) &&
           lastAggIntervalsConfig[timewindowMs].defaultAggInterval) {
-          this.timewindowForm.get('history.interval').patchValue(
+          setTimeout(() => this.timewindowForm.get('history.interval').patchValue(
             lastAggIntervalsConfig[timewindowMs].defaultAggInterval, {emitEvent: false}
-          );
+          ));
         }
       });
       this.timewindowForm.get('history.quickInterval').valueChanges.pipe(
@@ -281,9 +281,9 @@ export class TimewindowConfigDialogComponent extends PageComponent implements On
           this.timewindowForm.get('history.advancedParams.quickAggIntervalsConfig').value;
         if (quickAggIntervalsConfig?.hasOwnProperty(quickInterval) &&
           quickAggIntervalsConfig[quickInterval].defaultAggInterval) {
-          this.timewindowForm.get('history.interval').patchValue(
+          setTimeout(() => this.timewindowForm.get('history.interval').patchValue(
             quickAggIntervalsConfig[quickInterval].defaultAggInterval, {emitEvent: false}
-          );
+          ));
         }
       });
 
diff --git a/ui-ngx/src/app/shared/components/time/timewindow-panel.component.ts b/ui-ngx/src/app/shared/components/time/timewindow-panel.component.ts
index 14247997ac..d3be3e8449 100644
--- a/ui-ngx/src/app/shared/components/time/timewindow-panel.component.ts
+++ b/ui-ngx/src/app/shared/components/time/timewindow-panel.component.ts
@@ -308,9 +308,9 @@ export class TimewindowPanelComponent extends PageComponent implements OnInit, O
       ).subscribe((timewindowMs: number) => {
         if (this.realtimeAdvancedParams?.lastAggIntervalsConfig?.hasOwnProperty(timewindowMs) &&
           this.realtimeAdvancedParams.lastAggIntervalsConfig[timewindowMs].defaultAggInterval) {
-          this.timewindowForm.get('realtime.interval').patchValue(
+          setTimeout(() => this.timewindowForm.get('realtime.interval').patchValue(
             this.realtimeAdvancedParams.lastAggIntervalsConfig[timewindowMs].defaultAggInterval, {emitEvent: false}
-          );
+          ));
         }
       });
       this.timewindowForm.get('realtime.quickInterval').valueChanges.pipe(
@@ -318,9 +318,9 @@ export class TimewindowPanelComponent extends PageComponent implements OnInit, O
       ).subscribe((quickInterval: number) => {
         if (this.realtimeAdvancedParams?.quickAggIntervalsConfig?.hasOwnProperty(quickInterval) &&
           this.realtimeAdvancedParams.quickAggIntervalsConfig[quickInterval].defaultAggInterval) {
-          this.timewindowForm.get('realtime.interval').patchValue(
+          setTimeout(() => this.timewindowForm.get('realtime.interval').patchValue(
             this.realtimeAdvancedParams.quickAggIntervalsConfig[quickInterval].defaultAggInterval, {emitEvent: false}
-          );
+          ));
         }
       });
       this.timewindowForm.get('history.timewindowMs').valueChanges.pipe(
@@ -328,9 +328,9 @@ export class TimewindowPanelComponent extends PageComponent implements OnInit, O
       ).subscribe((timewindowMs: number) => {
         if (this.historyAdvancedParams?.lastAggIntervalsConfig?.hasOwnProperty(timewindowMs) &&
           this.historyAdvancedParams.lastAggIntervalsConfig[timewindowMs].defaultAggInterval) {
-          this.timewindowForm.get('history.interval').patchValue(
+          setTimeout(() => this.timewindowForm.get('history.interval').patchValue(
             this.historyAdvancedParams.lastAggIntervalsConfig[timewindowMs].defaultAggInterval, {emitEvent: false}
-          );
+          ));
         }
       });
       this.timewindowForm.get('history.quickInterval').valueChanges.pipe(
@@ -338,9 +338,9 @@ export class TimewindowPanelComponent extends PageComponent implements OnInit, O
       ).subscribe((quickInterval: number) => {
         if (this.historyAdvancedParams?.quickAggIntervalsConfig?.hasOwnProperty(quickInterval) &&
           this.historyAdvancedParams.quickAggIntervalsConfig[quickInterval].defaultAggInterval) {
-          this.timewindowForm.get('history.interval').patchValue(
+          setTimeout(() => this.timewindowForm.get('history.interval').patchValue(
             this.historyAdvancedParams.quickAggIntervalsConfig[quickInterval].defaultAggInterval, {emitEvent: false}
-          );
+          ));
         }
       });