Bug Fixing overall

bizmatch/src/app/pages/listings/broker-listings/broker-listings.component.html

@@ -5,8 +5,14 @@
       <div class="col-2">
         <p-dropdown [options]="states" [(ngModel)]="criteria.state" optionLabel="name" optionValue="value" [showClear]="true" placeholder="Location" [style]="{ width: '100%' }"></p-dropdown>
       </div>
-      <div class="col-1 col-offset-9">
-        <p-button label="Refine" (click)="search()"></p-button>
+      <div class="col-2">
+        <p-inputGroup>
+          <input id="name" type="text" pInputText [(ngModel)]="criteria.name" placeholder="Name" />
+          <button type="button" pButton icon="pi pi-times" class="p-button-danger" (click)="reset()"></button>
+        </p-inputGroup>
+      </div>
+      <div class="col-1 col-offset-7">
+        <p-button label="Refine" (click)="refine()"></p-button>
       </div>
     </div>
   </div>
@@ -14,13 +20,13 @@
 <div class="surface-200 h-full">
   <div class="wrapper">
     <div class="grid">
-      @for (user of users; track user.id) {
-      <div class="col-12 lg:col-6 xl:col-4 p-4 flex flex-column flex-grow-1">
+      @for (user of users; track user) {
+      <div class="col-12 lg:col-6 xl:col-4 p-4 flex flex-column">
         <div class="surface-card shadow-2 p-2 flex flex-column flex-grow-1 justify-content-between" style="border-radius: 10px">
           <div class="surface-card p-4 flex flex-column align-items-center md:flex-row md:align-items-stretch h-full">
             <span>
               @if(user.hasProfile){
-              <img src="{{ environment.apiBaseUrl }}/profile/{{ user.id }}.avif?_ts={{ ts }}" class="w-5rem" />
+              <img src="profile/{{ user.id }}.avif" class="w-5rem" />
               } @else {
               <img src="assets/images/person_placeholder.jpg" class="w-5rem" />
               }
@@ -33,7 +39,7 @@
           </div>
           <div class="px-4 py-3 text-right flex justify-content-between align-items-center">
             @if(user.hasCompanyLogo){
-            <img src="{{ environment.apiBaseUrl }}/logo/{{ user.id }}.avif" class="rounded-image" />
+            <img src="logo/{{ user.id }}.avif" class="rounded-image" />
             } @else {
             <img src="assets/images/placeholder.png" class="rounded-image" />
             }

bizmatch/src/app/pages/listings/broker-listings/broker-listings.component.ts

@@ -6,6 +6,7 @@ import onChange from 'on-change';
 import { ButtonModule } from 'primeng/button';
 import { CheckboxModule } from 'primeng/checkbox';
 import { DropdownModule } from 'primeng/dropdown';
+import { InputGroupModule } from 'primeng/inputgroup';
 import { InputTextModule } from 'primeng/inputtext';
 import { PaginatorModule } from 'primeng/paginator';
 import { StyleClassModule } from 'primeng/styleclass';
@@ -22,7 +23,7 @@ import { createGenericObject, getCriteriaStateObject, getSessionStorageHandler }
 @Component({
   selector: 'app-broker-listings',
   standalone: true,
-  imports: [CommonModule, StyleClassModule, ButtonModule, CheckboxModule, InputTextModule, DropdownModule, FormsModule, StyleClassModule, ToggleButtonModule, RouterModule, PaginatorModule],
+  imports: [CommonModule, StyleClassModule, ButtonModule, CheckboxModule, InputTextModule, DropdownModule, FormsModule, StyleClassModule, ToggleButtonModule, RouterModule, PaginatorModule, InputGroupModule],
   templateUrl: './broker-listings.component.html',
   styleUrl: './broker-listings.component.scss',
 })
@@ -33,7 +34,6 @@ export class BrokerListingsComponent {
   filteredListings: Array<ListingType>;
   criteria: ListingCriteria;
   realEstateChecked: boolean;
-  // category: string;
   maxPrice: string;
   minPrice: string;
   type: string;
@@ -56,12 +56,12 @@ export class BrokerListingsComponent {
     private imageService: ImageService,
   ) {
     this.criteria = onChange(getCriteriaStateObject(), getSessionStorageHandler);
+    this.criteria.type = undefined;
     this.router.getCurrentNavigation();
     this.activatedRoute.snapshot;
     this.activatedRoute.params.subscribe(params => {
       if (this.activatedRoute.snapshot.fragment === '') {
         this.criteria = onChange(createGenericObject<ListingCriteria>(), getSessionStorageHandler);
-        this.first = 0;
       }
       this.init();
     });
@@ -73,16 +73,15 @@ export class BrokerListingsComponent {
   async init() {
     this.search();
   }
+  refine() {
+    this.criteria.start = 0;
+    this.criteria.page = 0;
+    this.search();
+  }
   async search() {
     const usersReponse = await this.userService.search(this.criteria);
     this.users = usersReponse.data;
     this.totalRecords = usersReponse.total;
-    const profiles = await this.imageService.getProfileImagesForUsers(this.users.map(u => u.id));
-    const logos = await this.imageService.getCompanyLogosForUsers(this.users.map(u => u.id));
-    this.users.forEach(u => {
-      u.hasProfile = profiles[u.id];
-      u.hasCompanyLogo = logos[u.id];
-    });
     this.cdRef.markForCheck();
     this.cdRef.detectChanges();
   }
@@ -93,7 +92,7 @@ export class BrokerListingsComponent {
     this.criteria.pageCount = event.pageCount;
     this.search();
   }
-  imageErrorHandler(listing: ListingType) {
-    // listing.hideImage = true; // Bild ausblenden, wenn es nicht geladen werden kann
+  reset() {
+    this.criteria.name = '';
   }
 }