Fix business filtering logic and add docker sync guide

2026-01-12 13:58:45 +01:00
parent 4f8fd77f7d
commit adeefb199c
21 changed files with 538 additions and 69 deletions
--- a/bizmatch/src/app/pages/listings/broker-listings/broker-listings.component.html
+++ b/bizmatch/src/app/pages/listings/broker-listings/broker-listings.component.html
@@ -34,7 +34,22 @@
        <!-- Professional Cards -->
        @for (user of users; track user) {
        <div
-          class="bg-white rounded-lg drop-shadow-custom-bg-mobile md:drop-shadow-custom-bg p-6 flex flex-col justify-between hover:shadow-2xl transition-all duration-300 hover:scale-[1.02]">
+          class="bg-white rounded-lg drop-shadow-custom-bg-mobile md:drop-shadow-custom-bg p-6 flex flex-col justify-between hover:shadow-2xl transition-all duration-300 hover:scale-[1.02] group relative">
+          <!-- Quick Actions Overlay -->
+          <div class="absolute top-4 right-4 flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 z-20">
+            @if(currentUser) {
+            <button class="bg-white rounded-full p-2 shadow-lg transition-colors"
+              [class.bg-red-50]="isFavorite(user)"
+              [title]="isFavorite(user) ? 'Remove from favorites' : 'Save to favorites'"
+              (click)="toggleFavorite($event, user)">
+              <i [class]="isFavorite(user) ? 'fas fa-heart text-red-500' : 'far fa-heart text-red-500 hover:scale-110 transition-transform'"></i>
+            </button>
+            }
+            <button type="button" class="bg-white rounded-full p-2 shadow-lg hover:bg-blue-50 transition-colors"
+              title="Share professional" (click)="shareProfessional($event, user)">
+              <i class="fas fa-share-alt text-blue-500 hover:scale-110 transition-transform"></i>
+            </button>
+          </div>
          <div class="flex items-start space-x-4">
            @if(user.hasProfile){
            <img src="{{ env.imageBaseUrl }}/pictures/profile/{{ emailToDirName(user.email) }}.avif?_ts={{ ts }}"
--- a/bizmatch/src/app/pages/listings/broker-listings/broker-listings.component.ts
+++ b/bizmatch/src/app/pages/listings/broker-listings/broker-listings.component.ts
@@ -5,7 +5,7 @@ import { ActivatedRoute, Router, RouterModule } from '@angular/router';
 import { UntilDestroy } from '@ngneat/until-destroy';
 import { Subject, takeUntil } from 'rxjs';
 import { BusinessListing, SortByOptions, User } from '../../../../../../bizmatch-server/src/models/db.model';
-import { LISTINGS_PER_PAGE, ListingType, UserListingCriteria, emailToDirName } from '../../../../../../bizmatch-server/src/models/main.model';
+import { LISTINGS_PER_PAGE, ListingType, UserListingCriteria, emailToDirName, KeycloakUser } from '../../../../../../bizmatch-server/src/models/main.model';
 import { environment } from '../../../../environments/environment';
 import { BreadcrumbItem, BreadcrumbsComponent } from '../../../components/breadcrumbs/breadcrumbs.component';
 import { CustomerSubTypeComponent } from '../../../components/customer-sub-type/customer-sub-type.component';
@@ -20,7 +20,8 @@ import { ListingsService } from '../../../services/listings.service';
 import { SearchService } from '../../../services/search.service';
 import { SelectOptionsService } from '../../../services/select-options.service';
 import { UserService } from '../../../services/user.service';
-import { assignProperties, resetUserListingCriteria } from '../../../utils/utils';
+import { AuthService } from '../../../services/auth.service';
+import { assignProperties, resetUserListingCriteria, map2User } from '../../../utils/utils';
@UntilDestroy()
@Component({
  selector: 'app-broker-listings',
@@ -56,6 +57,7 @@ export class BrokerListingsComponent implements OnInit, OnDestroy {
  page = 1;
  pageCount = 1;
  sortBy: SortByOptions = null; // Neu: Separate Property
+  currentUser: KeycloakUser | null = null; // Current logged-in user
  constructor(
    public altText: AltTextService,
    public selectOptions: SelectOptionsService,
@@ -70,6 +72,7 @@ export class BrokerListingsComponent implements OnInit, OnDestroy {
    private modalService: ModalService,
    private criteriaChangeService: CriteriaChangeService,
    private filterStateService: FilterStateService,
+    private authService: AuthService,
  ) {
    this.loadSortBy();
  }
@@ -77,7 +80,11 @@ export class BrokerListingsComponent implements OnInit, OnDestroy {
    const storedSortBy = sessionStorage.getItem('professionalsSortBy');
    this.sortBy = storedSortBy && storedSortBy !== 'null' ? (storedSortBy as SortByOptions) : null;
  }
-  ngOnInit(): void {
+  async ngOnInit(): Promise<void> {
+    // Get current logged-in user
+    const token = await this.authService.getToken();
+    this.currentUser = map2User(token);
+
    // Subscribe to FilterStateService for criteria changes
    this.filterStateService
      .getState$('brokerListings')
@@ -144,4 +151,86 @@ export class BrokerListingsComponent implements OnInit, OnDestroy {
      this.criteria = assignProperties(this.criteria, modalResult.criteria);
    }
  }
+
+  /**
+   * Check if professional/user is already in current user's favorites
+   */
+  isFavorite(professional: User): boolean {
+    if (!this.currentUser?.email || !professional.favoritesForUser) return false;
+    return professional.favoritesForUser.includes(this.currentUser.email);
+  }
+
+  /**
+   * Toggle favorite status for a professional
+   */
+  async toggleFavorite(event: Event, professional: User): Promise<void> {
+    event.stopPropagation();
+    event.preventDefault();
+
+    if (!this.currentUser?.email) {
+      // User not logged in - redirect to login
+      this.router.navigate(['/login']);
+      return;
+    }
+
+    try {
+      if (this.isFavorite(professional)) {
+        // Remove from favorites
+        await this.listingsService.removeFavorite(professional.id, 'user');
+        professional.favoritesForUser = professional.favoritesForUser.filter(
+          email => email !== this.currentUser!.email
+        );
+      } else {
+        // Add to favorites
+        await this.listingsService.addToFavorites(professional.id, 'user');
+        if (!professional.favoritesForUser) {
+          professional.favoritesForUser = [];
+        }
+        professional.favoritesForUser.push(this.currentUser.email);
+      }
+      this.cdRef.detectChanges();
+    } catch (error) {
+      console.error('Error toggling favorite:', error);
+    }
+  }
+
+  /**
+   * Share professional profile
+   */
+  async shareProfessional(event: Event, user: User): Promise<void> {
+    event.stopPropagation();
+    event.preventDefault();
+
+    const url = `${window.location.origin}/details-user/${user.id}`;
+    const title = `${user.firstname} ${user.lastname} - ${user.companyName}`;
+
+    // Try native share API first (works on mobile and some desktop browsers)
+    if (navigator.share) {
+      try {
+        await navigator.share({
+          title: title,
+          text: `Check out this professional: ${title}`,
+          url: url,
+        });
+      } catch (err) {
+        // User cancelled or share failed - fall back to clipboard
+        this.copyToClipboard(url);
+      }
+    } else {
+      // Fallback: open Facebook share dialog
+      const encodedUrl = encodeURIComponent(url);
+      window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`, '_blank', 'width=600,height=400');
+    }
+  }
+
+  /**
+   * Copy URL to clipboard and show feedback
+   */
+  private copyToClipboard(url: string): void {
+    navigator.clipboard.writeText(url).then(() => {
+      console.log('Link copied to clipboard!');
+    }).catch(err => {
+      console.error('Failed to copy link:', err);
+    });
+  }
 }
--- a/bizmatch/src/app/pages/listings/commercial-property-listings/commercial-property-listings.component.html
+++ b/bizmatch/src/app/pages/listings/commercial-property-listings/commercial-property-listings.component.html
@@ -23,17 +23,23 @@
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        @for (listing of listings; track listing.id) {
        <div class="bg-white rounded-lg drop-shadow-custom-bg-mobile md:drop-shadow-custom-bg overflow-hidden flex flex-col h-full group relative">
-          <!-- Favorites Button -->
-          @if(user) {
-          <button
-            class="absolute top-4 right-4 z-10 bg-white rounded-full p-2 shadow-lg transition-colors opacity-0 group-hover:opacity-100"
-            [class.bg-red-50]="isFavorite(listing)"
-            [class.opacity-100]="isFavorite(listing)"
-            [title]="isFavorite(listing) ? 'Remove from favorites' : 'Save to favorites'"
-            (click)="toggleFavorite($event, listing)">
-            <i [class]="isFavorite(listing) ? 'fas fa-heart text-red-500' : 'far fa-heart text-red-500 hover:scale-110 transition-transform'"></i>
-          </button>
-          }
+          <!-- Quick Actions Overlay -->
+          <div class="absolute top-4 right-4 z-10 flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200">
+            @if(user) {
+            <button
+              class="bg-white rounded-full p-2 shadow-lg transition-colors"
+              [class.bg-red-50]="isFavorite(listing)"
+              [class.opacity-100]="isFavorite(listing)"
+              [title]="isFavorite(listing) ? 'Remove from favorites' : 'Save to favorites'"
+              (click)="toggleFavorite($event, listing)">
+              <i [class]="isFavorite(listing) ? 'fas fa-heart text-red-500' : 'far fa-heart text-red-500 hover:scale-110 transition-transform'"></i>
+            </button>
+            }
+            <button type="button" class="bg-white rounded-full p-2 shadow-lg hover:bg-blue-50 transition-colors"
+              title="Share property" (click)="shareProperty($event, listing)">
+              <i class="fas fa-share-alt text-blue-500 hover:scale-110 transition-transform"></i>
+            </button>
+          </div>
          @if (listing.imageOrder?.length>0){
          <img [appLazyLoad]="env.imageBaseUrl + '/pictures/property/' + listing.imagePath + '/' + listing.serialId + '/' + listing.imageOrder[0]"
               [alt]="altText.generatePropertyListingAlt(listing)"
--- a/bizmatch/src/app/pages/listings/commercial-property-listings/commercial-property-listings.component.ts
+++ b/bizmatch/src/app/pages/listings/commercial-property-listings/commercial-property-listings.component.ts
@@ -258,4 +258,44 @@ export class CommercialPropertyListingsComponent implements OnInit, OnDestroy {
    });
    this.seoService.injectStructuredData(collectionSchema);
  }
+
+  /**
+   * Share property listing
+   */
+  async shareProperty(event: Event, listing: CommercialPropertyListing): Promise<void> {
+    event.stopPropagation();
+    event.preventDefault();
+
+    const url = `${window.location.origin}/commercial-property/${listing.slug || listing.id}`;
+    const title = listing.title || 'Commercial Property Listing';
+
+    // Try native share API first (works on mobile and some desktop browsers)
+    if (navigator.share) {
+      try {
+        await navigator.share({
+          title: title,
+          text: `Check out this property: ${title}`,
+          url: url,
+        });
+      } catch (err) {
+        // User cancelled or share failed - fall back to clipboard
+        this.copyToClipboard(url);
+      }
+    } else {
+      // Fallback: open Facebook share dialog
+      const encodedUrl = encodeURIComponent(url);
+      window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`, '_blank', 'width=600,height=400');
+    }
+  }
+
+  /**
+   * Copy URL to clipboard and show feedback
+   */
+  private copyToClipboard(url: string): void {
+    navigator.clipboard.writeText(url).then(() => {
+      console.log('Link copied to clipboard!');
+    }).catch(err => {
+      console.error('Failed to copy link:', err);
+    });
+  }
 }