Update Angular 18, ng-select, quill editor, ngx-currency, Umbau business-detail, edit-business, commercial-lsitings, remove ng-prime

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

@@ -3,9 +3,6 @@ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
 import { KeycloakService } from 'keycloak-angular';
 import onChange from 'on-change';
-import { MessageService } from 'primeng/api';
-import { GalleriaModule } from 'primeng/galleria';
-import { InputMaskModule } from 'primeng/inputmask';
 import { lastValueFrom } from 'rxjs';
 import { BusinessListing, User } from '../../../../../../bizmatch-server/src/models/db.model';
 import { KeycloakUser, ListingCriteria, MailInfo } from '../../../../../../bizmatch-server/src/models/main.model';
@@ -20,8 +17,8 @@ import { getCriteriaStateObject, getSessionStorageHandler, map2User } from '../.
 @Component({
   selector: 'app-details-business-listing',
   standalone: true,
-  imports: [SharedModule, GalleriaModule, InputMaskModule],
-  providers: [MessageService],
+  imports: [SharedModule],
+  providers: [],
   templateUrl: './details-business-listing.component.html',
   styleUrl: './details-business-listing.component.scss',
 })
@@ -63,7 +60,6 @@ export class DetailsBusinessListingComponent {
     private userService: UserService,
     public selectOptions: SelectOptionsService,
     private mailService: MailService,
-    private messageService: MessageService,
     private sanitizer: DomSanitizer,
     public historyService: HistoryService,
     public keycloakService: KeycloakService,
@@ -97,7 +93,7 @@ export class DetailsBusinessListingComponent {
     this.mailinfo.userId = this.listing.userId;
     this.mailinfo.listing = this.listing;
     await this.mailService.mail(this.mailinfo);
-    this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Your message has been sent to the creator of the listing', life: 3000 });
+    // this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Your message has been sent to the creator of the listing', life: 3000 });
   }
   get listingDetails() {
     let typeOfRealEstate = '';

bizmatch/src/app/pages/details/details-commercial-property-listing/details-commercial-property-listing.component.html

@@ -1,14 +1,12 @@
-<div class="surface-ground h-full">
+<!-- <div class="surface-ground h-full">
   <div class="px-6 py-5">
     <div class="surface-card p-4 shadow-2 border-round">
       <div class="flex justify-content-between align-items-center align-content-center mb-2">
         <div class="font-medium text-3xl text-900 mb-3">{{ listing?.title }}</div>
-        <!-- <button pButton pRipple type="button" label="Go back to listings" icon="pi pi-user-plus" class="mr-3 p-button-rounded"></button> -->
         @if(historyService.canGoBack){
         <p-button icon="pi pi-times" [rounded]="true" severity="danger" (click)="historyService.goBack()"></p-button>
         }
       </div>
-      <!-- <div class="text-500 mb-5">Egestas sed tempus urna et pharetra pharetra massa massa ultricies.</div> -->
       @if(listing){
       <div class="grid">
         <div class="col-12 md:col-6">
@@ -69,7 +67,6 @@
               </div>
               <div class="field mb-4 col-12 md:col-6">
                 <label for="phoneNumber" class="font-medium text-900">Phone Number</label>
-                <!-- <input id="phoneNumber" type="text" pInputText [(ngModel)]="mailinfo.sender.phoneNumber" /> -->
                 <p-inputMask mask="(999) 999-9999" placeholder="(123) 456-7890" [(ngModel)]="mailinfo.sender.phoneNumber"></p-inputMask>
               </div>
               <div class="field mb-4 col-12 md:col-6">
@@ -98,4 +95,4 @@
       }
     </div>
   </div>
-</div>
+</div> -->

bizmatch/src/app/pages/details/details-commercial-property-listing/details-commercial-property-listing.component.ts

@@ -3,9 +3,6 @@ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { ActivatedRoute, Router } from '@angular/router';
 import { KeycloakService } from 'keycloak-angular';
 import onChange from 'on-change';
-import { MessageService } from 'primeng/api';
-import { GalleriaModule } from 'primeng/galleria';
-import { InputMaskModule } from 'primeng/inputmask';
 import { lastValueFrom } from 'rxjs';
 import { CommercialPropertyListing, User } from '../../../../../../bizmatch-server/src/models/db.model';
 import { ErrorResponse, KeycloakUser, ListingCriteria, MailInfo } from '../../../../../../bizmatch-server/src/models/main.model';
@@ -22,8 +19,8 @@ import { getCriteriaStateObject, getSessionStorageHandler, map2User } from '../.
 @Component({
   selector: 'app-details-commercial-property-listing',
   standalone: true,
-  imports: [SharedModule, GalleriaModule, InputMaskModule],
-  providers: [MessageService],
+  imports: [SharedModule],
+  providers: [],
   templateUrl: './details-commercial-property-listing.component.html',
   styleUrl: './details-commercial-property-listing.component.scss',
 })
@@ -64,7 +61,6 @@ export class DetailsCommercialPropertyListingComponent {
     private userService: UserService,
     public selectOptions: SelectOptionsService,
     private mailService: MailService,
-    private messageService: MessageService,
     private sanitizer: DomSanitizer,
     public historyService: HistoryService,
     public keycloakService: KeycloakService,
@@ -98,7 +94,7 @@ export class DetailsCommercialPropertyListingComponent {
       this.errorResponse = result as ErrorResponse;
     } else {
       this.errorResponse = null;
-      this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Your message has been sent to the creator of the listing', life: 3000 });
+      // this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Your message has been sent to the creator of the listing', life: 3000 });
     }
   }
   containsError(fieldname: string) {

bizmatch/src/app/pages/details/details-user/details-user.component.html

@@ -1,4 +1,4 @@
-<div class="surface-ground h-full">
+<!-- <div class="surface-ground h-full">
   <div class="px-6 py-5">
     @if (user){
     <div class="surface-card p-4 shadow-2 border-round">
@@ -22,20 +22,12 @@
                   <span class="font-medium text-500">For Sale</span>
                   <div class="text-700 mt-2">{{ businessListings?.length + commercialPropListings?.length }}</div>
                 </div>
-                <!-- <div class="mr-5 mt-3">
-                  <span class="font-medium text-500">Sold</span>
-                  <div class="text-700 mt-2">8</div>
-                </div> -->
                 <div class="flex align-items-center mt-3">
-                  <!-- <span class="font-medium text-500">Logo</span> -->
                   <div>
                     @if(user.hasCompanyLogo){
                     <img src="{{ env.imageBaseUrl }}/pictures/logo/{{ emailToDirName(user.email) }}.avif?_ts={{ ts }}" class="mr-5 lg:mb-0" style="max-height: 60px; max-width: 100px" />
                     }
-                    <!-- <img *ngIf="!user.hasCompanyLogo" src="assets/images/placeholder.png"
-                                            class="mr-5 lg:mb-0" style="height:60px;max-width:100px" /> -->
                   </div>
-                  <!-- <div class="text-700 mt-2">130</div> -->
                 </div>
               </div>
             </div>
@@ -77,9 +69,6 @@
                 @for (area of user.areasServed; track area) {
                 <p-tag styleClass="mr-2" value="{{ area.county }}-{{ area.state }}" [rounded]="true"></p-tag>
                 }
-                <!-- <p-tag styleClass="mr-2" severity="success" value="Javascript" [rounded]="true"></p-tag>
-                                <p-tag styleClass="mr-2" severity="danger" value="Python" [rounded]="true"></p-tag>
-                                <p-tag severity="warning" value="SQL" [rounded]="true"></p-tag> -->
               </div>
             </li>
             <li class="flex align-items-center py-3 px-2 flex-wrap">
@@ -144,4 +133,4 @@
     </div>
     }
   </div>
-</div>
+</div> -->

bizmatch/src/app/pages/details/details-user/details-user.component.ts

@@ -2,8 +2,6 @@ import { Component } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { ActivatedRoute, Router } from '@angular/router';
 import { KeycloakService } from 'keycloak-angular';
-import { MessageService } from 'primeng/api';
-import { GalleriaModule } from 'primeng/galleria';
 import { Observable } from 'rxjs';
 import { BusinessListing, CommercialPropertyListing, User } from '../../../../../../bizmatch-server/src/models/db.model';
 import { KeycloakUser, ListingCriteria, emailToDirName } from '../../../../../../bizmatch-server/src/models/main.model';
@@ -19,8 +17,7 @@ import { formatPhoneNumber, map2User } from '../../../utils/utils';
 @Component({
   selector: 'app-details-user',
   standalone: true,
-  imports: [SharedModule, GalleriaModule],
-  providers: [MessageService],
+  imports: [SharedModule],
   templateUrl: './details-user.component.html',
   styleUrl: './details-user.component.scss',
 })
@@ -44,7 +41,7 @@ export class DetailsUserComponent {
     private router: Router,
     private userService: UserService,
     private listingsService: ListingsService,
-    private messageService: MessageService,
+
     public selectOptions: SelectOptionsService,
     private sanitizer: DomSanitizer,
     private imageService: ImageService,