From 90672723829c7c771cb97f67e1a8b90abb2af4ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina.teudan.ext@knecon.com>
Date: Tue, 13 Aug 2024 18:57:09 +0300
Subject: [PATCH] RED-9572: Format audit log values

---
 .../audit-info-dialog/audit-info-dialog.component.html      | 6 ++++--
 .../audit-info-dialog/audit-info-dialog.component.ts        | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/red-ui/src/app/modules/admin/dialogs/audit-info-dialog/audit-info-dialog.component.html b/apps/red-ui/src/app/modules/admin/dialogs/audit-info-dialog/audit-info-dialog.component.html
index 6b8f9f46d..65ed43f9d 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/audit-info-dialog/audit-info-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/audit-info-dialog/audit-info-dialog.component.html
@@ -6,9 +6,11 @@
             <div class="table-header">Key</div>
             <div class="table-header">Value</div>
 
-            <ng-container *ngFor="let entry of data.auditEntry.details | keyvalue : originalOrder">
+            <ng-container *ngFor="let entry of data.auditEntry.details | keyvalue: originalOrder">
                 <div class="bold">{{ entry.key | humanize }}</div>
-                <div>{{ entry.value }}</div>
+                <div>
+                    <pre>{{ entry.value | json }}</pre>
+                </div>
             </ng-container>
         </div>
     </div>
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/audit-info-dialog/audit-info-dialog.component.ts b/apps/red-ui/src/app/modules/admin/dialogs/audit-info-dialog/audit-info-dialog.component.ts
index d038df97a..9de2f9c16 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/audit-info-dialog/audit-info-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/admin/dialogs/audit-info-dialog/audit-info-dialog.component.ts
@@ -1,4 +1,4 @@
-import { KeyValue, KeyValuePipe, NgForOf } from '@angular/common';
+import { JsonPipe, KeyValue, KeyValuePipe, NgForOf } from '@angular/common';
 import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { BaseDialogComponent, CircleButtonComponent, HumanizePipe } from '@iqser/common-ui';
@@ -17,7 +17,7 @@ type OrderFn = (a: KeyValue<string, string>, b: KeyValue<string, string>) => num
     styleUrls: ['./audit-info-dialog.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
     standalone: true,
-    imports: [TranslateModule, NgForOf, KeyValuePipe, HumanizePipe, CircleButtonComponent],
+    imports: [TranslateModule, NgForOf, KeyValuePipe, HumanizePipe, CircleButtonComponent, JsonPipe],
 })
 export class AuditInfoDialogComponent extends BaseDialogComponent {
     constructor(