Implement ROI portfolio calculator

apps/client/src/app/components/portfolio-summary/portfolio-summary.component.html

@@ -149,26 +149,23 @@
   <div class="flex-nowrap px-3 py-1 row">
     <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 ml-2 text-muted"
-          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 ml-2 text-muted"
+            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 ml-2 text-muted"
+            i18n-title
+            title="Return on Investment (total return with dividends)"
+            >(ROI)</abbr
+          >
+        }
       }
     </div>
     <div class="flex-column flex-wrap justify-content-end">

apps/client/src/app/pages/portfolio/analysis/analysis-page.html

@@ -254,26 +254,23 @@
           <div class="d-flex ml-3 py-1">
             <div class="flex-grow-1 mr-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 ml-2 text-muted"
-                  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 ml-2 text-muted"
+                    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 ml-2 text-muted"
+                    i18n-title
+                    title="Return on Investment (total return with dividends)"
+                    >(ROI)</abbr
+                  >
+                }
               }
             </div>
             <div class="d-flex justify-content-end">