DSS-1060: Issue with Hyperlinks in comments

DSS-1074: FE: Add multi-host click through to Aggregated Listings page
bcgov · Dec 10, 2024 · f8e30fb · f8e30fb
1 parent 6bc8997
commit f8e30fb
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 13 deletions.
diff --git a/...ponents/listings-table/aggregated-listings-table/aggregated-listings-table.component.html b/...ponents/listings-table/aggregated-listings-table/aggregated-listings-table.component.html
@@ -110,7 +110,8 @@ <h2 class="title">Aggregated Listings</h2>
                     <td>
                         <div class="host-name">
                             {{ row.primaryHostNm }}
-                            <i *ngIf="row.hasMultipleProperties" pTooltip="This Host May have Multiple Properties."
+                            <i *ngIf="row.hasMultipleProperties" (click)="onMultihostClicked(row)"
+                                pTooltip="This Host May have Multiple Properties."
                                 class="multi-host multihost-icon"></i>
                         </div>
                     </td>

diff --git a/...ponents/listings-table/aggregated-listings-table/aggregated-listings-table.component.scss b/...ponents/listings-table/aggregated-listings-table/aggregated-listings-table.component.scss
@@ -179,6 +179,7 @@
                     gap: 12px;
 
                     .multihost-icon {
+                        cursor: pointer;
                         width: 24px;
                         height: 24px;
                         background-image: url(../../../../../assets/images/house-blue.svg);

diff --git a/...omponents/listings-table/aggregated-listings-table/aggregated-listings-table.component.ts b/...omponents/listings-table/aggregated-listings-table/aggregated-listings-table.component.ts
@@ -186,6 +186,13 @@ export class AggregatedListingsTableComponent implements OnInit {
         }
     }
 
+    onMultihostClicked(group: AggregatedListingTableRow) {
+        this.clearFilters();
+        this.searchColumn = 'hostName';
+        this.searchTerm = group.primaryHostNm;
+        this.onSearch();
+    }
+
     onSort(property: string): void {
         if (this.sort) {
             if (this.sort.prop === property) {
@@ -306,17 +313,7 @@ export class AggregatedListingsTableComponent implements OnInit {
     }
 
     onClearFilters(): void {
-        this.filterPersistenceService.listingFilter = {
-            byLocation: {
-                isBusinessLicenceRequired: '',
-                isPrincipalResidenceRequired: '',
-            },
-            community: 0,
-            byStatus: {},
-        };
-
-        this.initFilters();
-        this.isFilterOpened = false;
+        this.clearFilters();
         this.onSearch();
     }
 
@@ -370,6 +367,20 @@ export class AggregatedListingsTableComponent implements OnInit {
         this.onSearch();
     }
 
+    private clearFilters(): void {
+        this.filterPersistenceService.listingFilter = {
+            byLocation: {
+                isBusinessLicenceRequired: '',
+                isPrincipalResidenceRequired: '',
+            },
+            community: 0,
+            byStatus: {},
+        };
+
+        this.initFilters();
+        this.isFilterOpened = false;
+    }
+
     private getListings(selectedPageNumber: number = 1): void {
         this.loaderService.loadingStart();
 

diff --git a/...tend/src/app/features/components/send-compliance-order/send-compliance-order.component.ts b/...tend/src/app/features/components/send-compliance-order/send-compliance-order.component.ts
@@ -135,7 +135,7 @@ export class SendComplianceOrderComponent implements OnInit {
     this.loaderService.loadingStart();
     this.complianceService.sendComplianceOrdersPreview(this.submissionArray).subscribe({
       next: (preview) => {
-        this.previewText = preview.content;
+        this.previewText = this.fixBrokenLinksInAPreview(preview.content);
         this.showPreviewDialog = true;
       },
       complete: () => {
@@ -172,6 +172,21 @@ export class SendComplianceOrderComponent implements OnInit {
     this.showPreviewDialog = false;
   }
 
+  private fixBrokenLinksInAPreview(content: string): string {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(content, 'text/html');
+    const links = doc.querySelectorAll('a');
+
+    links.forEach(link => {
+      const href = link.getAttribute('href');
+      if (href && !/^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(href)) {
+        link.setAttribute('href', 'http://' + href);
+      }
+    });
+
+    return doc.body.innerHTML;
+  }
+
   private cloakParams(): void {
     var newURL = location.href.split("?")[0];
     window.history.pushState('object', document.title, newURL);