Improve i18n

apps/client/src/app/components/investment-chart/investment-chart.component.ts

@@ -122,7 +122,7 @@ export class InvestmentChartComponent implements OnChanges, OnDestroy {
           data: this.investments.map((position) => {
             return position.investment;
           }),
-          label: 'Investment',
+          label: $localize`Investment`,
           segment: {
             borderColor: (context: unknown) =>
               this.isInFuture(

apps/client/src/app/pages/portfolio/allocations/allocations-page.component.ts

@@ -54,8 +54,8 @@ export class AllocationsPageComponent implements OnDestroy, OnInit {
   };
   public period = 'current';
   public periodOptions: ToggleOption[] = [
-    { label: 'Initial', value: 'original' },
+    { label: $localize`Initial`, value: 'original' },
-    { label: 'Current', value: 'current' }
+    { label: $localize`Current`, value: 'current' }
   ];
   public placeholder = '';
   public portfolioDetails: PortfolioDetails;

apps/client/src/app/pages/portfolio/analysis/analysis-page.component.ts

@@ -26,8 +26,8 @@ export class AnalysisPageComponent implements OnDestroy, OnInit {
   public investmentsByMonth: InvestmentItem[];
   public mode: GroupBy;
   public modeOptions: ToggleOption[] = [
-    { label: 'Monthly', value: 'month' },
+    { label: $localize`Monthly`, value: 'month' },
-    { label: 'Accumulating', value: undefined }
+    { label: $localize`Accumulating`, value: undefined }
   ];
   public top3: Position[];
   public user: User;

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

@@ -52,7 +52,7 @@
       <mat-card class="mb-3">
         <mat-card-header>
           <mat-card-title class="align-items-center d-flex" i18n
-            >Top 3</mat-card-title
+            >Top</mat-card-title
           >
         </mat-card-header>
         <mat-card-content>
@@ -88,7 +88,7 @@
       <mat-card class="mb-3">
         <mat-card-header>
           <mat-card-title class="align-items-center d-flex" i18n
-            >Bottom 3</mat-card-title
+            >Bottom</mat-card-title
           >
         </mat-card-header>
         <mat-card-content>

apps/client/src/locales/messages.de.xlf

@@ -2493,6 +2493,14 @@
           <context context-type="linenumber">171</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="e34e2478d2d30c9d01758d01b7212411171b9bd5" datatype="html">
+        <source>Projected Total Amount</source>
+        <target state="translated">Geschätzter Gesamtbetrag</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">libs/ui/src/lib/fire-calculator/fire-calculator.component.html</context>
+          <context context-type="linenumber">44</context>
+        </context-group>
+      </trans-unit>
     </body>
   </file>
 </xliff>

apps/client/src/locales/messages.xlf

@@ -2227,6 +2227,13 @@
           <context context-type="linenumber">145</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="e34e2478d2d30c9d01758d01b7212411171b9bd5" datatype="html">
+        <source>Projected Total Amount</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">libs/ui/src/lib/fire-calculator/fire-calculator.component.html</context>
+          <context context-type="linenumber">44</context>
+        </context-group>
+      </trans-unit>
     </body>
   </file>
 </xliff>

libs/ui/src/lib/fire-calculator/fire-calculator.component.html

@@ -35,13 +35,14 @@
         </mat-form-field>
 
         <gf-value
-          label="Projected Total Amount"
+          i18n
           size="large"
           [currency]="currency"
           [isCurrency]="true"
           [locale]="locale"
           [value]="projectedTotalAmount"
-        ></gf-value>
+          >Projected Total Amount</gf-value
+        >
       </form>
     </div>
     <div class="col-md-9 text-center">

libs/ui/src/lib/fire-calculator/fire-calculator.component.ts

@@ -273,7 +273,7 @@ export class FireCalculatorComponent
     const datasetDeposit = {
       backgroundColor: `rgb(${primaryColorRgb.r}, ${primaryColorRgb.g}, ${primaryColorRgb.b})`,
       data: [],
-      label: 'Deposit'
+      label: $localize`Deposit`
     };
 
     const datasetInterest = {
@@ -283,7 +283,7 @@ export class FireCalculatorComponent
         .lighten(0.5)
         .hex(),
       data: [],
-      label: 'Interest'
+      label: $localize`Interest`
     };
 
     const datasetSavings = {
@@ -293,7 +293,7 @@ export class FireCalculatorComponent
         .lighten(0.25)
         .hex(),
       data: [],
-      label: 'Savings'
+      label: $localize`Savings`
     };
 
     for (let period = 1; period <= t; period++) {