Fix: frontend better reflect global perms for bulk edit, disabled form state (#8469)

src-ui/src/app/components/common/input/permissions/permissions-form/permissions-form.component.spec.ts

@@ -66,4 +66,11 @@ describe('PermissionsFormComponent', () => {
       },
     })
   })
+
+  it('should disable form on disabled state change', () => {
+    component.setDisabledState(false)
+    expect(component.form.disabled).toBeFalsy()
+    component.setDisabledState(true)
+    expect(component.form.disabled).toBeTruthy()
+  })
 })

src-ui/src/app/components/common/input/permissions/permissions-form/permissions-form.component.ts

@@ -66,4 +66,12 @@ export class PermissionsFormComponent
   writeValue(newValue: any): void {
     this.form.patchValue(newValue, { emitEvent: false })
   }
+
+  public setDisabledState(isDisabled: boolean): void {
+    if (isDisabled) {
+      this.form.disable()
+    } else {
+      this.form.enable()
+    }
+  }
 }