Merge pull request #852 from bcgov/oleks

DSS-1058: FE: Contact Host should be available from the Listings Page

Author: ychung-mot

frontend/src/app/features/components/listings-table/listings-table.component.html

@@ -36,6 +36,12 @@ <h2 class="title">Individual Listings</h2>
         Send Takedown Request
     </button>
 </div>
+<div class="actions left-alignment" *ngIf="isCEU">
+    <button pButton icon="pi pi-envelope" [disabled]="!listingsSelected" id="send_compliance_order_btn"
+        (click)="onContactHost()">
+        &nbsp;Contact Host
+    </button>
+</div>
 <div class="content">
     <p-panel class="listing-table-panel">
         <ng-template pTemplate="header">

frontend/src/app/features/components/listings-table/listings-table.component.scss

@@ -112,8 +112,14 @@
     }
 
     .actions {
+        display: flex;
+        width: 100%;
         padding-bottom: 12px;
 
+        &.left-alignment {
+            justify-content: end;
+        }
+
         button {
             margin-right: 6px;
         }

frontend/src/app/features/components/listings-table/listings-table.component.ts

@@ -29,6 +29,7 @@ import { RadioButtonModule } from 'primeng/radiobutton';
 import { FilterPersistenceService } from '../../../common/services/filter-persistence.service';
 import { OrganizationService } from '../../../common/services/organization.service';
 import { UrlProtocolPipe } from '../../../common/pipes/url-protocol.pipe';
+import { ListingDetails } from '../../../common/models/listing-details';
 
 @Component({
   selector: 'app-listings-table',
@@ -76,6 +77,10 @@ export class ListingsTableComponent implements OnInit {
 
   readonly addressLowScore = Number.parseInt(environment.ADDRESS_SCORE);
 
+  get listingsSelected(): number {
+    return Object.keys(this.selectedListings).length;
+  }
+
   constructor(
     private listingService: ListingDataService,
     private userService: UserDataService,
@@ -179,6 +184,15 @@ export class ListingsTableComponent implements OnInit {
     this.router.navigate(['/bulk-takedown-request'], { queryParams: { returnUrl: this.getUrlFromState() } });
   }
 
+  onContactHost(): void {
+    this.searchStateService.selectedListings = Object.values(
+      this.selectedListings,
+    ) as unknown as Array<ListingDetails>;
+    this.router.navigate(['/send-compliance-order'], {
+      queryParams: { returnUrl: this.getUrlFromState() },
+    });
+  }
+
   onPageChange(value: any): void {
     this.currentPage.pageSize = value.rows;
     this.currentPage.pageNumber = value.page + 1;