From 8c60300c4cf41354a112b01b55f6814271b4de63 Mon Sep 17 00:00:00 2001
From: Dmitriymush <powder322@gmail.com>
Date: Mon, 11 Apr 2022 19:00:46 +0300
Subject: [PATCH] 6371:formControls_change_improvement

---
 .../manage-dashboard-layouts-dialog.component.ts    | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/dashboard-page/layout/manage-dashboard-layouts-dialog.component.ts b/ui-ngx/src/app/modules/home/components/dashboard-page/layout/manage-dashboard-layouts-dialog.component.ts
index 17f8a85c8a..928a45fbdf 100644
--- a/ui-ngx/src/app/modules/home/components/dashboard-page/layout/manage-dashboard-layouts-dialog.component.ts
+++ b/ui-ngx/src/app/modules/home/components/dashboard-page/layout/manage-dashboard-layouts-dialog.component.ts
@@ -94,9 +94,8 @@ export class ManageDashboardLayoutsDialogComponent extends DialogComponent<Manag
       this.layouts[LaouytType.RIGHT] = this.dashboardUtils.createDefaultLayoutData();
     }
 
-    this.layoutsFormGroup.get('leftWidthPercentage').valueChanges.subscribe((value) => {
-      this.layoutsFormGroup.get('rightWidthPercentage').setValue(100 - Number(value));
-    });
+    this.layoutsFormGroup.get('leftWidthPercentage').valueChanges.subscribe((value) => this.layoutControlChange('rightWidthPercentage', value));
+    this.layoutsFormGroup.get('rightWidthPercentage').valueChanges.subscribe((value) => this.layoutControlChange('leftWidthPercentage', value));
   }
 
   ngOnInit(): void {
@@ -171,4 +170,12 @@ export class ManageDashboardLayoutsDialogComponent extends DialogComponent<Manag
   formatSliderTooltipLabel(value: number):string {
     return `${value}|${100 - value}`;
   }
+
+  layoutControlChange(key: string, value) {
+    const previousValue = this.layoutsFormGroup.get(key).value;
+    const valueToSet = 100 - Number(value);
+    if (previousValue !== valueToSet) {
+      this.layoutsFormGroup.get(key).setValue(100 - Number(value));
+    }
+  }
 }