initial release

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

@@ -0,0 +1,77 @@
+import { Component } from '@angular/core';
+import { ButtonModule } from 'primeng/button';
+import { CheckboxModule } from 'primeng/checkbox';
+import { InputTextModule } from 'primeng/inputtext';
+import { StyleClassModule } from 'primeng/styleclass';
+import { BusinessListing, InvestmentsListing, Invoice, KeyValue, ProfessionalsBrokersListing, User } from '../../../models/main.model';
+import { SelectOptionsService } from '../../../services/select-options.service';
+import { DropdownModule } from 'primeng/dropdown';
+import { FormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { ToggleButtonModule } from 'primeng/togglebutton';
+import { TagModule } from 'primeng/tag';
+import data from '../../../../assets/data/user.json';
+import dataListings from '../../../../assets/data/listings.json';
+import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
+import { InputTextareaModule } from 'primeng/inputtextarea';
+import { ChipModule } from 'primeng/chip';
+import { MenuAccountComponent } from '../../menu-account/menu-account.component';
+import { DividerModule } from 'primeng/divider';
+import { TableModule } from 'primeng/table';
+import { createGenericObject } from '../../../utils/utils';
+import { ListingsService } from '../../../services/listings.service';
+import { lastValueFrom } from 'rxjs';
+import { InputNumberModule } from 'primeng/inputnumber';
+import { ArrayToStringPipe } from '../../../pipes/array-to-string.pipe';
+import { UserService } from '../../../services/user.service';
+import { SharedModule } from '../../../shared/shared/shared.module';
+import { MessageService } from 'primeng/api';
+@Component({
+  selector: 'create-listing',
+  standalone: true,
+  imports: [SharedModule,ArrayToStringPipe],
+  providers:[MessageService],
+  templateUrl: './edit-listing.component.html',
+  styleUrl: './edit-listing.component.scss'
+})
+export class EditListingComponent {
+  listingCategory:'Business'|'Professionals/Brokers Directory'|'Investment Property';
+  category:string;
+  location:string;
+  mode:'edit'|'create';
+  separator:'\n\n'
+  listing:BusinessListing|ProfessionalsBrokersListing|InvestmentsListing = createGenericObject<BusinessListing>();
+  private id: string | undefined = this.activatedRoute.snapshot.params['id'] as string | undefined;
+  user:User;
+  constructor(public selectOptions:SelectOptionsService,private router: Router,private activatedRoute: ActivatedRoute,private listingsService:ListingsService,public userService: UserService,private messageService: MessageService){
+    this.user=this.userService.getUser();
+    // Abonniere Router-Events, um den aktiven Link zu ermitteln
+    this.router.events.subscribe(event => {
+      if (event instanceof NavigationEnd) {
+        this.mode = event.url==='/createListing'?'create':'edit';
+      }
+    });
+
+  }
+  async ngOnInit(){
+    if (this.mode==='edit'){
+      this.listing=await lastValueFrom(this.listingsService.getListingById(this.id));   
+    } else {
+      this.listing=createGenericObject<BusinessListing>();
+      this.listing.userId=this.user.id
+      this.listing.listingsCategory='business';
+    }    
+  }
+  updateSummary(value: string): void {
+    const lines = value.split('\n');
+    (<BusinessListing>this.listing).summary = lines.filter(l=>l.trim().length>0);
+  }
+  async update(id:string){
+    await this.listingsService.update(this.listing,this.listing.id);
+    this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Listing has been updated', life: 3000 });
+  }
+  async create(){
+    await this.listingsService.create(this.listing);
+    this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Listing has been created', life: 3000 });
+  }
+}