not-found page, #85, client logging

bizmatch/src/app/components/search-modal/search-modal.component.ts

@@ -10,6 +10,7 @@ import { ListingsService } from '../../services/listings.service';
 import { SelectOptionsService } from '../../services/select-options.service';
 import { UserService } from '../../services/user.service';
 import { SharedModule } from '../../shared/shared/shared.module';
+import { resetBusinessListingCriteria, resetCommercialPropertyListingCriteria, resetUserListingCriteria } from '../../utils/utils';
 import { ValidatedCityComponent } from '../validated-city/validated-city.component';
 import { ModalService } from './modal.service';
 @UntilDestroy()
@@ -29,7 +30,9 @@ export class SearchModalComponent {
   countyInput$ = new Subject<string>();
   private criteriaChangeSubscription: Subscription;
   public criteria: BusinessListingCriteria | CommercialPropertyListingCriteria | UserListingCriteria;
+  backupCriteria: BusinessListingCriteria | CommercialPropertyListingCriteria | UserListingCriteria;
   numberOfResults$: Observable<number>;
+  cancelDisable = false;
   constructor(
     public selectOptions: SelectOptionsService,
     public modalService: ModalService,
@@ -42,6 +45,7 @@ export class SearchModalComponent {
     this.setupCriteriaChangeListener();
     this.modalService.message$.pipe(untilDestroyed(this)).subscribe(msg => {
       this.criteria = msg;
+      this.backupCriteria = JSON.parse(JSON.stringify(msg));
       this.setTotalNumberOfResults();
     });
     this.modalService.modalVisible$.pipe(untilDestroyed(this)).subscribe(val => {
@@ -54,7 +58,9 @@ export class SearchModalComponent {
     this.loadCounties();
   }
 
-  ngOnChanges() {}
+  ngOnChanges() {
+    console.log('sdf');
+  }
   categoryClicked(checked: boolean, value: string) {
     if (checked) {
       this.criteria.types.push(value);
@@ -116,7 +122,10 @@ export class SearchModalComponent {
     }
   }
   private setupCriteriaChangeListener() {
-    this.criteriaChangeSubscription = this.criteriaChangeService.criteriaChange$.pipe(debounceTime(400)).subscribe(() => this.setTotalNumberOfResults());
+    this.criteriaChangeSubscription = this.criteriaChangeService.criteriaChange$.pipe(debounceTime(400)).subscribe(() => {
+      this.setTotalNumberOfResults();
+      this.cancelDisable = true;
+    });
   }
   trackByFn(item: GeoResult) {
     return item.id;
@@ -148,4 +157,16 @@ export class SearchModalComponent {
       }
     }
   }
+  clearFilter() {
+    if (this.criteria.criteriaType === 'businessListings') {
+      resetBusinessListingCriteria(this.criteria);
+    } else if (this.criteria.criteriaType === 'commercialPropertyListings') {
+      resetCommercialPropertyListingCriteria(this.criteria);
+    } else {
+      resetUserListingCriteria(this.criteria);
+    }
+  }
+  close() {
+    this.modalService.reject(this.backupCriteria);
+  }
 }