Add external dashboard to homepage.

src/app/shared/_pipes/safe.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { SafePipe } from './safe.pipe';
+
+describe('SafePipe', () => {
+  it('create an instance', () => {
+    const pipe = new SafePipe();
+    expect(pipe).toBeTruthy();
+  });
+});

src/app/shared/_pipes/safe.pipe.ts

@@ -0,0 +1,15 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import {DomSanitizer} from '@angular/platform-browser';
+
+@Pipe({
+  name: 'safe'
+})
+export class SafePipe implements PipeTransform {
+
+  constructor(private sanitizer: DomSanitizer) {}
+
+  transform(url: string, ...args: unknown[]): unknown {
+    return this.sanitizer.bypassSecurityTrustResourceUrl(url);
+  }
+
+}

src/app/shared/shared.module.ts

@@ -8,8 +8,9 @@ import { MenuToggleDirective } from '@app/shared/_directives/menu-toggle.directi
 import {RouterModule} from '@angular/router';
 import {MatIconModule} from '@angular/material/icon';
 import {TokenRatioPipe} from '@app/shared/_pipes/token-ratio.pipe';
-import { ErrorDialogComponent } from './error-dialog/error-dialog.component';
+import { ErrorDialogComponent } from '@app/shared/error-dialog/error-dialog.component';
 import {MatDialogModule} from '@angular/material/dialog';
+import { SafePipe } from '@app/shared/_pipes/safe.pipe';
 
 
 
@@ -21,14 +22,16 @@ import {MatDialogModule} from '@angular/material/dialog';
     MenuSelectionDirective,
     MenuToggleDirective,
     TokenRatioPipe,
-    ErrorDialogComponent
+    ErrorDialogComponent,
+    SafePipe
   ],
   exports: [
     TopbarComponent,
     FooterComponent,
     SidebarComponent,
     MenuSelectionDirective,
-    TokenRatioPipe
+    TokenRatioPipe,
+    SafePipe
   ],
   imports: [
     CommonModule,