Task/set analysis page values as experimental (#6217)

* Set values as experimental

* Update changelog

CHANGELOG.md

@@ -9,7 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
-- Extended the analysis page to include the total amount, change and performance with currency effects
+- Extended the analysis page to include the total amount, change and performance with currency effects (experimental)
 
 ### Changed
 

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

@@ -75,68 +75,70 @@
     </div>
   }
 
-  <div class="mb-5 row">
+  @if (user?.settings?.isExperimentalFeatures) {
-    <div class="col-lg-4 mb-3 mb-lg-0">
+    <div class="mb-5 row">
-      <mat-card appearance="outlined">
+      <div class="col-lg-4 mb-3 mb-lg-0">
-        <mat-card-content>
+        <mat-card appearance="outlined">
-          <gf-value
+          <mat-card-content>
-            i18n
+            <gf-value
-            size="large"
+              i18n
-            [isCurrency]="true"
+              size="large"
-            [locale]="user?.settings?.locale"
+              [isCurrency]="true"
-            [precision]="precision"
+              [locale]="user?.settings?.locale"
-            [unit]="user?.settings?.baseCurrency"
+              [precision]="precision"
-            [value]="
+              [unit]="user?.settings?.baseCurrency"
-              isLoadingInvestmentChart
+              [value]="
-                ? undefined
+                isLoadingInvestmentChart
-                : performance?.currentValueInBaseCurrency
+                  ? undefined
-            "
+                  : performance?.currentValueInBaseCurrency
-            >Total amount</gf-value
+              "
-          >
+              >Total amount</gf-value
-        </mat-card-content>
+            >
-      </mat-card>
+          </mat-card-content>
-    </div>
+        </mat-card>
-    <div class="col-lg-4 mb-3 mb-lg-0">
+      </div>
-      <mat-card appearance="outlined">
+      <div class="col-lg-4 mb-3 mb-lg-0">
-        <mat-card-content>
+        <mat-card appearance="outlined">
-          <gf-value
+          <mat-card-content>
-            i18n
+            <gf-value
-            size="large"
+              i18n
-            [colorizeSign]="true"
+              size="large"
-            [isCurrency]="true"
+              [colorizeSign]="true"
-            [locale]="user?.settings?.locale"
+              [isCurrency]="true"
-            [precision]="precision"
+              [locale]="user?.settings?.locale"
-            [unit]="user?.settings?.baseCurrency"
+              [precision]="precision"
-            [value]="
+              [unit]="user?.settings?.baseCurrency"
-              isLoadingInvestmentChart
+              [value]="
-                ? undefined
+                isLoadingInvestmentChart
-                : performance?.netPerformanceWithCurrencyEffect
+                  ? undefined
-            "
+                  : performance?.netPerformanceWithCurrencyEffect
-            >Change with currency effect</gf-value
+              "
-          >
+              >Change with currency effect</gf-value
-        </mat-card-content>
+            >
-      </mat-card>
+          </mat-card-content>
-    </div>
+        </mat-card>
-    <div class="col-lg-4">
+      </div>
-      <mat-card appearance="outlined">
+      <div class="col-lg-4">
-        <mat-card-content>
+        <mat-card appearance="outlined">
-          <gf-value
+          <mat-card-content>
-            i18n
+            <gf-value
-            size="large"
+              i18n
-            [colorizeSign]="true"
+              size="large"
-            [isPercent]="true"
+              [colorizeSign]="true"
-            [locale]="user?.settings?.locale"
+              [isPercent]="true"
-            [value]="
+              [locale]="user?.settings?.locale"
-              isLoadingInvestmentChart
+              [value]="
-                ? undefined
+                isLoadingInvestmentChart
-                : performance?.netPerformancePercentageWithCurrencyEffect
+                  ? undefined
-            "
+                  : performance?.netPerformancePercentageWithCurrencyEffect
-            >Performance with currency effect</gf-value
+              "
-          >
+              >Performance with currency effect</gf-value
-        </mat-card-content>
+            >
-      </mat-card>
+          </mat-card-content>
+        </mat-card>
+      </div>
     </div>
-  </div>
+  }
 
   <div class="mb-5 row">
     <div class="col-lg">