dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Timewindow: update disable advanced option state on hiding interval

Browse Source
This commit is contained in:
Chantsova Ekaterina 2024-10-21 19:23:15 +03:00
parent e406e9d95e
commit 9624fd2bc9
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.ts
View File

@ -228,6 +228,7 @@ export class TimewindowConfigDialogComponent extends PageComponent implements On
this.timewindowForm.get('realtime.hideLastInterval').enable({emitEvent: false}); this.timewindowForm.get('realtime.hideLastInterval').enable({emitEvent: false});
this.timewindowForm.get('realtime.hideQuickInterval').enable({emitEvent: false}); this.timewindowForm.get('realtime.hideQuickInterval').enable({emitEvent: false});
} }
this.updateDisableAdvancedOptionState('realtime.disableCustomInterval', value);
}); });
this.timewindowForm.get('realtime.hideLastInterval').valueChanges.pipe( this.timewindowForm.get('realtime.hideLastInterval').valueChanges.pipe(
takeUntil(this.destroy$) takeUntil(this.destroy$)
@ -235,6 +236,7 @@ export class TimewindowConfigDialogComponent extends PageComponent implements On
if (hideLastInterval && !this.timewindowForm.get('realtime.hideQuickInterval').value) { if (hideLastInterval && !this.timewindowForm.get('realtime.hideQuickInterval').value) {
this.timewindowForm.get('realtime.realtimeType').setValue(RealtimeWindowType.INTERVAL); this.timewindowForm.get('realtime.realtimeType').setValue(RealtimeWindowType.INTERVAL);
} }
this.updateDisableAdvancedOptionState('realtime.disableCustomInterval', hideLastInterval);
}); });
this.timewindowForm.get('realtime.hideQuickInterval').valueChanges.pipe( this.timewindowForm.get('realtime.hideQuickInterval').valueChanges.pipe(
takeUntil(this.destroy$) takeUntil(this.destroy$)
@ -256,6 +258,7 @@ export class TimewindowConfigDialogComponent extends PageComponent implements On
this.timewindowForm.get('history.hideQuickInterval').enable({emitEvent: false}); this.timewindowForm.get('history.hideQuickInterval').enable({emitEvent: false});
this.timewindowForm.get('history.hideFixedInterval').enable({emitEvent: false}); this.timewindowForm.get('history.hideFixedInterval').enable({emitEvent: false});
} }
this.updateDisableAdvancedOptionState('history.disableCustomInterval', value);
}); });
this.timewindowForm.get('history.hideLastInterval').valueChanges.pipe( this.timewindowForm.get('history.hideLastInterval').valueChanges.pipe(
takeUntil(this.destroy$) takeUntil(this.destroy$)
@ -267,6 +270,7 @@ export class TimewindowConfigDialogComponent extends PageComponent implements On
this.timewindowForm.get('history.historyType').setValue(HistoryWindowType.INTERVAL); this.timewindowForm.get('history.historyType').setValue(HistoryWindowType.INTERVAL);
} }
} }
this.updateDisableAdvancedOptionState('history.disableCustomInterval', hideLastInterval);
}); });
this.timewindowForm.get('history.hideFixedInterval').valueChanges.pipe( this.timewindowForm.get('history.hideFixedInterval').valueChanges.pipe(
takeUntil(this.destroy$) takeUntil(this.destroy$)
@ -290,6 +294,7 @@ export class TimewindowConfigDialogComponent extends PageComponent implements On
} }
} }
}); });
this.timewindowForm.get('hideAggregation').valueChanges.pipe( this.timewindowForm.get('hideAggregation').valueChanges.pipe(
takeUntil(this.destroy$) takeUntil(this.destroy$)
).subscribe((value: boolean) => { ).subscribe((value: boolean) => {
@ -297,6 +302,12 @@ export class TimewindowConfigDialogComponent extends PageComponent implements On
this.timewindowForm.get('allowedAggTypes').patchValue([]); this.timewindowForm.get('allowedAggTypes').patchValue([]);
} }
}); });
this.timewindowForm.get('hideAggInterval').valueChanges.pipe(
takeUntil(this.destroy$)
).subscribe((value: boolean) => {
this.updateDisableAdvancedOptionState('realtime.disableCustomGroupInterval', value);
this.updateDisableAdvancedOptionState('history.disableCustomGroupInterval', value);
});
} }
ngOnDestroy() { ngOnDestroy() {
@ -304,6 +315,15 @@ export class TimewindowConfigDialogComponent extends PageComponent implements On
this.destroy$.complete(); this.destroy$.complete();
} }
private updateDisableAdvancedOptionState(controlName: string, intervalHidden: boolean) {
if (intervalHidden) {
this.timewindowForm.get(controlName).disable({emitEvent: false});
this.timewindowForm.get(controlName).patchValue(false, {emitEvent: false});
} else {
this.timewindowForm.get(controlName).enable({emitEvent: false});
}
}
private updateValidators(aggType: AggregationType) { private updateValidators(aggType: AggregationType) {
if (aggType !== AggregationType.NONE) { if (aggType !== AggregationType.NONE) {
this.timewindowForm.get('aggregation.limit').clearValidators(); this.timewindowForm.get('aggregation.limit').clearValidators();