DSP-551 Migrate sanitization pipes from BEOL

projects/dsp-ui/src/lib/action/action.module.ts

@@ -25,60 +25,63 @@ import { ReversePipe } from './pipes/array-transformation/reverse.pipe';
 import { SortByPipe } from './pipes/array-transformation/sort-by.pipe';
 import { FormattedBooleanPipe } from './pipes/formatting/formatted-boolean.pipe';
 import { KnoraDatePipe } from './pipes/formatting/knoradate.pipe';
+import { SafePipe } from './pipes/sanitization-bypass/safe.pipe';
 import { StringifyStringLiteralPipe } from './pipes/string-transformation/stringify-string-literal.pipe';
 import { TruncatePipe } from './pipes/string-transformation/truncate.pipe';
 
 @NgModule({
   declarations: [
-    FormattedBooleanPipe,
-    KnoraDatePipe,
-    ReversePipe,
-    SortByPipe,
-    TruncatePipe,
-    StringifyStringLiteralPipe,
     AdminImageDirective,
+    ConfirmationDialogComponent,
+    ConfirmationMessageComponent,
     ExistingNameDirective,
+    FormattedBooleanPipe,
     GndDirective,
-    ProgressIndicatorComponent,
+    KnoraDatePipe,
+    LoginFormComponent,
     MessageComponent,
+    ProgressIndicatorComponent,
+    ReversePipe,
+    SafePipe,
     SortButtonComponent,
+    SortByPipe,
+    StringifyStringLiteralPipe,
     StringLiteralInputComponent,
-    LoginFormComponent,
-    ConfirmationDialogComponent,
-    ConfirmationMessageComponent
+    TruncatePipe
   ],
   imports: [
-    CommonModule,
     BrowserAnimationsModule,
+    CommonModule,
+    MatButtonModule,
     MatButtonModule,
+    MatButtonToggleModule,
+    MatCardModule,
     MatDialogModule,
+    MatFormFieldModule,
     MatIconModule,
     MatInputModule,
-    MatMenuModule,
-    MatCardModule,
     MatListModule,
-    ReactiveFormsModule,
-    MatButtonModule,
-    MatButtonToggleModule,
-    MatFormFieldModule,
+    MatMenuModule,
+    ReactiveFormsModule
   ],
   exports: [
+    AdminImageDirective,
+    ConfirmationDialogComponent,
+    ConfirmationMessageComponent,
+    ExistingNameDirective,
     FormattedBooleanPipe,
+    GndDirective,
     KnoraDatePipe,
+    LoginFormComponent,
+    MessageComponent,
+    ProgressIndicatorComponent,
     ReversePipe,
+    SafePipe,
+    SortButtonComponent,
     SortByPipe,
-    TruncatePipe,
     StringifyStringLiteralPipe,
-    AdminImageDirective,
-    ExistingNameDirective,
-    ProgressIndicatorComponent,
-    MessageComponent,
-    SortButtonComponent,
     StringLiteralInputComponent,
-    LoginFormComponent,
-    ConfirmationDialogComponent,
-    GndDirective,
-    ConfirmationMessageComponent
+    TruncatePipe
   ]
 })
 

projects/dsp-ui/src/lib/action/index.ts

@@ -7,6 +7,7 @@ export * from './pipes/array-transformation/reverse.pipe';
 export * from './pipes/array-transformation/sort-by.pipe';
 export * from './pipes/string-transformation/truncate.pipe';
 export * from './pipes/string-transformation/stringify-string-literal.pipe';
+export * from './pipes/sanitization-bypass/safe.pipe';
 
 // services
 export * from './services/sorting.service';

projects/dsp-ui/src/lib/action/pipes/sanitization-bypass/safe.pipe.spec.ts

@@ -0,0 +1,24 @@
+import { TestBed } from '@angular/core/testing';
+import { BrowserModule, DomSanitizer } from '@angular/platform-browser';
+import { SafePipe } from './safe.pipe';
+
+describe('SafePipe', () => {
+
+    let pipe: SafePipe;
+    let sanitizer: DomSanitizer;
+
+    beforeEach(() => {
+        TestBed.configureTestingModule({
+            imports: [
+                BrowserModule
+            ]
+        });
+
+        sanitizer = TestBed.inject(DomSanitizer);
+        pipe = new SafePipe(sanitizer);
+      });
+
+    it('should create an instance', () => {
+        expect(pipe).toBeTruthy();
+    });
+});

projects/dsp-ui/src/lib/action/pipes/sanitization-bypass/safe.pipe.ts

@@ -0,0 +1,19 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeHtml, SafeUrl } from '@angular/platform-browser';
+
+@Pipe({
+    name: 'safe'
+})
+export class SafePipe implements PipeTransform {
+
+    constructor(private _sanitizer: DomSanitizer) {
+    }
+
+    transform(value: string, type: string): SafeHtml | SafeUrl {
+        switch (type) {
+            case 'html': return this._sanitizer.bypassSecurityTrustHtml(value);
+            case 'url': return this._sanitizer.bypassSecurityTrustUrl(value);
+            default: throw new Error(`Invalid safe type specified: ${type}`);
+        }
+    }
+}