Task/set up language localization for Japanese (#7132)

* Set up language localization for Japanese

* Update changelog

---------

Co-authored-by: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>

CHANGELOG.md

@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - Added support for filtering in the public access for portfolio sharing (experimental)
+- Set up the language localization for Japanese (`ja`)
 
 ## 3.17.0 - 2026-06-26
 

apps/client/project.json

@@ -26,6 +26,10 @@
         "baseHref": "/it/",
         "translation": "apps/client/src/locales/messages.it.xlf"
       },
+      "ja": {
+        "baseHref": "/ja/",
+        "translation": "apps/client/src/locales/messages.ja.xlf"
+      },
       "ko": {
         "baseHref": "/ko/",
         "translation": "apps/client/src/locales/messages.ko.xlf"
@@ -114,6 +118,10 @@
           "baseHref": "/it/",
           "localize": ["it"]
         },
+        "development-ja": {
+          "baseHref": "/ja/",
+          "localize": ["ja"]
+        },
         "development-ko": {
           "baseHref": "/ko/",
           "localize": ["ko"]
@@ -239,6 +247,9 @@
         "development-it": {
           "buildTarget": "client:build:development-it"
         },
+        "development-ja": {
+          "buildTarget": "client:build:development-ja"
+        },
         "development-ko": {
           "buildTarget": "client:build:development-ko"
         },
@@ -278,6 +289,7 @@
           "messages.es.xlf",
           "messages.fr.xlf",
           "messages.it.xlf",
+          "messages.ja.xlf",
           "messages.ko.xlf",
           "messages.nl.xlf",
           "messages.pl.xlf",

apps/client/src/app/components/footer/footer.component.html

@@ -141,6 +141,13 @@
         <li>
           <a href="../it" title="Ghostfolio in Italiano">Italiano</a>
         </li>
+        <!--
+          <li>
+            <a href="../ja" title="Ghostfolio in Japanese (日本語)"
+              >Japanese (日本語)</a
+            >
+          </li>
+        -->
         <li>
           <a href="../ko" title="Ghostfolio in Korean (한국어)"
             >Korean (한국어)</a

apps/client/src/app/components/user-account-settings/user-account-settings.component.ts

@@ -91,6 +91,7 @@ export class GfUserAccountSettingsComponent implements OnInit {
     'es',
     'fr',
     'it',
+    // 'ja',
     'ko',
     'nl',
     'pl',

apps/client/src/app/components/user-account-settings/user-account-settings.html

@@ -103,6 +103,15 @@
                     >Italiano (<ng-container i18n>Community</ng-container
                     >)</mat-option
                   >
+                  <!--
+                    @if (user?.settings?.isExperimentalFeatures) {
+                      <mat-option value="ja"
+                        >Japanese / 日本語 (<ng-container i18n
+                          >Community</ng-container
+                        >)</mat-option
+                      >
+                    }
+                  -->
                   @if (user?.settings?.isExperimentalFeatures) {
                     <mat-option value="ko"
                       >Korean / 한국어 (<ng-container i18n

apps/client/src/app/pages/resources/personal-finance-tools/product-page.component.ts

@@ -41,6 +41,7 @@ export class GfProductPageComponent {
       'Español',
       'Français',
       'Italiano',
+      // 'Japanese (日本語)',
       'Korean (한국어)',
       'Nederlands',
       'Português',

libs/common/src/lib/config.ts

@@ -314,6 +314,7 @@ export const SUPPORTED_LANGUAGE_CODES = [
   'es',
   'fr',
   'it',
+  // 'ja',
   'ko',
   'nl',
   'pl',

libs/common/src/lib/helper.ts

@@ -23,6 +23,7 @@ import {
   es,
   fr,
   it,
+  ja,
   ko,
   nl,
   pl,
@@ -262,6 +263,8 @@ export function getDateFnsLocale(aLanguageCode?: string) {
     return fr;
   } else if (aLanguageCode === 'it') {
     return it;
+  } else if (aLanguageCode === 'ja') {
+    return ja;
   } else if (aLanguageCode === 'ko') {
     return ko;
   } else if (aLanguageCode === 'nl') {