117 lines
4.8 KiB
TypeScript
117 lines
4.8 KiB
TypeScript
import { ChangeDetectorRef, Component } from '@angular/core';
|
|
import { CommercialPropertyListing, User } from '../../../../../../bizmatch-server/src/models/db.model';
|
|
import { ListingType } from '../../../../../../bizmatch-server/src/models/main.model';
|
|
import { ConfirmationComponent } from '../../../components/confirmation/confirmation.component';
|
|
import { ConfirmationService } from '../../../components/confirmation/confirmation.service';
|
|
import { MessageComponent } from '../../../components/message/message.component';
|
|
import { MessageService } from '../../../components/message/message.service';
|
|
import { AuthService } from '../../../services/auth.service';
|
|
import { ListingsService } from '../../../services/listings.service';
|
|
import { SelectOptionsService } from '../../../services/select-options.service';
|
|
import { UserService } from '../../../services/user.service';
|
|
import { SharedModule } from '../../../shared/shared/shared.module';
|
|
import { map2User } from '../../../utils/utils';
|
|
|
|
@Component({
|
|
selector: 'app-my-listing',
|
|
standalone: true,
|
|
imports: [SharedModule, ConfirmationComponent],
|
|
providers: [],
|
|
templateUrl: './my-listing.component.html',
|
|
styleUrl: './my-listing.component.scss',
|
|
})
|
|
export class MyListingComponent {
|
|
// Vollständige, ungefilterte Daten
|
|
listings: Array<ListingType> = [];
|
|
// Aktuell angezeigte (gefilterte) Daten
|
|
myListings: Array<ListingType> = [];
|
|
|
|
user: User;
|
|
|
|
// VERY small filter state
|
|
filters = {
|
|
title: '',
|
|
internalListingNumber: '',
|
|
location: '',
|
|
status: '' as '' | 'published' | 'draft',
|
|
category: '' as '' | 'business' | 'commercialProperty', // <── NEU
|
|
};
|
|
|
|
constructor(
|
|
public userService: UserService,
|
|
private listingsService: ListingsService,
|
|
private cdRef: ChangeDetectorRef,
|
|
public selectOptions: SelectOptionsService,
|
|
private messageService: MessageService,
|
|
private confirmationService: ConfirmationService,
|
|
private authService: AuthService,
|
|
) { }
|
|
|
|
async ngOnInit() {
|
|
const token = await this.authService.getToken();
|
|
const keycloakUser = map2User(token);
|
|
const email = keycloakUser.email;
|
|
this.user = await this.userService.getByMail(email);
|
|
|
|
const result = await Promise.all([this.listingsService.getListingsByEmail(this.user.email, 'business'), this.listingsService.getListingsByEmail(this.user.email, 'commercialProperty')]);
|
|
|
|
this.listings = [...result[0], ...result[1]];
|
|
this.myListings = this.listings;
|
|
}
|
|
private normalize(s: string | undefined | null): string {
|
|
return (s ?? '')
|
|
.toLowerCase()
|
|
.replace(/[^a-z0-9]+/g, ' ') // Kommas, Bindestriche etc. neutralisieren
|
|
.trim()
|
|
.replace(/\s+/g, ' '); // Mehrfach-Spaces zu einem Space
|
|
}
|
|
applyFilters() {
|
|
const titleQ = this.normalize(this.filters.title);
|
|
const locQ = this.normalize(this.filters.location);
|
|
const intQ = this.normalize(this.filters.internalListingNumber);
|
|
const catQ = this.filters.category; // <── NEU
|
|
const status = this.filters.status;
|
|
|
|
this.myListings = this.listings.filter(l => {
|
|
const okTitle = !titleQ || this.normalize(l.title).includes(titleQ);
|
|
|
|
const locStr = this.normalize(`${l.location?.name ? l.location.name : l.location?.county} ${l.location?.state}`);
|
|
const okLoc = !locQ || locStr.includes(locQ);
|
|
|
|
const ilnStr = this.normalize((l as any).internalListingNumber?.toString());
|
|
const okInt = !intQ || ilnStr.includes(intQ);
|
|
|
|
const okCat = !catQ || l.listingsCategory === catQ; // <── NEU
|
|
|
|
const isDraft = !!(l as any).draft;
|
|
const okStatus = !status || (status === 'published' && !isDraft) || (status === 'draft' && isDraft);
|
|
|
|
return okTitle && okLoc && okInt && okCat && okStatus; // <── NEU
|
|
});
|
|
}
|
|
|
|
clearFilters() {
|
|
this.filters = { title: '', internalListingNumber: '', location: '', status: '', category: '' };
|
|
this.myListings = this.listings;
|
|
}
|
|
|
|
async deleteListing(listing: ListingType) {
|
|
if (listing.listingsCategory === 'business') {
|
|
await this.listingsService.deleteBusinessListing(listing.id);
|
|
} else {
|
|
await this.listingsService.deleteCommercialPropertyListing(listing.id, (listing as CommercialPropertyListing).imagePath);
|
|
}
|
|
const result = await Promise.all([this.listingsService.getListingsByEmail(this.user.email, 'business'), this.listingsService.getListingsByEmail(this.user.email, 'commercialProperty')]);
|
|
this.listings = [...result[0], ...result[1]];
|
|
this.applyFilters(); // Filter beibehalten nach Löschen
|
|
}
|
|
|
|
async confirm(listing: ListingType) {
|
|
const confirmed = await this.confirmationService.showConfirmation({ message: `Are you sure you want to delete this listing?` });
|
|
if (confirmed) {
|
|
// this.messageService.showMessage('Listing has been deleted');
|
|
this.deleteListing(listing);
|
|
}
|
|
}
|
|
}
|