From b30329be9813711086d01d6da410f131c9edf8ae Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Mon, 17 Feb 2025 18:13:20 +0200
Subject: [PATCH] added isLoading disable form

---
 .../dialog/calculated-field-dialog.component.ts     | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/ui-ngx/src/app/modules/home/components/calculated-fields/components/dialog/calculated-field-dialog.component.ts b/ui-ngx/src/app/modules/home/components/calculated-fields/components/dialog/calculated-field-dialog.component.ts
index 6543dead49..4938c0df01 100644
--- a/ui-ngx/src/app/modules/home/components/calculated-fields/components/dialog/calculated-field-dialog.component.ts
+++ b/ui-ngx/src/app/modules/home/components/calculated-fields/components/dialog/calculated-field-dialog.component.ts
@@ -97,6 +97,7 @@ export class CalculatedFieldDialogComponent extends DialogComponent<CalculatedFi
               private destroyRef: DestroyRef,
               private fb: FormBuilder) {
     super(store, router, dialogRef);
+    this.observeIsLoading();
     this.applyDialogData();
     this.observeTypeChanges();
   }
@@ -174,4 +175,16 @@ export class CalculatedFieldDialogComponent extends DialogComponent<CalculatedFi
       this.configFormGroup.get('expressionSCRIPT').enable({emitEvent: false});
     }
   }
+
+  private observeIsLoading(): void {
+    this.isLoading$.pipe(takeUntilDestroyed()).subscribe(loading => {
+      if (loading) {
+        this.fieldFormGroup.disable({emitEvent: false});
+      } else {
+        this.fieldFormGroup.enable({emitEvent: false});
+        this.toggleScopeByOutputType(this.outputFormGroup.get('type').value);
+        this.toggleKeyByCalculatedFieldType(this.fieldFormGroup.get('type').value);
+      }
+    });
+  }
 }