feat: add boolean value for labelDisplay

Author: Sobyt483

projects/lib/models/models/resource.ts

@@ -22,7 +22,7 @@ export interface FieldDefinition {
     delimiter?: string;
     multiline?: boolean;
   };
-  labelDisplay?: LabelDisplay;
+  labelDisplay?: LabelDisplay | boolean;
   dynamicValuesDefinition?: {
     operation: string;
     gqlQuery: string;
@@ -77,4 +77,4 @@ export interface UIDefinition {
   detailView?: UiView;
 }
 
-export type KubernetesScope = 'Cluster' | 'Namespaced';
+export type KubernetesScope = 'Cluster' | 'Namespaced';

projects/wc/src/app/components/generic-ui/value-cell/value-cell.component.html

@@ -3,7 +3,7 @@
   } @else if (isUrlValue()) {
     <wc-link-value [urlValue]="stringValue()"></wc-link-value>
   } @else if (isLabelValue()) {
-    <wc-label-value [labelDisplay]="labelDisplay()" [value]="value()"></wc-label-value>
+    <wc-label-value [labelDisplay]="labelDisplayValue()" [value]="value()"></wc-label-value>
   }
   @else {
     {{ value() }}

projects/wc/src/app/components/generic-ui/value-cell/value-cell.component.ts

@@ -1,4 +1,5 @@
 import { BooleanValueComponent } from './boolean-value/boolean-value.component';
+import { LabelValue } from './label-value/label-value.component';
 import { LinkValueComponent } from './link-value/link-value.component';
 import {
   ChangeDetectionStrategy,
@@ -7,7 +8,6 @@ import {
   input,
 } from '@angular/core';
 import { LabelDisplay } from '@platform-mesh/portal-ui-lib/models/models';
-import { LabelValue } from "./label-value/label-value.component";
 
 @Component({
   selector: 'value-cell',
@@ -18,14 +18,17 @@ import { LabelValue } from "./label-value/label-value.component";
 })
 export class ValueCellComponent {
   value = input<unknown>();
-  labelDisplay = input<LabelDisplay>();
+  labelDisplay = input<LabelDisplay | boolean>();
 
-  isLabelValue = computed(() => this.labelDisplay() !== undefined);
+  isLabelValue = computed(() => this.labelDisplayValue() !== undefined);
   isBoolLike = computed(() => this.boolValue() !== undefined);
   isUrlValue = computed(() => this.checkValidUrl(this.stringValue()));
 
   boolValue = computed(() => this.normalizeBoolean(this.value()));
   stringValue = computed(() => this.normalizeString(this.value()));
+  labelDisplayValue = computed(() =>
+    this.normalizeLabelDisplay(this.labelDisplay()),
+  );
 
   private normalizeBoolean(value: unknown): boolean | undefined {
     const normalizedValue = value?.toString()?.toLowerCase();
@@ -58,4 +61,16 @@ export class ValueCellComponent {
       return false;
     }
   }
+
+  private normalizeLabelDisplay(value: unknown): LabelDisplay | undefined {
+    if (typeof value === 'object' && value !== null) {
+      return value;
+    }
+
+    if (value) {
+      return {};
+    }
+
+    return undefined;
+  }
 }