From 165283a8ce9381f5490fd8d6dd94f5cfdd3a90b1 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 6 Sep 2026 10:01:04 +0200
Subject: [PATCH] Add simplified mode to holdings table component

---
 .../lib/holdings-table/holdings-table.component.html   |  4 ++--
 .../holdings-table/holdings-table.component.stories.ts |  2 +-
 .../src/lib/holdings-table/holdings-table.component.ts | 10 ++++++----
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/libs/ui/src/lib/holdings-table/holdings-table.component.html b/libs/ui/src/lib/holdings-table/holdings-table.component.html
index e96c7bef0..2ed948478 100644
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.html
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.html
@@ -34,7 +34,7 @@
             <span>({{ element.assetProfile.assetSubClassLabel }})</span>
           }
         </div>
-        @if (!isSimplified()) {
+        @if (mode() === 'default') {
           <div>
             <small class="text-muted">{{ element.assetProfile.symbol }}</small>
           </div>
@@ -186,7 +186,7 @@
     <tr
       *matHeaderRowDef="displayedColumns()"
       mat-header-row
-      [class.d-none]="isSimplified()"
+      [class.d-none]="mode() === 'simple'"
     ></tr>
     <tr
       *matRowDef="let row; columns: displayedColumns()"
diff --git a/libs/ui/src/lib/holdings-table/holdings-table.component.stories.ts b/libs/ui/src/lib/holdings-table/holdings-table.component.stories.ts
index 907221c67..065f7b197 100644
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.stories.ts
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.stories.ts
@@ -68,6 +68,6 @@ export const Default: Story = {
 export const Simplified: Story = {
   args: {
     ...Default.args,
-    isSimplified: true
+    mode: 'simple'
   }
 };
diff --git a/libs/ui/src/lib/holdings-table/holdings-table.component.ts b/libs/ui/src/lib/holdings-table/holdings-table.component.ts
index 36299b02f..ddf6a2f22 100644
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.ts
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.ts
@@ -51,8 +51,8 @@ export class GfHoldingsTableComponent {
   public readonly hasPermissionToShowQuantities = input(true);
   public readonly hasPermissionToShowValues = input(true);
   public readonly holdings = input.required<PortfolioPosition[] | undefined>();
-  public readonly isSimplified = input(false);
   public readonly locale = input(getLocale());
+  public readonly mode = input<'default' | 'simple'>('default');
   public readonly pageSize = model(Number.MAX_SAFE_INTEGER);
 
   public readonly holdingClicked = output<AssetProfileIdentifier>();
@@ -63,7 +63,7 @@ export class GfHoldingsTableComponent {
   protected readonly dataSource = new MatTableDataSource<PortfolioPosition>([]);
 
   protected readonly displayedColumns = computed(() => {
-    if (this.isSimplified()) {
+    if (this.mode() === 'simple') {
       return ['icon', 'nameWithSymbol', 'performanceInPercentage'];
     }
 
@@ -92,11 +92,13 @@ export class GfHoldingsTableComponent {
   });
 
   protected readonly sortActive = computed(() => {
-    return this.isSimplified() ? 'assetProfile.name' : 'allocationInPercentage';
+    return this.mode() === 'default'
+      ? 'allocationInPercentage'
+      : 'assetProfile.name';
   });
 
   protected readonly sortDirection = computed<SortDirection>(() => {
-    return this.isSimplified() ? 'asc' : 'desc';
+    return this.mode() === 'default' ? 'desc' : 'asc';
   });
 
   public constructor() {