mgr/dashboard: Add match validator

Signed-off-by: Ricardo Marques <rimarques@suse.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/forms/cd-validators.spec.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/forms/cd-validators.spec.ts
index fb682970c807095f39a9f84af8d7db58311902b5..3f111b555e7c41387ec88bd245fef81ebb0f8a3c 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/forms/cd-validators.spec.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/forms/cd-validators.spec.ts
@@ -168,4 +168,35 @@ describe('CdValidators', () => {
       expect(x.valid).toBeTruthy();
     });
   });
+
+  describe('match', () => {
+    let form: FormGroup;
+
+    beforeEach(() => {
+      form = new FormGroup({
+        x: new FormControl(),
+        y: new FormControl()
+      });
+    });
+
+    it('should error when values are different', () => {
+      const x = form.get('x');
+      const y = form.get('y');
+      x.setValue('aaa');
+      y.setValue('aab');
+      CdValidators.match('x', 'y')(form);
+      expect(x.hasError('match')).toBeFalsy();
+      expect(y.hasError('match')).toBeTruthy();
+    });
+
+    it('should not error when values are equal', () => {
+      const x = form.get('x');
+      const y = form.get('y');
+      x.setValue('aaa');
+      y.setValue('aaa');
+      CdValidators.match('x', 'y')(form);
+      expect(x.hasError('match')).toBeFalsy();
+      expect(y.hasError('match')).toBeFalsy();
+    });
+  });
 });

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/forms/cd-validators.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/forms/cd-validators.ts
index 875e18379e9456469b737aa4d9495528f49c25a1..37b933457ab15fd2010c5eb5cd4e484fd7242cd2 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/forms/cd-validators.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/forms/cd-validators.ts
@@ -96,4 +96,20 @@ export class CdValidators {
       return null;
     });
   }
+
+  /**
+   * Validate if control1 and control2 have the same value.
+   * Error will be added to control2.
+   *
+   * @param {string} control1
+   * @param {string} control2
+   */
+  static match(control1: string, control2: string): ValidatorFn {
+    return (control: AbstractControl): { [key: string]: any } => {
+      if (control.get(control1).value !== control.get(control2).value) {
+        control.get(control2).setErrors({ ['match']: true });
+      }
+      return null;
+    };
+  }
 }