initial release

bizmatch/src/app/pages/subscription/my-listing/my-listing.component.ts

@@ -0,0 +1,49 @@
+import { ChangeDetectorRef, Component } from '@angular/core';
+import { MenuAccountComponent } from '../../menu-account/menu-account.component';
+import dataListings from '../../../../assets/data/listings.json';
+import { BusinessListing, ListingType, User } from '../../../models/main.model';
+import { SharedModule } from '../../../shared/shared/shared.module';
+import { UserService } from '../../../services/user.service';
+import { ListingsService } from '../../../services/listings.service';
+import { lastValueFrom } from 'rxjs';
+import { SelectOptionsService } from '../../../services/select-options.service';
+import { ConfirmationService, MessageService } from 'primeng/api';
+@Component({
+  selector: 'app-my-listing',
+  standalone: true,
+  imports: [MenuAccountComponent, SharedModule],
+  providers:[ConfirmationService,MessageService],
+  templateUrl: './my-listing.component.html',
+  styleUrl: './my-listing.component.scss'
+})
+export class MyListingComponent {
+  user: User;
+  listings: Array<BusinessListing> //dataListings as unknown as Array<BusinessListing>;
+  myListings: Array<BusinessListing>
+  constructor(public userService: UserService,private listingsService:ListingsService, private cdRef:ChangeDetectorRef,public selectOptions:SelectOptionsService,private confirmationService: ConfirmationService,private messageService: MessageService){
+			this.user=this.userService.getUser();
+      
+  }
+  async ngOnInit(){
+    this.listings=await lastValueFrom(this.listingsService.getAllListings());   
+    this.myListings=this.listings.filter(l=>l.userId===this.user.id);
+  }
+  
+  async deleteListing(listing:ListingType){
+    await this.listingsService.deleteListing(listing.id);
+    this.listings=await lastValueFrom(this.listingsService.getAllListings());   
+    this.myListings=this.listings.filter(l=>l.userId===this.user.id);
+  }
+
+  confirm(event: Event,listing:ListingType) {
+    this.confirmationService.confirm({
+        target: event.target as EventTarget,
+        message: 'Are you sure you want to delet this listing?',
+        icon: 'pi pi-exclamation-triangle',
+        accept: () => {
+            this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Listing has been deleted', life: 3000 });
+            this.deleteListing(listing);
+        }
+    });
+}
+}