history service, mail template improved, general listing entry

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

@@ -2,10 +2,6 @@
   <div class="px-6 py-5">
     @if (user){
     <div class="surface-card p-4 shadow-2 border-round">
-      <!-- <div class="flex justify-content-between align-items-center align-content-center">
-                <div class="font-medium text-3xl text-900 mb-3">{{listing?.title}}</div>
-                <p-button icon="pi pi-times" [rounded]="true" severity="danger" (click)="back()"></p-button>
-            </div> -->
       <div class="surface-section px-6 pt-5">
         <div class="flex align-items-start flex-column lg:flex-row lg:justify-content-between">
           <div class="flex align-items-start flex-column md:flex-row">
@@ -44,7 +40,9 @@
               </div>
             </div>
           </div>
-          <p-button icon="pi pi-times" [rounded]="true" severity="danger" (click)="back()"></p-button>
+          @if(historyService.canGoBack()){
+          <p-button icon="pi pi-times" [rounded]="true" severity="danger" (click)="historyService.goBack()"></p-button>
+          }
         </div>
         <p class="mt-2 text-700 line-height-3 text-l font-semibold">{{ user.description }}</p>
       </div>
@@ -123,7 +121,7 @@
                     <div class="p-3 border-1 surface-border border-round surface-card">
                       <div class="text-900 mb-2 flex align-items-center">
                         @if (listing.imageOrder?.length>0){
-                        <img src="pictures/property/{{ listing.imagePath }}/{{ listing.imageOrder[0] }}&_ts={{ ts }}" class="mr-3" style="width: 45px; height: 45px" />
+                        <img src="pictures/property/{{ listing.imagePath }}/{{ listing.imageOrder[0] }}?_ts={{ ts }}" class="mr-3" style="width: 45px; height: 45px" />
                         } @else {
                         <img src="assets/images/placeholder_properties.jpg" class="mr-3" style="width: 45px; height: 45px" />
                         }

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

@@ -1,4 +1,3 @@
-import { Location } from '@angular/common';
 import { Component } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -8,6 +7,7 @@ import { Observable } from 'rxjs';
 import { BusinessListing, CommercialPropertyListing, User } from '../../../../../../bizmatch-server/src/models/db.model';
 import { ListingCriteria } from '../../../../../../bizmatch-server/src/models/main.model';
 import { environment } from '../../../../environments/environment';
+import { HistoryService } from '../../../services/history.service';
 import { ImageService } from '../../../services/image.service';
 import { ListingsService } from '../../../services/listings.service';
 import { SelectOptionsService } from '../../../services/select-options.service';
@@ -42,7 +42,7 @@ export class DetailsUserComponent {
     public selectOptions: SelectOptionsService,
     private sanitizer: DomSanitizer,
     private imageService: ImageService,
-    private location: Location,
+    public historyService: HistoryService,
   ) {}
 
   async ngOnInit() {
@@ -56,9 +56,7 @@ export class DetailsUserComponent {
     this.companyOverview = this.sanitizer.bypassSecurityTrustHtml(this.user.companyOverview);
     this.offeredServices = this.sanitizer.bypassSecurityTrustHtml(this.user.offeredServices);
   }
-  back() {
-    this.location.back();
-  }
+
   isAdmin() {
     return this.userService.hasAdminRole();
   }