386919467: (fix) make internet port disable in single mode after enable form

modules/ui/src/app/pages/general-settings/general-settings.component.spec.ts

@@ -60,6 +60,8 @@ describe('GeneralSettingsComponent', () => {
       'updateSystemConfig',
       'setIsSubmitting',
       'setDefaultFormValues',
+      'setFormDisable',
+      'setFormEnable',
       'getSystemConfig',
       'viewModel$',
       'systemStatus$',
@@ -140,19 +142,15 @@ describe('GeneralSettingsComponent', () => {
 
   describe('#settingsDisable', () => {
     it('should disable setting form when get settingDisable as true ', () => {
-      spyOn(component.settingForm, 'disable');
-
       component.settingsDisable = true;
 
-      expect(component.settingForm.disable).toHaveBeenCalled();
+      expect(mockSettingsStore.setFormDisable).toHaveBeenCalled();
     });
 
     it('should enable setting form when get settingDisable as false ', () => {
-      spyOn(component.settingForm, 'enable');
-
       component.settingsDisable = false;
 
-      expect(component.settingForm.enable).toHaveBeenCalled();
+      expect(mockSettingsStore.setFormEnable).toHaveBeenCalled();
     });
 
     it('should disable "Save" button when get settingDisable as true', () => {

modules/ui/src/app/pages/general-settings/general-settings.component.ts

@@ -159,9 +159,12 @@ export class GeneralSettingsComponent implements OnInit, OnDestroy {
       .pipe(takeUntil(this.destroy$))
       .subscribe(systemStatus => {
         if (systemStatus?.status) {
-          this.settingsDisable = this.testRunService.testrunInProgress(
+          const isTestrunInProgress = this.testRunService.testrunInProgress(
             systemStatus.status
           );
+          if (isTestrunInProgress !== this.isSettingsDisable) {
+            this.settingsDisable = isTestrunInProgress;
+          }
         }
       });
   }
@@ -187,11 +190,11 @@ export class GeneralSettingsComponent implements OnInit, OnDestroy {
   }
 
   private disableSettings(): void {
-    this.settingForm?.disable();
+    this.settingsStore.setFormDisable(this.settingForm);
   }
 
   private enableSettings(): void {
-    this.settingForm?.enable();
+    this.settingsStore.setFormEnable(this.settingForm);
   }
 
   private createSettingForm() {

modules/ui/src/app/pages/general-settings/general-settings.store.ts

@@ -166,6 +166,26 @@ export class GeneralSettingsStore extends ComponentStore<SettingsComponentState>
     );
   });
 
+  setFormDisable = this.effect((formGroup$: Observable<FormGroup>) => {
+    return formGroup$.pipe(
+      tap(formGroup => {
+        formGroup.disable();
+      })
+    );
+  });
+
+  setFormEnable = this.effect((formGroup$: Observable<FormGroup>) => {
+    return formGroup$.pipe(
+      withLatestFrom(this.systemConfig$),
+      tap(([formGroup, config]) => {
+        formGroup.enable();
+        if (config.single_intf) {
+          this.disableInternetInterface(formGroup);
+        }
+      })
+    );
+  });
+
   setDefaultFormValues = this.effect((formGroup$: Observable<FormGroup>) => {
     return formGroup$.pipe(
       switchMap(formGroup =>