[frontend] Add chinese language option

OpenBAS-Platform · Aug 20, 2024 · 1a7c5de · 1a7c5de
1 parent 406fc56
commit 1a7c5de
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 8 deletions.
diff --git a/openbas-front/src/admin/components/profile/UserForm.js b/openbas-front/src/admin/components/profile/UserForm.js
@@ -96,6 +96,9 @@ const UserForm = ({ onSubmit, initialValues }) => {
             <MenuItem key="fr" value="fr">
               {t('French')}
             </MenuItem>
+            <MenuItem key="zh" value="zh">
+              {t('Chinese')}
+            </MenuItem>
           </OldSelectField>
           <div style={{ marginTop: 20 }}>
             <Button

diff --git a/openbas-front/src/admin/components/settings/ParametersForm.js b/openbas-front/src/admin/components/settings/ParametersForm.js
@@ -52,6 +52,9 @@ const ParametersForm = (props) => {
             <MenuItem key="fr" value="fr">
               {t('French')}
             </MenuItem>
+            <MenuItem key="zh" value="zh">
+              {t('Chinese')}
+            </MenuItem>
           </OldSelectField>
           <div style={{ marginTop: 20 }}>
             <Button

diff --git a/openbas-front/src/components/AppIntlProvider.js b/openbas-front/src/components/AppIntlProvider.js
@@ -23,6 +23,13 @@ const localeMap = {
   zh: cnLocale,
 };
 
+const momentMap = {
+  en: 'en-us',
+  fr: 'fr-fr',
+  es: 'es-es',
+  zh: 'zh-cn',
+};
+
 const AppIntlProvider = (props) => {
   const { children } = props;
   const { platformName, lang } = useHelper((helper) => {
@@ -36,11 +43,8 @@ const AppIntlProvider = (props) => {
     return { platformName: name, lang: userLang };
   });
   const baseMessages = i18n.messages[lang] || i18n.messages[DEFAULT_LANG];
-  if (lang === 'fr') {
-    moment.locale('fr-fr');
-  } else {
-    moment.locale('en-us');
-  }
+  const momentLocale = momentMap[lang];
+  moment.locale(momentLocale);
   useEffect(() => {
     document.title = platformName;
   }, [platformName]);

diff --git a/openbas-front/src/components/DateTimePicker.js b/openbas-front/src/components/DateTimePicker.js
@@ -7,7 +7,7 @@ const dateFormatsMap = {
   'en-us': 'yyyy-MM-dd',
   'fr-fr': 'dd/MM/yyyy',
   'es-es': 'dd/MM/yyyy',
-  'zg-cn': 'yyyy-MM-dd',
+  'zh-cn': 'yyyy-MM-dd',
 };
 
 const DateTimePickerBase = ({

diff --git a/openbas-front/src/utils/BrowserLanguage.js b/openbas-front/src/utils/BrowserLanguage.js
@@ -16,7 +16,7 @@ const browserLanguagePropertyKeys = [
   'systemLanguage',
 ];
 
-const availableLanguages = ['en', 'fr'];
+const availableLanguages = ['en', 'fr', 'zh'];
 
 const detectedLocale = R.pipe(
   R.pick(browserLanguagePropertyKeys), // Get only language properties

diff --git a/openbas-front/src/utils/Localization.js b/openbas-front/src/utils/Localization.js
@@ -1101,6 +1101,7 @@ const i18n = {
       Authorization: 'Autorisation',
       English: 'Anglais',
       French: 'Français',
+      Chinese: 'Chinois',
       Chat: 'Discussion',
       Source: 'Source',
       Result: 'Résultat',
@@ -1165,7 +1166,7 @@ const i18n = {
       'Rule description': 'Description de la règle',
       'Do you want to delete this representation?': 'Voulez-vous supprimer cette représentation ?',
       'Trigger time': 'Heure de lancement',
-      'Attribute mapping configuration': 'Configuration d\'attribut de mappeur',
+      'Attribute mapping configuration': 'Configuration d\'attribut de mapper',
       'The imported file contains absolute dates (ex.: 9h30). A starting date must be provided for the Scenario to be build': 'Le fichier importé contient des dates absolues (ex.: 9h30). Une date de début doit être fournie pour que le scénario puisse être créé',
       Test: 'Test',
       'Do you want to delete this XLS mapper ?': 'Voulez-vous supprimer ce mappage XLS ?',
@@ -2315,6 +2316,7 @@ const i18n = {
       Authorization: '授权',
       English: '英语',
       French: '法语',
+      Chinese: '中国人',
       Chat: '聊天',
       Source: '来源',
       Result: '结果',