Einbau Validation finished

bizmatch/src/app/components/validated-input/validated-input.component.html

@@ -15,7 +15,7 @@
     [type]="kind"
     [id]="name"
     [ngModel]="value"
-    (input)="onInputChange($event)"
+    (ngModelChange)="onInputChange($event)"
     (blur)="onTouched()"
     [attr.name]="name"
     class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"

bizmatch/src/app/components/validated-input/validated-input.component.ts

@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+import { Component, forwardRef, Input } from '@angular/core';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { BaseInputComponent } from '../base-input/base-input.component';
 import { TooltipComponent } from '../tooltip/tooltip.component';
@@ -19,7 +19,6 @@ import { ValidationMessagesService } from '../validation-messages.service';
   ],
 })
 export class ValidatedInputComponent extends BaseInputComponent {
-  @Output() valueChange = new EventEmitter<any>();
   @Input() kind: 'text' | 'number' | 'email' | 'tel' = 'text';
   constructor(validationMessagesService: ValidationMessagesService) {
     super(validationMessagesService);

bizmatch/src/app/components/validated-ng-select/validated-ng-select.component.html

@@ -1,6 +1,6 @@
 <div>
   <label for="type" class="block text-sm font-bold text-gray-700 mb-1 relative w-fit"
-    >Property Category @if(validationMessage){
+    >{{ label }} @if(validationMessage){
     <div
       attr.data-tooltip-target="tooltip-{{ name }}"
       class="absolute inline-flex items-center justify-center w-6 h-6 text-xs font-bold text-white bg-red-500 border-2 border-white rounded-full -top-2 dark:border-gray-900 hover:cursor-pointer"

bizmatch/src/app/components/validated-textarea/validated-textarea.component.html

@@ -10,7 +10,6 @@
     </div>
     <app-tooltip id="tooltip-{{ name }}" [text]="validationMessage"></app-tooltip>
     }
-    <span class="text-red-500 ml-1">{{ validationMessage }}</span>
   </label>
   <textarea [id]="name" [ngModel]="value" (ngModelChange)="onInputChange($event)" [attr.name]="name" class="w-full p-2 border border-gray-300 rounded-md" rows="3"></textarea>
 </div>