cleanup + Property images

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

@@ -2,7 +2,10 @@
 <div class="search">
   <div class="wrapper">
     <div class="grid p-4 align-items-center">
-      <div class="col-1 col-offset-7">
+      <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>
     </div>
@@ -41,7 +44,7 @@
       }
     </div>
     <div class="mb-2 surface-200 flex align-items-center justify-content-center">
-      <div class="mx-1 text-color">Total number of Listings: {{ totalRecords }}</div>
+      <div class="mx-1 text-color">Total number of Professionals/Brokers: {{ totalRecords }}</div>
       <p-paginator (onPageChange)="onPageChange($event)" [first]="first" [rows]="rows" [totalRecords]="totalRecords" [rowsPerPageOptions]="[12, 24, 48]"></p-paginator>
     </div>
   </div>

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

@@ -66,11 +66,17 @@ export class BrokerListingsComponent {
       this.init();
     });
   }
-  async ngOnInit() {}
+  async ngOnInit() {
+    const statesResult = await this.listingsService.getAllStates('business');
+    this.states = statesResult.map(s => s.state).map(ls => ({ name: this.selectOptions.getState(ls as string), value: ls }));
+  }
   async init() {
-    this.listings = [];
-    this.filteredListings = [];
-    this.users = await this.userService.search(this.criteria);
+    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 => {
@@ -80,28 +86,12 @@ export class BrokerListingsComponent {
     this.cdRef.markForCheck();
     this.cdRef.detectChanges();
   }
-  setStates() {
-    this.statesSet = new Set();
-    this.listings.forEach(l => {
-      if (l.state) {
-        this.statesSet.add(l.state);
-      }
-    });
-    this.states = [...this.statesSet].map(ls => ({ name: this.selectOptions.getState(ls as string), value: ls }));
-  }
-  async search() {
-    this.listings = await this.listingsService.getListings(this.criteria, 'professionals_brokers');
-    this.setStates();
-    this.totalRecords = this.listings.length;
-    this.filteredListings = [...this.listings].splice(this.first, this.rows);
-    this.cdRef.markForCheck();
-    this.cdRef.detectChanges();
-  }
   onPageChange(event: any) {
     this.criteria.start = event.first;
     this.criteria.length = event.rows;
     this.criteria.page = event.page;
     this.criteria.pageCount = event.pageCount;
+    this.search();
   }
   imageErrorHandler(listing: ListingType) {
     // listing.hideImage = true; // Bild ausblenden, wenn es nicht geladen werden kann