Feature/translate monitoring license

.i18nrc.json

@@ -13,9 +13,10 @@
     "tileMap": "src/core_plugins/tile_map",
     "tagCloud": "src/core_plugins/tagcloud",
     "xpack.idxMgmt": "x-pack/plugins/index_management",
-    "xpack.watcher": "x-pack/plugins/watcher",
+    "xpack.monitoring": "x-pack/plugins/monitoring",
     "xpack.rollupJobs": "x-pack/plugins/rollup",
-    "xpack.security": "x-pack/plugins/security"
+    "xpack.security": "x-pack/plugins/security",
+    "xpack.watcher": "x-pack/plugins/watcher"
   },
   "exclude": [
     "src/ui/ui_render/bootstrap/app_bootstrap.js",

x-pack/plugins/monitoring/public/components/license/index.js

@@ -13,6 +13,7 @@ import {
   EuiPanel
 } from '@elastic/eui';
 import { LicenseStatus, AddLicense } from 'plugins/xpack_main/components';
+import { FormattedMessage } from '@kbn/i18n/react';
 
 const LicenseUpdateInfoForPrimary = ({ isPrimaryCluster, uploadLicensePath }) => {
   if (!isPrimaryCluster) {
@@ -32,8 +33,14 @@ const LicenseUpdateInfoForRemote = ({ isPrimaryCluster }) => {
   return (
     <EuiPanel>
       <p>
-        To update the license for this cluster, provide the license file through
-        the Elasticsearch API:
+        <FormattedMessage
+          id="xpack.monitoring.license.howToUpdateLicenseDescription"
+          defaultMessage="To update the license for this cluster, provide the license file through
+          the Elasticsearch {apiText}:"
+          values={{
+            apiText: 'API'
+          }}
+        />
       </p>
       <EuiSpacer />
       <EuiCodeBlock>

x-pack/plugins/monitoring/public/components/no_data/blurbs/changes_needed.js

@@ -6,16 +6,27 @@
 
 import React, { Fragment } from 'react';
 import { EuiTitle, EuiText, EuiTextColor } from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n/react';
 
 export const ChangesNeeded = () => {
   return (
     <Fragment>
       <EuiTitle size="l">
-        <h2>You need to make some adjustments</h2>
+        <h2>
+          <FormattedMessage
+            id="xpack.monitoring.noData.blurbs.changesNeededTitle"
+            defaultMessage="You need to make some adjustments"
+          />
+        </h2>
       </EuiTitle>
       <EuiTextColor color="subdued">
         <EuiText>
-          <p>To run monitoring please perform the following steps</p>
+          <p>
+            <FormattedMessage
+              id="xpack.monitoring.noData.blurbs.changesNeededDescription"
+              defaultMessage="To run monitoring please perform the following steps"
+            />
+          </p>
         </EuiText>
       </EuiTextColor>
     </Fragment>

x-pack/plugins/monitoring/public/components/no_data/blurbs/looking_for.js

@@ -6,16 +6,27 @@
 
 import React, { Fragment } from 'react';
 import { EuiTitle, EuiText, EuiTextColor } from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n/react';
 
 export const LookingFor = () => {
   return (
     <Fragment>
       <EuiTitle size="l">
-        <h2>We&apos;re looking for your monitoring data</h2>
+        <h2>
+          <FormattedMessage
+            id="xpack.monitoring.noData.blurbs.lookingForMonitoringDataTitle"
+            defaultMessage="We&apos;re looking for your monitoring data"
+          />
+        </h2>
       </EuiTitle>
       <EuiTextColor color="subdued">
         <EuiText>
-          <p>Monitoring provides insight to your hardware performance and load.</p>
+          <p>
+            <FormattedMessage
+              id="xpack.monitoring.noData.blurbs.lookingForMonitoringDataDescription"
+              defaultMessage="Monitoring provides insight to your hardware performance and load."
+            />
+          </p>
         </EuiText>
       </EuiTextColor>
     </Fragment>

x-pack/plugins/monitoring/public/components/no_data/blurbs/what_is.js

@@ -6,17 +6,26 @@
 
 import React, { Fragment } from 'react';
 import { EuiTitle, EuiText, EuiTextColor } from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n/react';
 
 export const WhatIs = () => {
   return (
     <Fragment>
       <EuiTitle size="l">
-        <h2>Monitoring is currently off</h2>
+        <h2>
+          <FormattedMessage
+            id="xpack.monitoring.noData.blurbs.monitoringIsOffTitle"
+            defaultMessage="Monitoring is currently off"
+          />
+        </h2>
       </EuiTitle>
       <EuiTextColor color="subdued">
         <EuiText>
           <p>
-            Monitoring provides insight to your hardware performance and load.
+            <FormattedMessage
+              id="xpack.monitoring.noData.blurbs.monitoringIsOffDescription"
+              defaultMessage="Monitoring provides insight to your hardware performance and load."
+            />
           </p>
         </EuiText>
       </EuiTextColor>

x-pack/plugins/monitoring/public/components/no_data/checker_errors.js

@@ -13,6 +13,7 @@ import {
   EuiDescriptionListDescription,
   EuiSpacer,
 } from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n/react';
 
 const ErrorList = ({ errors }) => {
   return errors.map((error, errorIndex) => {
@@ -44,9 +45,12 @@ export function CheckerErrors(props) {
         className="eui-textLeft"
       >
         <p>
-          There were some errors encountered in trying to check Elasticsearch
-          settings. You need administrator rights to check the settings and, if
-          needed, to enable the monitoring collection setting.
+          <FormattedMessage
+            id="xpack.monitoring.noData.checkerErrors.checkEsSettingsErrorMessage"
+            defaultMessage="There were some errors encountered in trying to check Elasticsearch
+            settings. You need administrator rights to check the settings and, if
+            needed, to enable the monitoring collection setting."
+          />
         </p>
 
         <EuiDescriptionList>

x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/collection_enabled.js

@@ -18,6 +18,7 @@ import {
   EuiTitle
 } from '@elastic/eui';
 import { WhatIs } from '../../blurbs';
+import { FormattedMessage } from '@kbn/i18n/react';
 
 export class ExplainCollectionEnabled extends React.Component {
   constructor(props) {
@@ -59,11 +60,22 @@ export class ExplainCollectionEnabled extends React.Component {
         <EuiHorizontalRule size="half" />
         <EuiText>
           <p>
-            We checked the {context} settings and found that <EuiCode>{property}</EuiCode>
-            is set to <EuiCode>{data}</EuiCode>.
+            <FormattedMessage
+              id="xpack.monitoring.noData.explanations.collectionEnabledDescription"
+              defaultMessage="We checked the {context} settings and found that {property}
+              is set to {data}."
+              values={{
+                context,
+                property: (<EuiCode>{property}</EuiCode>),
+                data: (<EuiCode>{data}</EuiCode>)
+              }}
+            />
           </p>
           <p>
-            Would you like to turn it on?
+            <FormattedMessage
+              id="xpack.monitoring.noData.explanations.collectionEnabled.turnItOnDescription"
+              defaultMessage="Would you like to turn it on?"
+            />
           </p>
         </EuiText>
         <EuiSpacer />
@@ -80,7 +92,10 @@ export class ExplainCollectionEnabled extends React.Component {
               data-test-subj="enableCollectionEnabled"
               isLoading={isCollectionEnabledUpdating}
             >
-              Turn on monitoring
+              <FormattedMessage
+                id="xpack.monitoring.noData.explanations.collectionEnabled.turnOnMonitoringButtonLabel"
+                defaultMessage="Turn on monitoring"
+              />
             </EuiButton>
           </EuiFlexItem>
         </EuiFlexGroup>
@@ -89,20 +104,33 @@ export class ExplainCollectionEnabled extends React.Component {
 
     const stillWaiting = this.state.waitedTooLong ? (
       <p>
-        <a href="#/">Still waiting?</a>
+        <a href="#/">
+          <FormattedMessage
+            id="xpack.monitoring.noData.explanations.collectionEnabled.stillWaitingLinkText"
+            defaultMessage="Still waiting?"
+          />
+        </a>
       </p>
     ) : null;
 
     const renderSuccess = () => (
       <Fragment>
         <EuiTitle size="l" data-test-subj="monitoringCollectionEnabledMessage">
-          <h2>Success! Getting your monitoring data.</h2>
+          <h2>
+            <FormattedMessage
+              id="xpack.monitoring.noData.explanations.collectionEnabled.monitoringTurnedOnTitle"
+              defaultMessage="Success! Getting your monitoring data."
+            />
+          </h2>
         </EuiTitle>
         <EuiHorizontalRule size="half" />
         <EuiText>
           <p>
-            When the data is in your cluster, your monitoring dashboard will
-            show up here. This might take a few seconds.
+            <FormattedMessage
+              id="xpack.monitoring.noData.explanations.collectionEnabled.monitoringTurnedOnDescription"
+              defaultMessage="When the data is in your cluster, your monitoring dashboard will
+              show up here. This might take a few seconds."
+            />
           </p>
         </EuiText>
         <EuiSpacer />

x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/collection_interval.js

@@ -18,6 +18,7 @@ import {
   EuiTitle
 } from '@elastic/eui';
 import { WhatIs } from '../../blurbs';
+import { FormattedMessage } from '@kbn/i18n/react';
 
 export class ExplainCollectionInterval extends React.Component {
   constructor(props) {
@@ -45,15 +46,29 @@ export class ExplainCollectionInterval extends React.Component {
         <EuiHorizontalRule size="half" />
         <EuiText>
           <p>
-            We checked the {context} settings and found that <EuiCode>{property}</EuiCode>
-            is set to <EuiCode>{data}</EuiCode>.
+            <FormattedMessage
+              id="xpack.monitoring.noData.explanations.collectionIntervalDescription"
+              defaultMessage="We checked the {context} settings and found that {property}
+              is set to {data}."
+              values={{
+                context,
+                property: (<EuiCode>{property}</EuiCode>),
+                data: (<EuiCode>{data}</EuiCode>)
+              }}
+            />
           </p>
           <p>
-            The collection interval setting needs to be a positive integer
-            (10s is recommended) in order for the collection agents to be active.
+            <FormattedMessage
+              id="xpack.monitoring.noData.explanations.collectionInterval.wrongIntervalValueDescription"
+              defaultMessage="The collection interval setting needs to be a positive integer
+              (10s is recommended) in order for the collection agents to be active."
+            />
           </p>
           <p>
-            Would you like us to change it and enable monitoring?
+            <FormattedMessage
+              id="xpack.monitoring.noData.explanations.collectionInterval.changeIntervalDescription"
+              defaultMessage="Would you like us to change it and enable monitoring?"
+            />
           </p>
         </EuiText>
         <EuiSpacer />
@@ -70,7 +85,10 @@ export class ExplainCollectionInterval extends React.Component {
               data-test-subj="enableCollectionInterval"
               isLoading={isCollectionIntervalUpdating}
             >
-              Turn on monitoring
+              <FormattedMessage
+                id="xpack.monitoring.noData.explanations.collectionInterval.turnOnMonitoringButtonLabel"
+                defaultMessage="Turn on monitoring"
+              />
             </EuiButton>
           </EuiFlexItem>
         </EuiFlexGroup>
@@ -79,14 +97,22 @@ export class ExplainCollectionInterval extends React.Component {
     const renderSuccess = () => (
       <Fragment>
         <EuiTitle size="l">
-          <h2>Success! Wait a moment please.</h2>
+          <h2>
+            <FormattedMessage
+              id="xpack.monitoring.noData.explanations.collectionInterval.monitoringTurnedOnTitle"
+              defaultMessage="Success! Wait a moment please."
+            />
+          </h2>
         </EuiTitle>
         <EuiHorizontalRule size="half" />
         <EuiText>
           <p>
-            As soon as monitoring data appears in your
-            cluster the page will automatically refresh with your monitoring
-            dashboard. This only takes only a few seconds.
+            <FormattedMessage
+              id="xpack.monitoring.noData.explanations.collectionInterval.monitoringTurnedOnDescription"
+              defaultMessage="As soon as monitoring data appears in your
+              cluster the page will automatically refresh with your monitoring
+              dashboard. This only takes only a few seconds."
+            />
           </p>
         </EuiText>
         <EuiSpacer />

x-pack/plugins/monitoring/public/components/no_data/explanations/exporters/exporters.js

@@ -12,6 +12,7 @@ import {
   EuiHorizontalRule,
 } from '@elastic/eui';
 import { ChangesNeeded } from '../../blurbs';
+import { FormattedMessage } from '@kbn/i18n/react';
 
 export function ExplainExporters({ context, property, data }) {
   return (
@@ -20,28 +21,46 @@ export function ExplainExporters({ context, property, data }) {
       <EuiHorizontalRule size="half" />
       <EuiText className="eui-textLeft">
         <p>
-          We checked the <EuiCode>{context}</EuiCode> settings for{' '}
-          <EuiCode>{property}</EuiCode>, and found the reason:{' '}
-          <EuiCode>{data}</EuiCode>.
+          <FormattedMessage
+            id="xpack.monitoring.noData.explanations.exportersDescription"
+            defaultMessage="We checked the {context} settings for
+            {property}, and found the reason: {data}."
+            values={{
+              context: (<EuiCode>{context}</EuiCode>),
+              property: (<EuiCode>{property}</EuiCode>),
+              data: (<EuiCode>{data}</EuiCode>)
+            }}
+          />
         </p>
 
         <p>
-          Using monitoring exporters ship the monitoring data to a remote
-          monitoring cluster is highly recommended as it keeps the integrity of
-          the monitoring data safe no matter what the state of the production
-          cluster. However, as this instance of Kibana could not find any
-          monitoring data, there seems to be a problem with the{' '}
-          <EuiCode>{property}</EuiCode> configuration, or the{' '}
-          <EuiCode>xpack.monitoring.elasticsearch</EuiCode> settings in{' '}
-          <EuiCode>kibana.yml</EuiCode>.
+          <FormattedMessage
+            id="xpack.monitoring.noData.explanations.exporters.problemWithConfigDescription"
+            defaultMessage="Using monitoring exporters ship the monitoring data to a remote
+            monitoring cluster is highly recommended as it keeps the integrity of
+            the monitoring data safe no matter what the state of the production
+            cluster. However, as this instance of Kibana could not find any
+            monitoring data, there seems to be a problem with the {property} configuration,
+            or the {monitoringEs} settings in {kibanaConfig}."
+            values={{
+              property: (<EuiCode>{property}</EuiCode>),
+              monitoringEs: (<EuiCode>xpack.monitoring.elasticsearch</EuiCode>),
+              kibanaConfig: (<EuiCode>kibana.yml</EuiCode>)
+            }}
+          />
         </p>
 
         <p>
-          Check that the intended exporters are enabled for sending statistics to
-          the monitoring cluster, and that the monitoring cluster host matches the{' '}
-          <EuiCode>xpack.monitoring.elasticsearch</EuiCode> setting in{' '}
-          <EuiCode>kibana.yml</EuiCode> to see monitoring data in this instance of
-          Kibana.
+          <FormattedMessage
+            id="xpack.monitoring.noData.explanations.exporters.checkConfigDescription"
+            defaultMessage="Check that the intended exporters are enabled for sending statistics to
+            the monitoring cluster, and that the monitoring cluster host matches the {monitoringEs}
+            setting in {kibanaConfig} to see monitoring data in this instance of Kibana."
+            values={{
+              monitoringEs: (<EuiCode>xpack.monitoring.elasticsearch</EuiCode>),
+              kibanaConfig: (<EuiCode>kibana.yml</EuiCode>)
+            }}
+          />
         </p>
       </EuiText>
     </Fragment>