Restyles user guide

dmp-frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.ts

@@ -4,6 +4,7 @@ import { BaseComponent } from '@common/base/base.component';
 import { takeUntil } from 'rxjs/internal/operators/takeUntil';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import { LanguageService } from '@app/core/services/language/language.service';
+import { SecurityContext } from '@angular/core';
 
 @Component({
 	selector: 'app-user-guide-content',
@@ -15,6 +16,7 @@ export class UserGuideContentComponent extends BaseComponent implements OnInit,
 
 	guideHTML: any;
 	guideHTMLUrl: SafeResourceUrl;
+	sanitizedGuideUrl: any;
 	private scrollEvent: EventListener;
 
 	constructor(
@@ -30,7 +32,9 @@ export class UserGuideContentComponent extends BaseComponent implements OnInit,
 			.subscribe(response => {
 				const blob = new Blob([response.body], { type: 'text/html' });
 				this.readBlob(blob);
-				this.guideHTMLUrl = this.sanitizer.bypassSecurityTrustResourceUrl(URL.createObjectURL(blob));
+				this.guideHTMLUrl = this.sanitizer.bypassSecurityTrustResourceUrl((window.URL ? URL : webkitURL).createObjectURL(blob));
+				// this.sanitizedGuideUrl = this.sanitizer.sanitize(SecurityContext.URL, this.guideHTMLUrl);
+				// console.log(this.guideHTMLUrl);
 			});
 	}