From 3ff87226301cc47f2f184474da9063674eac28c5 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 5 May 2024 09:27:23 +0200
Subject: [PATCH] Add absolute change column

---
 .../holdings-table.component.html             | 25 ++++++++++++++++++-
 .../holdings-table.component.ts               |  7 +++++-
 2 files changed, 30 insertions(+), 2 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 181b120a8..814eefa4f 100644
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.html
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.html
@@ -109,7 +109,30 @@
       </td>
     </ng-container>
 
-    <ng-container matColumnDef="performance" stickyEnd>
+    <ng-container matColumnDef="performance">
+      <th
+        *matHeaderCellDef
+        class="justify-content-end px-1"
+        mat-header-cell
+        mat-sort-header="netPerformanceWithCurrencyEffect"
+      >
+        <ng-container i18n>Change</ng-container>
+      </th>
+      <td *matCellDef="let element" class="px-1" mat-cell>
+        <div class="d-flex justify-content-end">
+          <gf-value
+            [colorizeSign]="true"
+            [isCurrency]="true"
+            [locale]="locale"
+            [value]="
+              isLoading ? undefined : element.netPerformanceWithCurrencyEffect
+            "
+          />
+        </div>
+      </td>
+    </ng-container>
+
+    <ng-container matColumnDef="performanceInPercentage" stickyEnd>
       <th
         *matHeaderCellDef
         class="justify-content-end px-1"
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 f25239277..fb1c83355 100644
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.ts
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.ts
@@ -84,7 +84,12 @@ export class GfHoldingsTableComponent implements OnChanges, OnDestroy, OnInit {
     }
 
     this.displayedColumns.push('allocationInPercentage');
-    this.displayedColumns.push('performance');
+
+    if (this.hasPermissionToShowValues) {
+      this.displayedColumns.push('performance');
+    }
+
+    this.displayedColumns.push('performanceInPercentage');
 
     this.isLoading = true;