Fix dynamic decimal places

apps/client/src/app/components/position/position-detail-dialog/position-detail-dialog.component.ts

@@ -14,6 +14,7 @@ import {
   LineChartItem
 } from '@ghostfolio/common/interfaces';
 import { OrderWithAccount } from '@ghostfolio/common/types';
+import { translate } from '@ghostfolio/ui/i18n';
 import { Tag } from '@prisma/client';
 import { format, isSameMonth, isToday, parseISO } from 'date-fns';
 import { Subject } from 'rxjs';
@@ -29,6 +30,8 @@ import { PositionDetailDialogParams } from './interfaces/interfaces';
   styleUrls: ['./position-detail-dialog.component.scss']
 })
 export class PositionDetailDialog implements OnDestroy, OnInit {
+  public assetClass: string;
+  public assetSubClass: string;
   public averagePrice: number;
   public benchmarkDataItems: LineChartItem[];
   public countries: {
@@ -126,6 +129,14 @@ export class PositionDetailDialog implements OnDestroy, OnInit {
           this.transactionCount = transactionCount;
           this.value = value;
 
+          if (SymbolProfile?.assetClass) {
+            this.assetClass = translate(SymbolProfile?.assetClass);
+          }
+
+          if (SymbolProfile?.assetSubClass) {
+            this.assetSubClass = translate(SymbolProfile?.assetSubClass);
+          }
+
           if (SymbolProfile?.countries?.length > 0) {
             for (const country of SymbolProfile.countries) {
               this.countries[country.code] = {

apps/client/src/app/components/position/position-detail-dialog/position-detail-dialog.html

@@ -139,11 +139,7 @@
         >
       </div>
       <div class="col-6 mb-3">
-        <gf-value
-          i18n
-          size="medium"
-          [hidden]="!SymbolProfile?.assetClass"
-          [value]="SymbolProfile?.assetClass"
+        <gf-value i18n size="medium" [hidden]="!assetClass" [value]="assetClass"
           >Asset Class</gf-value
         >
       </div>
@@ -151,8 +147,8 @@
         <gf-value
           i18n
           size="medium"
-          [hidden]="!SymbolProfile?.assetSubClass"
-          [value]="SymbolProfile?.assetSubClass"
+          [hidden]="!assetSubClass"
+          [value]="assetSubClass"
           >Asset Sub Class</gf-value
         >
       </div>

apps/client/src/app/services/data.service.ts

@@ -304,20 +304,6 @@ export class DataService {
             }
           }
 
-          if (data.SymbolProfile) {
-            if (data.SymbolProfile.assetClass) {
-              data.SymbolProfile.assetClass = <AssetClass>(
-                translate(data.SymbolProfile.assetClass)
-              );
-            }
-
-            if (data.SymbolProfile.assetSubClass) {
-              data.SymbolProfile.assetSubClass = <AssetSubClass>(
-                translate(data.SymbolProfile.assetSubClass)
-              );
-            }
-          }
-
           return data;
         })
       );