From 9e5324203e57f2df195608c60c68ecef1fed2693 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Thu, 1 Oct 2026 11:39:17 +0200
Subject: [PATCH] Implement ROI portfolio calculator

---
 .../portfolio-summary.component.html          | 37 +++++++++----------
 .../portfolio/analysis/analysis-page.html     | 37 +++++++++----------
 2 files changed, 34 insertions(+), 40 deletions(-)

diff --git a/apps/client/src/app/components/portfolio-summary/portfolio-summary.component.html b/apps/client/src/app/components/portfolio-summary/portfolio-summary.component.html
index 5335712cd7..f608e1e7be 100644
--- a/apps/client/src/app/components/portfolio-summary/portfolio-summary.component.html
+++ b/apps/client/src/app/components/portfolio-summary/portfolio-summary.component.html
@@ -149,26 +149,23 @@
   <div class="d-flex py-1">
     <div class="flex-grow-1 indent-1 text-truncate">
       <ng-container i18n>Net Performance</ng-container>
-      @if (
-        user?.settings?.performanceCalculationType ===
-        PerformanceCalculationType.ROAI
-      ) {
-        <abbr
-          class="d-none d-sm-inline-block initialism ms-2 text-body-secondary"
-          i18n-title
-          title="Return on Average Investment (total return with dividends)"
-          >(ROAI)</abbr
-        >
-      } @else if (
-        user?.settings?.performanceCalculationType ===
-        PerformanceCalculationType.ROI
-      ) {
-        <abbr
-          class="d-none d-sm-inline-block initialism ml-2 text-muted"
-          i18n-title
-          title="Return on Investment (total return with dividends)"
-          >(ROI)</abbr
-        >
+      @switch (user?.settings?.performanceCalculationType) {
+        @case (PerformanceCalculationType.ROAI) {
+          <abbr
+            class="d-none d-sm-inline-block initialism ms-2 text-body-secondary"
+            i18n-title
+            title="Return on Average Investment (total return with dividends)"
+            >(ROAI)</abbr
+          >
+        }
+        @case (PerformanceCalculationType.ROI) {
+          <abbr
+            class="d-none d-sm-inline-block initialism ms-2 text-body-secondary"
+            i18n-title
+            title="Return on Investment (total return with dividends)"
+            >(ROI)</abbr
+          >
+        }
       }
     </div>
     <div class="flex-column flex-wrap justify-content-end">
diff --git a/apps/client/src/app/pages/portfolio/analysis/analysis-page.html b/apps/client/src/app/pages/portfolio/analysis/analysis-page.html
index 38cfa0861d..7cce212eb5 100644
--- a/apps/client/src/app/pages/portfolio/analysis/analysis-page.html
+++ b/apps/client/src/app/pages/portfolio/analysis/analysis-page.html
@@ -254,26 +254,23 @@
           <div class="d-flex ms-3 py-1">
             <div class="flex-grow-1 me-2 text-truncate">
               <ng-container i18n>Net Performance</ng-container>
-              @if (
-                user?.settings?.performanceCalculationType ===
-                PerformanceCalculationType.ROAI
-              ) {
-                <abbr
-                  class="d-none d-sm-inline-block initialism ms-2 text-body-secondary"
-                  i18n-title
-                  title="Return on Average Investment (total return with dividends)"
-                  >(ROAI)</abbr
-                >
-              } @else if (
-                user?.settings?.performanceCalculationType ===
-                PerformanceCalculationType.ROI
-              ) {
-                <abbr
-                  class="d-none d-sm-inline-block initialism ml-2 text-muted"
-                  i18n-title
-                  title="Return on Investment (total return with dividends)"
-                  >(ROI)</abbr
-                >
+              @switch (user?.settings?.performanceCalculationType) {
+                @case (PerformanceCalculationType.ROAI) {
+                  <abbr
+                    class="d-none d-sm-inline-block initialism ms-2 text-body-secondary"
+                    i18n-title
+                    title="Return on Average Investment (total return with dividends)"
+                    >(ROAI)</abbr
+                  >
+                }
+                @case (PerformanceCalculationType.ROI) {
+                  <abbr
+                    class="d-none d-sm-inline-block initialism ms-2 text-body-secondary"
+                    i18n-title
+                    title="Return on Investment (total return with dividends)"
+                    >(ROI)</abbr
+                  >
+                }
               }
             </div>
             <div class="d-flex justify-content-end">