conversion inputs to components

bizmatch/src/app/pages/subscription/account/account.component.ts

@@ -3,6 +3,7 @@ import { ChangeDetectorRef, Component } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { faTrash } from '@fortawesome/free-solid-svg-icons';
 import { NgSelectModule } from '@ng-select/ng-select';
+import { initFlowbite } from 'flowbite';
 import { KeycloakService } from 'keycloak-angular';
 import { NgxCurrencyDirective } from 'ngx-currency';
 import { ImageCropperComponent } from 'ngx-image-cropper';
@@ -16,6 +17,7 @@ import { ConfirmationService } from '../../../components/confirmation/confirmati
 import { ImageCropAndUploadComponent, UploadReponse } from '../../../components/image-crop-and-upload/image-crop-and-upload.component';
 import { MessageComponent } from '../../../components/message/message.component';
 import { MessageService } from '../../../components/message/message.service';
+import { TooltipComponent } from '../../../components/tooltip/tooltip.component';
 import { ValidatedInputComponent } from '../../../components/validated-input/validated-input.component';
 import { ValidatedQuillComponent } from '../../../components/validated-quill/validated-quill.component';
 import { ValidatedSelectComponent } from '../../../components/validated-select/validated-select.component';
@@ -45,6 +47,7 @@ import { TOOLBAR_OPTIONS } from '../../utils/defaults';
     ValidatedInputComponent,
     ValidatedSelectComponent,
     ValidatedQuillComponent,
+    TooltipComponent,
   ],
   providers: [TitleCasePipe],
   templateUrl: './account.component.html',
@@ -71,6 +74,7 @@ export class AccountComponent {
   validationMessages: ValidationMessage[] = [];
   customerTypeOptions: Array<{ value: string; label: string }> = [];
   customerSubTypeOptions: Array<{ value: string; label: string }> = [];
+  tooltipTarget = 'tooltip-areasServed';
   constructor(
     public userService: UserService,
     private subscriptionService: SubscriptionsService,
@@ -89,6 +93,9 @@ export class AccountComponent {
     private validationMessagesService: ValidationMessagesService,
   ) {}
   async ngOnInit() {
+    setTimeout(() => {
+      initFlowbite();
+    }, 10);
     if (this.id) {
       this.user = await this.userService.getById(this.id);
     } else {
@@ -127,6 +134,7 @@ export class AccountComponent {
       await this.userService.save(this.user);
       this.messageService.addMessage({ severity: 'success', text: 'Account changes have been persisted', duration: 3000 });
       this.validationMessagesService.clearMessages(); // Löschen Sie alle bestehenden Validierungsnachrichten
+      this.validationMessages = [];
     } catch (error) {
       this.messageService.addMessage({
         severity: 'danger',
@@ -135,6 +143,7 @@ export class AccountComponent {
       });
       if (error.error && Array.isArray(error.error?.message)) {
         this.validationMessagesService.updateMessages(error.error.message);
+        this.validationMessages = error.error.message;
       }
     }
   }