Fix initial wrong state of a field being not touched when it is touched.

azerothcore · Jan 25, 2025 · 78899c7 · 78899c7
1 parent 8febd6f
commit 78899c7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/libs/features/creature/src/creature-template/creature-template.component.html b/libs/features/creature/src/creature-template/creature-template.component.html
@@ -44,7 +44,7 @@
             <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
               <label class="control-label" for="minlevel">minlevel</label>
               <i class="fas fa-info-circle ms-1" placement="auto" [tooltip]="'CREATURE.TEMPLATE.MIN_MAX_LEVEL' | translate"></i>
-              <input [formControlName]="'minlevel'" id="minlevel" type="number" class="form-control form-control-sm" />
+              <input keiraInputValidation [formControlName]="'minlevel'" id="minlevel" type="number" class="form-control form-control-sm" />
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
               <label for="maxLevel">maxlevel</label>

diff --git a/libs/shared/directives/src/validate-input.directive.ts b/libs/shared/directives/src/validate-input.directive.ts
@@ -22,7 +22,6 @@ export class InputValidationDirective extends SubscriptionHandler implements OnI
 
     this.subscriptions.push(
       control.statusChanges?.subscribe(() => {
-        console.log('control', control);
         this.updateErrorMessage(control);
       }),
     );
@@ -34,6 +33,8 @@ export class InputValidationDirective extends SubscriptionHandler implements OnI
       this.errorDiv = null;
     }
 
+    if (control?.invalid) control?.markAsTouched();
+
     if (control?.touched && control?.invalid) {
       console.log('control.errors', control.errors);
       this.errorDiv = this.renderer.createElement('div');