From 63a0debbdcab39ba1f038b31e6b2fbbafe5a6cd2 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Wed, 12 Jun 2024 14:29:22 -0700
Subject: [PATCH] Show custom field creation in UI

---
 .../document-history.component.html           | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/src-ui/src/app/components/document-history/document-history.component.html b/src-ui/src/app/components/document-history/document-history.component.html
index ea4a3c9bb..c63a1223c 100644
--- a/src-ui/src/app/components/document-history/document-history.component.html
+++ b/src-ui/src/app/components/document-history/document-history.component.html
@@ -27,31 +27,33 @@
                         }
                         <span class="badge bg-secondary ms-auto" [class.bg-primary]="entry.action === AuditLogAction.Create">{{ entry.action | titlecase }}</span>
                     </div>
-                    @if (entry.action === AuditLogAction.Update) {
-                        <ul class="mt-2">
-                            @for (change of entry.changes | keyvalue; track change.key) {
-                                @if (change.value["type"] === 'm2m') {
-                                    <li>
-                                        <span class="fst-italic">{{ change.value["operation"] | titlecase }}</span>&nbsp;
-                                        <span>{{ change.key | titlecase }}</span>:&nbsp;
-                                        <code class="text-primary">{{ change.value["objects"].join(', ') }}</code>
-                                    </li>
-                                }
-                                @else if (change.value["type"] === 'custom_field') {
-                                    <li>
-                                        <span>{{ change.value["field"] }}</span>:&nbsp;
-                                        <code class="text-primary">{{ change.value["value"] }}</code>
-                                    </li>
-                                }
-                                @else {
-                                    <li>
-                                        <span>{{ change.key | titlecase }}</span>:&nbsp;
-                                        <code class="text-primary">{{ change.value[1] }}</code>
-                                    </li>
-                                }
+                    <ul class="mt-2">
+                        @for (change of entry.changes | keyvalue; track change.key) {
+                            @if (change.value["type"] === 'm2m') {
+                                <li>
+                                    <span class="fst-italic">{{ change.value["operation"] | titlecase }}</span>&nbsp;
+                                    <span>{{ change.key | titlecase }}</span>:&nbsp;
+                                    <code class="text-primary">{{ change.value["objects"].join(', ') }}</code>
+                                </li>
                             }
-                        </ul>
-                    }
+                            @else if (change.value["type"] === 'custom_field') {
+                                <li>
+                                    <span>{{ change.value["field"] }}</span>:&nbsp;
+                                    <code class="text-primary">{{ change.value["value"] }}</code>
+                                </li>
+                            }
+                            @else {
+                                <li>
+                                    <span>{{ change.key | titlecase }}</span>:&nbsp;
+                                    @if (change.key === 'content') {
+                                        <code class="text-primary">{{ change.value[1]?.substring(0,100) }}...</code>
+                                    } @else {
+                                        <code class="text-primary">{{ change.value[1] }}</code>
+                                    }
+                                </li>
+                            }
+                        }
+                    </ul>
                 </li>
             }
         }