Issue #55 View on map

bizmatch/src/app/pages/details/details-business-listing/details-business-listing.component.ts

@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
+import { LeafletModule } from '@bluehalo/ngx-leaflet';
 import { KeycloakService } from 'keycloak-angular';
 import { ShareButton } from 'ngx-sharebuttons/button';
 import { lastValueFrom } from 'rxjs';
@@ -22,15 +23,18 @@ import { SelectOptionsService } from '../../../services/select-options.service';
 import { UserService } from '../../../services/user.service';
 import { SharedModule } from '../../../shared/shared/shared.module';
 import { createMailInfo, map2User } from '../../../utils/utils';
+// Import für Leaflet
+// Benannte Importe für Leaflet
+import { BaseDetailsComponent } from '../base-details.component';
 @Component({
   selector: 'app-details-business-listing',
   standalone: true,
-  imports: [SharedModule, ValidatedInputComponent, ValidatedTextareaComponent, ShareButton, ValidatedNgSelectComponent],
+  imports: [SharedModule, ValidatedInputComponent, ValidatedTextareaComponent, ShareButton, ValidatedNgSelectComponent, LeafletModule],
   providers: [],
   templateUrl: './details-business-listing.component.html',
   styleUrl: '../details.scss',
 })
-export class DetailsBusinessListingComponent {
+export class DetailsBusinessListingComponent extends BaseDetailsComponent {
   // listings: Array<BusinessListing>;
   responsiveOptions = [
     {
@@ -50,7 +54,7 @@ export class DetailsBusinessListingComponent {
     },
   ];
   private id: string | undefined = this.activatedRoute.snapshot.params['id'] as string | undefined;
-  listing: BusinessListing;
+  override listing: BusinessListing;
   mailinfo: MailInfo;
   environment = environment;
   keycloakUser: KeycloakUser;
@@ -60,6 +64,7 @@ export class DetailsBusinessListingComponent {
   private history: string[] = [];
   ts = new Date().getTime();
   env = environment;
+
   constructor(
     private activatedRoute: ActivatedRoute,
     private listingsService: ListingsService,
@@ -76,12 +81,14 @@ export class DetailsBusinessListingComponent {
     public emailService: EMailService,
     private geoService: GeoService,
   ) {
+    super();
     this.router.events.subscribe(event => {
       if (event instanceof NavigationEnd) {
         this.history.push(event.urlAfterRedirects);
       }
     });
     this.mailinfo = { sender: {}, email: '', url: environment.mailinfoUrl };
+    // Initialisiere die Map-Optionen
   }
 
   async ngOnInit() {
@@ -96,11 +103,15 @@ export class DetailsBusinessListingComponent {
       this.auditService.createEvent(this.listing.id, 'view', this.user?.email);
       this.listingUser = await this.userService.getByMail(this.listing.email);
       this.description = this.sanitizer.bypassSecurityTrustHtml(this.listing.description);
+      if (this.listing.location.street) {
+        this.configureMap();
+      }
     } catch (error) {
       this.auditService.log({ severity: 'error', text: error.error.message });
       this.router.navigate(['notfound']);
     }
   }
+
   ngOnDestroy() {
     this.validationMessagesService.clearMessages(); // Löschen Sie alle bestehenden Validierungsnachrichten
   }
@@ -139,7 +150,7 @@ export class DetailsBusinessListingComponent {
     }
     const result = [
       { label: 'Category', value: this.selectOptions.getBusiness(this.listing.type) },
-      { label: 'Located in', value: `${this.listing.location.name}, ${this.selectOptions.getState(this.listing.location.state)}` },
+      { label: 'Located in', value: `${this.listing.location.name ? this.listing.location.name : this.listing.location.county}, ${this.selectOptions.getState(this.listing.location.state)}` },
       { label: 'Asking Price', value: `$${this.listing.price?.toLocaleString()}` },
       { label: 'Sales revenue', value: `$${this.listing.salesRevenue?.toLocaleString()}` },
       { label: 'Cash flow', value: `$${this.listing.cashFlow?.toLocaleString()}` },