DSC-2212 Updated rendering for the item-list-preview.component.ts to use a pipe for the html escaping

Author: Mattia Vianelli

src/app/shared/object-list/my-dspace-result-list-element/item-list-preview/item-list-preview.component.html

@@ -9,7 +9,7 @@
         <ds-badges *ngIf="showLabel" [object]="item" [context]="badgeContext" [showAccessStatus]="true"></ds-badges>
       </div>
       <ds-truncatable [id]="item.id">
-        <h2 [innerHTML]="dsoTitle" [ngClass]="{'lead': true,'text-muted': !item.firstMetadataValue('dc.title')}"></h2>
+        <h2 [innerHTML]="dsoTitle | dsEscapeHtml" [ngClass]="{'lead': true,'text-muted': !item.firstMetadataValue('dc.title')}"></h2>
         <ds-in-workflow-statistics *ngIf="showWorkflowStatistics" [item]="item" ></ds-in-workflow-statistics>
         <div>
           <span class="text-muted">

src/app/shared/object-list/my-dspace-result-list-element/item-list-preview/item-list-preview.component.ts

@@ -36,6 +36,7 @@ import { TruncatableComponent } from '../../../truncatable/truncatable.component
 import { TruncatableService } from '../../../truncatable/truncatable.service';
 import { TruncatablePartComponent } from '../../../truncatable/truncatable-part/truncatable-part.component';
 import { AdditionalMetadataComponent } from '../../search-result-list-element/additional-metadata/additional-metadata.component';
+import {EscapeHtmlPipe} from "../../../utils/escape-html.pipe";
 
 /**
  * This component show metadata for the given item object in the list view.
@@ -62,6 +63,7 @@ import { AdditionalMetadataComponent } from '../../search-result-list-element/ad
     AdditionalMetadataComponent,
     ItemCorrectionComponent,
     InWorkflowStatisticsComponent,
+    EscapeHtmlPipe,
   ],
 })
 export class ItemListPreviewComponent implements OnInit {

src/app/shared/utils/escape-html.pipe.ts

@@ -10,17 +10,10 @@ import {
 export class EscapeHtmlPipe implements PipeTransform {
   /**
    * Escape HTML special characters and convert newlines to <br>
-   * @param value - The string to escape
-   * @returns The escaped string safe for innerHTML rendering
+   * @param text
    */
-  transform(value: string): string {
-    if (!value) {
-      return value;
-    }
+  transform(text: string): string {
     const newlineRegex = /\n/g;
-    return value
-      .replace(/>/g, '&gt;')
-      .replace(/</g, '&lt;')
-      .replace(newlineRegex, '<br>');
+    return text.replace(/>/g, '&gt;').replace(/</g, '&lt;').replace(newlineRegex, '<br>');
   }
 }

src/themes/custom/app/shared/object-list/my-dspace-result-list-element/item-list-preview/item-list-preview.component.ts

@@ -19,6 +19,7 @@ import { AdditionalMetadataComponent } from '../../../../../../../app/shared/obj
 import { TruncatableComponent } from '../../../../../../../app/shared/truncatable/truncatable.component';
 import { TruncatablePartComponent } from '../../../../../../../app/shared/truncatable/truncatable-part/truncatable-part.component';
 import { ThemedThumbnailComponent } from '../../../../../../../app/thumbnail/themed-thumbnail.component';
+import {EscapeHtmlPipe} from "../../../../../../../app/shared/utils/escape-html.pipe";
 
 @Component({
   selector: 'ds-themed-item-list-preview',
@@ -44,6 +45,7 @@ import { ThemedThumbnailComponent } from '../../../../../../../app/thumbnail/the
     AdditionalMetadataComponent,
     ItemCorrectionComponent,
     InWorkflowStatisticsComponent,
+    EscapeHtmlPipe,
   ],
 })
 export class ItemListPreviewComponent extends BaseComponent {