cleanup + Property images

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