Add i18n translation support (opensearch-project#362)

gulderov · Jun 12, 2021 · 18cabce · 18cabce
1 parent d9ea6da
commit 18cabce
Show file tree

Hide file tree

Showing 31 changed files with 3,109 additions and 527 deletions.
diff --git a/.i18nrc.json b/.i18nrc.json
@@ -0,0 +1,7 @@
+{
+  "paths": {
+    "opensearch.reports": "public"
+  },
+  "exclude": [],
+  "translations": ["translations/zh-CN.json", "translations/pl.json"]
+}
diff --git a/opensearch-dashboards-plugin-helpers.dev.json b/opensearch-dashboards-plugin-helpers.dev.json
@@ -3,8 +3,10 @@
     "package.json",
     "tsconfig.json",
     "yarn.lock",
+    ".i18nrc.json",
     "common/**/*",
     "public/**/*",
-    "server/**/*"
+    "server/**/*",
+    "translations/**/*"
   ]
 }
diff --git a/public/components/app.tsx b/public/components/app.tsx
@@ -49,6 +49,7 @@ import { Main } from './main/main';
 import { ReportDetails } from './main/report_details/report_details';
 import { ReportDefinitionDetails } from './main/report_definition_details/report_definition_details';
 import { EditReportDefinition } from './report_definitions/edit/edit_report_definition';
+import { i18n } from '@osd/i18n';
 
 export interface CoreInterface {
   http: CoreStart['http'];
@@ -93,7 +94,10 @@ export const ReportsDashboardsApp = ({
                     path="/report_details/:reportId"
                     render={(props) => (
                       <ReportDetails
-                        title="Report Details"
+                        title={i18n.translate(
+                          'opensearch.reports.app.reportDetails',
+                          { defaultMessage: 'Report Details' }
+                        )}
                         httpClient={http}
                         {...props}
                         setBreadcrumbs={chrome.setBreadcrumbs}
@@ -104,7 +108,10 @@ export const ReportsDashboardsApp = ({
                     path="/report_definition_details/:reportDefinitionId"
                     render={(props) => (
                       <ReportDefinitionDetails
-                        title="Report Definition Details"
+                        title={i18n.translate(
+                          'opensearch.reports.app.reportDefinitionDetails',
+                          { defaultMessage: 'Report Definition Details' }
+                        )}
                         httpClient={http}
                         {...props}
                         setBreadcrumbs={chrome.setBreadcrumbs}
@@ -115,7 +122,10 @@ export const ReportsDashboardsApp = ({
                     path="/create"
                     render={(props) => (
                       <CreateReport
-                        title="Create Report"
+                        title={i18n.translate(
+                          'opensearch.reports.app.createReport',
+                          { defaultMessage: 'Create Report' }
+                        )}
                         httpClient={http}
                         {...props}
                         setBreadcrumbs={chrome.setBreadcrumbs}
@@ -126,7 +136,10 @@ export const ReportsDashboardsApp = ({
                     path="/edit/:reportDefinitionId"
                     render={(props) => (
                       <EditReportDefinition
-                        title="Edit Report Definition"
+                        title={i18n.translate(
+                          'opensearch.reports.app.editReportDefinition',
+                          { defaultMessage: 'Edit Report Definition' }
+                        )}
                         httpClient={http}
                         {...props}
                         setBreadcrumbs={chrome.setBreadcrumbs}
@@ -137,7 +150,10 @@ export const ReportsDashboardsApp = ({
                     path="/"
                     render={(props) => (
                       <Main
-                        title="Reporting Homepage"
+                        title={i18n.translate(
+                          'opensearch.reports.app.reportingHomepage',
+                          { defaultMessage: 'Reporting Homepage' }
+                        )}
                         httpClient={http}
                         {...props}
                         setBreadcrumbs={chrome.setBreadcrumbs}

diff --git a/public/components/context_menu/context_menu.js b/public/components/context_menu/context_menu.js
@@ -27,6 +27,7 @@
 /* eslint-disable no-restricted-globals */
 import $ from 'jquery';
 import dateMath from '@elastic/datemath';
+import { i18n } from '@osd/i18n';
 import { readStreamToFile } from '../main/main_utils';
 import {
   contextMenuCreateReportDefinition,
@@ -280,7 +281,11 @@ function locationHashChanged() {
           return;
         }
         const menuItem = document.createElement('div');
-        menuItem.innerHTML = getMenuItem('Reporting');
+        menuItem.innerHTML = getMenuItem(
+          i18n.translate('opensearch.reports.menu.name', {
+            defaultMessage: 'Reporting',
+          })
+        );
         navMenu[0].insertBefore(menuItem.children[0], navMenu[0].lastChild);
       } catch (e) {
         console.log(e);