Merge branch 'bcgov:main' into main

Author: larsenle

frontend/src/app/common/layout/layout.component.html

@@ -27,6 +27,9 @@ <h1 class="main-title">Short-Term Rental Data Portal</h1>
 </div>
 <div class="footer do-not-print-it" role="contentinfo">
     <div class="cc">© 2024 Government of British Columbia.</div>
+    <div class="contacts">
+        For technical support, contact <a href="mailto:DSSadmin@gov.bc.ca">DSSadmin&#64;gov.bc.ca</a>
+    </div>
 </div>
 
 <p-toast [life]="25000"></p-toast>

frontend/src/app/common/layout/layout.component.scss

@@ -107,6 +107,28 @@
     position: sticky;
     bottom: 0;
     z-index: 10;
+
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .contacts {
+        font-size: smaller;
+        text-align: end;
+
+        a {
+            color: #FFFFFF;
+            text-decoration: none;
+
+            &:hover {
+                text-decoration: underline;
+            }
+
+            &:visited {
+                color: #FFFFFF;
+            }
+        }
+    }
 }
 
 @media only screen and (max-width: 1500px) {

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;

frontend/src/app/features/components/manage-jurisdictions/manage-jurisdictions.component.html

@@ -122,18 +122,27 @@ <h2>Manage Jurisdictions</h2>
                     <i class="pi pi-angle-up"
                         *ngIf="this.sortSub && this.sortSub.prop === 'isBusinessLicenceRequired' && this.sortSub.dir === 'asc'"></i>
                 </th>
+                <th class="sortable-header" id="isActive_header"
+                    [class.sorted]="this.sortSub && this.sortSub.prop === 'isActive'" (click)="onSortSub('isActive')">
+                    Active
+                    <i class="pi pi-angle-down"
+                        *ngIf="this.sortSub && this.sortSub.prop === 'isActive' && this.sortSub.dir === 'desc'"></i>
+                    <i class="pi pi-angle-up"
+                        *ngIf="this.sortSub && this.sortSub.prop === 'isActive' && this.sortSub.dir === 'asc'"></i>
+                </th>
                 <th *ngIf="canEdit"> Update Jurisdiction Info </th>
             </tr>
         </ng-template>
 
         <ng-template pTemplate="body" let-jurisdiction let-index>
-            <tr>
+            <tr [class.inactive-jurisdiction]="!jurisdiction.isActive">
                 <td>{{jurisdiction.organizationNm || '-'}}</td>
                 <td>{{jurisdiction.shapeFileId || '-'}}</td>
                 <td>{{jurisdiction.isPrincipalResidenceRequired?'Yes':'No'}} </td>
                 <td>{{jurisdiction.isStrProhibited?'Yes':'No'}} </td>
                 <td>{{jurisdiction.isStraaExempt?'Yes':'No'}} </td>
                 <td>{{jurisdiction.isBusinessLicenceRequired?'Yes':'No'}} </td>
+                <td>{{jurisdiction.isActive?'Yes':'No'}} </td>
                 <td *ngIf="canEdit" style="text-align: center">
                     <a id="jurisdiction-edit-{{index}}-icon"
                         [routerLink]="'/update-jurisdiction-information/'+jurisdiction.organizationId">

frontend/src/app/features/components/manage-jurisdictions/manage-jurisdictions.component.scss

@@ -22,6 +22,11 @@
                     background-color: #C1DDFC;
                 }
             }
+
+            &.inactive-jurisdiction {
+                color: #999999;
+                background-color: #fcfcfc;
+            }
         }
 
         th {