Loan account locked management

src/app/shared/error-dialog/error-dialog.component.html

@@ -1,11 +1,10 @@
-<h1 mat-dialog-title> Error Log </h1>
+<h1 mat-dialog-title>{{'Error Log' | translate}}</h1>
 
 <div mat-dialog-content>
-
-    <p> {{ data }}</p>
-
+    <p *ngIf="!showAsCode"> {{ data }}</p>
+    <span *ngIf="showAsCode" [innerHTML]="data"></span>
 </div>
 
 <mat-dialog-actions align="left">
-    <button mat-raised-button mat-dialog-close>Cancel</button>
+    <button mat-raised-button mat-dialog-close>{{'Cancel' | translate}}</button>
 </mat-dialog-actions>

src/app/shared/error-dialog/error-dialog.component.ts

@@ -9,11 +9,14 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 })
 export class ErrorDialogComponent {
 
+  showAsCode = false;
   /**
    * @param {MatDialogRef} dialogRef Component reference to dialog.
    * @param {any} data Provides any data.
    */
   constructor(public dialogRef: MatDialogRef<ErrorDialogComponent>,
-              @Inject(MAT_DIALOG_DATA) public data: any) { }
+              @Inject(MAT_DIALOG_DATA) public data: string) {
+    this.showAsCode = (data.startsWith('<pre><code>'));
+  }
 
 }