feat: validation on valid inputs

italia · Feb 29, 2024 · c662303 · c662303
1 parent 63868fc
commit c662303
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -17,6 +17,9 @@
         "plugin:prettier/recommended"
       ],
       "rules": {
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/no-var-requires": "off",
+        "no-control-regex": "off",
         "@angular-eslint/component-selector": [
           "error",
           {

diff --git a/projects/design-angular-kit/src/lib/abstracts/abstract-form.component.ts b/projects/design-angular-kit/src/lib/abstracts/abstract-form.component.ts
@@ -7,7 +7,6 @@ import { inputToBoolean } from '../utils/coercion';
 
 @Component({ template: '' })
 export abstract class ItAbstractFormComponent<T = any> extends ItAbstractComponent implements OnInit, ControlValueAccessor, DoCheck {
-
   /**
    * The label of form control
    */
@@ -21,7 +20,7 @@ export abstract class ItAbstractFormComponent<T = any> extends ItAbstractCompone
    * - <b>only-invalid</b>: Show only invalid validation color
    * @default <b>only-invalid</b>: Show only invalid validation color
    */
-  @Input() validationMode: boolean | 'only-valid' | 'only-invalid' = 'only-invalid';
+  @Input() validationMode: boolean | 'only-valid' | 'only-invalid' = true;
 
   /**
    * Set the disabled state
@@ -89,11 +88,10 @@ export abstract class ItAbstractFormComponent<T = any> extends ItAbstractCompone
     }
   }
 
-  onChange = (_: T) => {
-  };
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  onChange = (_: T) => {};
 
-  onTouched = () => {
-  };
+  onTouched = () => {};
 
   registerOnChange(fn: any): void {
     this.control.valueChanges.subscribe(fn);

diff --git a/projects/design-angular-kit/src/lib/components/form/input/input.component.html b/projects/design-angular-kit/src/lib/components/form/input/input.component.html
@@ -33,7 +33,7 @@
         [class.form-control]="readonly !== 'plaintext'"
         [class.form-control-plaintext]="readonly === 'plaintext'"
         [class.is-invalid]="isInvalid"
-        [class.is-valid]="isValid"
+        [class.just-validate-success-field]="isValid"
         [formControl]="control"
         [placeholder]="placeholder"
         [readonly]="isReadonly"
@@ -57,7 +57,7 @@
         [class.form-control]="readonly !== 'plaintext'"
         [class.form-control-plaintext]="readonly === 'plaintext'"
         [class.is-invalid]="isInvalid"
-        [class.is-valid]="isValid"
+        [class.just-validate-success-field]="isValid"
         [formControl]="control"
         [placeholder]="placeholder"
         [readonly]="isReadonly"