Validierung Part II, neue Komponenten

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

@@ -9,7 +9,7 @@ import { ImageCropperComponent } from 'ngx-image-cropper';
 import { QuillModule } from 'ngx-quill';
 import { lastValueFrom } from 'rxjs';
 import { User } from '../../../../../../bizmatch-server/src/models/db.model';
-import { AutoCompleteCompleteEvent, Invoice, Subscription, UploadParams, ValidationMessage, emailToDirName } from '../../../../../../bizmatch-server/src/models/main.model';
+import { AutoCompleteCompleteEvent, Invoice, Subscription, UploadParams, ValidationMessage, createDefaultUser, emailToDirName } from '../../../../../../bizmatch-server/src/models/main.model';
 import { environment } from '../../../../environments/environment';
 import { ConfirmationComponent } from '../../../components/confirmation/confirmation.component';
 import { ConfirmationService } from '../../../components/confirmation/confirmation.service';
@@ -17,7 +17,9 @@ import { ImageCropAndUploadComponent, UploadReponse } from '../../../components/
 import { MessageComponent } from '../../../components/message/message.component';
 import { MessageService } from '../../../components/message/message.service';
 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';
+import { ValidationMessagesService } from '../../../components/validation-messages.service';
 import { GeoService } from '../../../services/geo.service';
 import { ImageService } from '../../../services/image.service';
 import { LoadingService } from '../../../services/loading.service';
@@ -26,7 +28,7 @@ import { SharedService } from '../../../services/shared.service';
 import { SubscriptionsService } from '../../../services/subscriptions.service';
 import { UserService } from '../../../services/user.service';
 import { SharedModule } from '../../../shared/shared/shared.module';
-import { createDefaultUser, map2User } from '../../../utils/utils';
+import { map2User } from '../../../utils/utils';
 import { TOOLBAR_OPTIONS } from '../../utils/defaults';
 @Component({
   selector: 'app-account',
@@ -42,6 +44,7 @@ import { TOOLBAR_OPTIONS } from '../../utils/defaults';
     MessageComponent,
     ValidatedInputComponent,
     ValidatedSelectComponent,
+    ValidatedQuillComponent,
   ],
   providers: [TitleCasePipe],
   templateUrl: './account.component.html',
@@ -83,6 +86,7 @@ export class AccountComponent {
     private messageService: MessageService,
     private sharedService: SharedService,
     private titleCasePipe: TitleCasePipe,
+    private validationMessagesService: ValidationMessagesService,
   ) {}
   async ngOnInit() {
     if (this.id) {
@@ -91,23 +95,7 @@ export class AccountComponent {
       const token = await this.keycloakService.getToken();
       const keycloakUser = map2User(token);
       const email = keycloakUser.email;
-      try {
-        this.user = await this.userService.getByMail(email);
-      } catch (e) {
-        this.user = {
-          id: undefined,
-          email,
-          firstname: keycloakUser.firstName,
-          lastname: keycloakUser.lastName,
-          areasServed: [],
-          licensedIn: [],
-          companyOverview: '',
-          offeredServices: '',
-          customerType: 'professional',
-          customerSubType: 'broker',
-        };
-        this.user = await this.userService.save(this.user);
-      }
+      this.user = await this.userService.getByMail(email);
     }
 
     this.userSubscriptions = await lastValueFrom(this.subscriptionService.getAllSubscriptions(this.user.id));
@@ -135,8 +123,20 @@ export class AccountComponent {
       this.imageService.deleteLogoImagesByMail(this.user.email);
       this.imageService.deleteProfileImagesByMail(this.user.email);
     }
-    await this.userService.save(this.user);
-    this.messageService.addMessage({ severity: 'success', text: 'Account changes have been persisted', duration: 3000 });
+    try {
+      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
+    } catch (error) {
+      this.messageService.addMessage({
+        severity: 'danger',
+        text: 'An error occurred while saving the profile',
+        duration: 5000,
+      });
+      if (error.error && Array.isArray(error.error?.message)) {
+        this.validationMessagesService.updateMessages(error.error.message);
+      }
+    }
   }
 
   onUploadCompanyLogo(event: any) {
@@ -214,4 +214,7 @@ export class AccountComponent {
     const message = this.validationMessages.find(msg => msg.field === fieldName);
     return message ? message.message : '';
   }
+  test(value) {
+    console.log(`--->${value}`);
+  }
 }