From 9d4e2d4652450dc2a06f3b96a46516c4ceeec14d Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sat, 15 Jun 2024 09:00:18 -0700
Subject: [PATCH] Enhancement: better boolean custom field display (#7001)

---
 .../custom-field-display.component.html                     | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src-ui/src/app/components/common/custom-field-display/custom-field-display.component.html b/src-ui/src/app/components/common/custom-field-display/custom-field-display.component.html
index 07347f8e0..812c283e2 100644
--- a/src-ui/src/app/components/common/custom-field-display/custom-field-display.component.html
+++ b/src-ui/src/app/components/common/custom-field-display/custom-field-display.component.html
@@ -24,6 +24,12 @@
                     }
                 </div>
             }
+            @case (CustomFieldDataType.Boolean) {
+                <div class="d-flex flex-row align-items-center">
+                    <span>{{field.name}}:</span>
+                    <input type="checkbox" id="{{field.name}}" name="{{field.name}}" [checked]="value" value="" class="form-check-input ms-2 mt-0 pe-none">
+                </div>
+            }
             @default {
               <span [ngbTooltip]="nameTooltip">{{value}}</span>
             }