From 1fd836194f03f82be60ce860f87d490f526348a7 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Wed, 8 May 2024 20:02:50 +0200
Subject: [PATCH] Feature/add absolute change column to holdings table (#3378)

* Add absolute change column

* Update changelog
---
 CHANGELOG.md                                  |  4 +++
 .../holdings-table.component.html             | 25 ++++++++++++++++++-
 .../holdings-table.component.ts               |  7 +++++-
 3 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 190cf8f21..fe097b380 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Added the absolute change column to the holdings table on the home page
+
 ### Changed
 
 - Increased the number of attempts of queue jobs from `10` to `12` (fail later)
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;