From 55881e65958d7ccc8c6401431ca779f62f819c06 Mon Sep 17 00:00:00 2001
From: Maryia Lapata <mary.lopato@gmail.com>
Date: Sat, 20 Oct 2018 15:19:06 +0300
Subject: [PATCH] Feature/translate watcher(part_2) (#24017) (#24276)

* translate watcher(pad_2)

* fix issues

* fix issues
---
 .../threshold_watch_agg_field.html            | 12 ++++---
 .../threshold_watch_agg_field.js              | 11 ++++--
 .../threshold_watch_agg_type.html             |  6 ++--
 .../threshold_watch_agg_type.js               |  6 ++--
 .../threshold_watch_group_by.html             | 30 +++++++++-------
 .../threshold_watch_group_by.js               | 12 +++++--
 .../threshold_watch_threshold_level.html      | 12 +++----
 .../threshold_watch_time_window.html          | 32 ++++++++---------
 .../threshold_watch_time_window.js            |  6 ++--
 .../lib/comparators.js                        | 10 ++++--
 .../lib/group_by_types.js                     | 10 ++++--
 .../lib/time_units.js                         | 34 +++++++++++++-----
 .../threshold_watch_expression.html           |  6 ++--
 .../tool_bar_selected_count.html              |  3 +-
 .../components/watch_action/watch_action.html | 14 ++++----
 .../watch_email_action.html                   | 36 +++++++++----------
 .../watch_logging_action.html                 | 12 +++----
 .../watch_slack_action.html                   | 24 ++++++-------
 .../watch_actions/watch_actions.html          |  9 +++--
 .../watcher/public/constants/time_units.js    | 33 ++++++++++++-----
 .../public/models/action/base_action.js       | 20 ++++++++---
 .../public/models/action/email_action.js      | 35 ++++++++++++++----
 .../public/models/action/logging_action.js    | 29 +++++++++++----
 .../public/models/action/slack_action.js      | 34 ++++++++++++++----
 .../watcher/public/models/watch/base_watch.js | 20 ++++++++---
 .../watcher/public/models/watch/json_watch.js |  9 +++--
 .../public/models/watch/threshold_watch.js    | 22 +++++++++---
 27 files changed, 334 insertions(+), 153 deletions(-)

diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_field/threshold_watch_agg_field.html b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_field/threshold_watch_agg_field.html
index f220d73ac3e32f..a103fbecfc5881 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_field/threshold_watch_agg_field.html
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_field/threshold_watch_agg_field.html
@@ -16,9 +16,9 @@
       xpack-aria-describes="{{thresholdWatchAggField.makeId('aggField')}}"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchAggField.isValidationMessageVisible('aggField', 'required')"
-    >
-      Please select a field.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.aggType.fieldIsRequiredValidationMessage"
+      i18n-default-message="Please select a field."
+    ></div>
     <select
       id="{{thresholdWatchAggField.makeId('aggField')}}"
       class="kuiSelect"
@@ -27,7 +27,11 @@
       ng-model="thresholdWatchAggField.aggField"
       ng-options="aggField as aggField.name group by aggField.normalizedType for aggField in thresholdWatchAggField.aggFields"
     >
-      <option value="">Select a field...</option>
+      <option
+        value=""
+        i18n-id="xpack.watcher.thresholdWatchExpression.aggType.selectFieldDropdownPlaceholder"
+        i18n-default-message="Select a field…"
+      ></option>
     </select>
   </form>
 </expression-item>
diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_field/threshold_watch_agg_field.js b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_field/threshold_watch_agg_field.js
index 6448027aa99987..756ca66f47fcd8 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_field/threshold_watch_agg_field.js
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_field/threshold_watch_agg_field.js
@@ -12,7 +12,7 @@ import 'plugins/watcher/components/xpack_aria_describes';
 
 const app = uiModules.get('xpack/watcher');
 
-app.directive('thresholdWatchAggField', function ($injector) {
+app.directive('thresholdWatchAggField', function ($injector, i18n) {
   const htmlIdGeneratorFactory = $injector.get('xpackWatcherHtmlIdGeneratorFactory');
 
   return {
@@ -51,11 +51,16 @@ app.directive('thresholdWatchAggField', function ($injector) {
           }
         });
 
-        this.itemDescription = 'Of';
+        this.itemDescription = i18n('xpack.watcher.thresholdWatchExpression.aggField.itemDescription', {
+          defaultMessage: 'Of',
+        });
       }
 
       get itemValue() {
-        return this.aggField ? this.aggField.name : 'select a field';
+        return this.aggField ? this.aggField.name : i18n(
+          'xpack.watcher.thresholdWatchExpression.aggField.selectFieldTextMessage', {
+            defaultMessage: 'select a field',
+          });
       }
     }
   };
diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_type/threshold_watch_agg_type.html b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_type/threshold_watch_agg_type.html
index c41c4314f27041..981fcf12aa131c 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_type/threshold_watch_agg_type.html
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_type/threshold_watch_agg_type.html
@@ -16,9 +16,9 @@
       xpack-aria-describes="{{thresholdWatchAggType.makeId('aggType')}}"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchAggType.isValidationMessageVisible('aggType', 'required')"
-    >
-      Please select an aggregation type.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.aggType.requiredTypeValidationMessage"
+      i18n-default-message="Please select an aggregation type."
+    ></div>
     <select
       id="{{thresholdWatchAggType.makeId('aggType')}}"
       class="kuiSelect"
diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_type/threshold_watch_agg_type.js b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_type/threshold_watch_agg_type.js
index d8f1543e7cee71..135c3341ee527f 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_type/threshold_watch_agg_type.js
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_agg_type/threshold_watch_agg_type.js
@@ -12,7 +12,7 @@ import 'plugins/watcher/components/xpack_aria_describes';
 
 const app = uiModules.get('xpack/watcher');
 
-app.directive('thresholdWatchAggType', function ($injector) {
+app.directive('thresholdWatchAggType', function ($injector, i18n) {
   const htmlIdGeneratorFactory = $injector.get('xpackWatcherHtmlIdGeneratorFactory');
 
   return {
@@ -43,7 +43,9 @@ app.directive('thresholdWatchAggType', function ($injector) {
         $scope.$watch('thresholdWatchAggType.form.$valid', this.checkValidity);
         $scope.$watch('thresholdWatchAggType.form.$dirty', this.checkDirty);
 
-        this.itemDescription = 'When';
+        this.itemDescription = i18n('xpack.watcher.thresholdWatchExpression.aggType.itemDescription', {
+          defaultMessage: 'When',
+        });
       }
 
       get itemValue() {
diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_group_by/threshold_watch_group_by.html b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_group_by/threshold_watch_group_by.html
index f6e8d3b4597fe3..b978b55e58f66b 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_group_by/threshold_watch_group_by.html
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_group_by/threshold_watch_group_by.html
@@ -16,33 +16,33 @@
       xpack-aria-describes="{{thresholdWatchGroupBy.makeId('termSize')}}"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchGroupBy.isValidationMessageVisible('termSize', 'required')"
-    >
-      A value is required.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.groupBy.requiredValueValidationMessage"
+      i18n-default-message="A value is required."
+    ></div>
     <div
       id="{{thresholdWatchGroupBy.makeId(['termSize', 'number'])}}"
       xpack-aria-describes="{{thresholdWatchGroupBy.makeId('termSize')}}"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchGroupBy.isValidationMessageVisible('termSize', 'number')"
-    >
-      Value must be a valid number.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.groupBy.valueMustBeValidNumberValidationMessage"
+      i18n-default-message="Value must be a valid number."
+    ></div>
     <div
       id="{{thresholdWatchGroupBy.makeId(['termSize', 'min'])}}"
       xpack-aria-describes="{{thresholdWatchGroupBy.makeId('termSize')}}"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchGroupBy.isValidationMessageVisible('termSize', 'min')"
-    >
-      Value must be greater than 0.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.groupBy.valueMustBeGraterThanZeroValidationMessage"
+      i18n-default-message="Value must be greater than 0."
+    ></div>
     <div
       id="{{thresholdWatchGroupBy.makeId(['termField', 'required'])}}"
       xpack-aria-describes="{{thresholdWatchGroupBy.makeId('termField')}}"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchGroupBy.isValidationMessageVisible('termField', 'required')"
-    >
-      Please select a field.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.groupBy.requiredFieldValidationMessage"
+      i18n-default-message="Please select a field."
+    ></div>
     <select
       id="{{thresholdWatchGroupBy.makeId('groupByType')}}"
       class="kuiSelect"
@@ -67,7 +67,11 @@
       ng-options="termField as termField.name group by termField.normalizedType for termField in thresholdWatchGroupBy.termFields"
       ng-if="thresholdWatchGroupBy.groupByType.sizeRequired"
     >
-      <option value="">Select a field...</option>
+      <option
+        value=""
+        i18n-id="xpack.watcher.thresholdWatchExpression.groupBy.selectFieldDropdownPlaceholder"
+        i18n-default-message="Select a field…"
+      ></option>
     </select>
   </form>
 </expression-item>
diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_group_by/threshold_watch_group_by.js b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_group_by/threshold_watch_group_by.js
index 29048c1fe92849..e89a23070dd269 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_group_by/threshold_watch_group_by.js
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_group_by/threshold_watch_group_by.js
@@ -12,7 +12,7 @@ import 'plugins/watcher/components/xpack_aria_describes';
 
 const app = uiModules.get('xpack/watcher');
 
-app.directive('thresholdWatchGroupBy', function ($injector) {
+app.directive('thresholdWatchGroupBy', function ($injector, i18n) {
   const htmlIdGeneratorFactory = $injector.get('xpackWatcherHtmlIdGeneratorFactory');
 
   return {
@@ -57,7 +57,15 @@ app.directive('thresholdWatchGroupBy', function ($injector) {
       }
 
       get itemDescription() {
-        return (this.groupByType && this.groupByType.sizeRequired) ? 'Grouped over' : 'Over';
+        const itemDescription = (this.groupByType && this.groupByType.sizeRequired)
+          ? i18n('xpack.watcher.thresholdWatchExpression.groupBy.groupedItemDescription', {
+            defaultMessage: 'Grouped over',
+          })
+          : i18n('xpack.watcher.thresholdWatchExpression.groupBy.itemDescription', {
+            defaultMessage: 'Over',
+          });
+
+        return itemDescription;
       }
 
       get itemValue() {
diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_threshold_level/threshold_watch_threshold_level.html b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_threshold_level/threshold_watch_threshold_level.html
index 51aa630e6736d2..76be0699679e0e 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_threshold_level/threshold_watch_threshold_level.html
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_threshold_level/threshold_watch_threshold_level.html
@@ -16,17 +16,17 @@
       xpack-aria-describes="{{thresholdWatchThresholdLevel.makeId('threshold')}}"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchThresholdLevel.isValidationMessageVisible('threshold', 'required')"
-    >
-      A value is required.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.thresholdLevel.valueIsRequiredValidationMessage"
+      i18n-default-message="A value is required."
+    ></div>
     <div
       id="{{thresholdWatchThresholdLevel.makeId(['threshold', 'number'])}}"
       xpack-aria-describes="{{thresholdWatchThresholdLevel.makeId('threshold')}}"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchThresholdLevel.isValidationMessageVisible('threshold', 'number')"
-    >
-      Value must be a valid number.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.thresholdLevel.valueMustBeValidNumberValidationMessage"
+      i18n-default-message="Value must be a valid number."
+    ></div>
     <select
       id="{{thresholdWatchThresholdLevel.makeId('thresholdComparator')}}"
       name="thresholdComparator"
diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_time_window/threshold_watch_time_window.html b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_time_window/threshold_watch_time_window.html
index 88b135ef469763..9972b9f5fc5ec1 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_time_window/threshold_watch_time_window.html
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_time_window/threshold_watch_time_window.html
@@ -16,42 +16,42 @@
       xpack-aria-describes="durationSelectWindowSize"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchTimeWindow.isValidationMessageVisible('durationSelectWindowSize', 'required')"
-    >
-      Window duration size is required.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.timeWindow.durationSizeIsRequiredValidationMessage"
+      i18n-default-message="Window duration size is required."
+    ></div>
     <div
       id="{{thresholdWatchTimeWindow.makeId(['durationSelectWindowSize', 'min'])}}"
       aria-describes="durationSelectWindowSize"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchTimeWindow.isValidationMessageVisible('durationSelectWindowSize', 'min')"
-    >
-      Window duration size can not be a negative number.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.timeWindow.durationSizeMustBePositiveNumberValidationMessage"
+      i18n-default-message="Window duration size can not be a negative number."
+    ></div>
     <div
       id="{{thresholdWatchTimeWindow.makeId(['durationSelectWindowSize', 'number'])}}"
       xpack-aria-describes="durationSelectWindowSize"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchTimeWindow.isValidationMessageVisible('durationSelectWindowSize', 'number')"
-    >
-      Window duration size must be a valid number.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.timeWindow.durationSizeMustBeValidNumberValidationMessage"
+      i18n-default-message="Window duration size must be a valid number."
+    ></div>
     <div
       id="{{thresholdWatchTimeWindow.makeId(['durationSelectWindowUnit', 'required'])}}"
       xpack-aria-describes="durationSelectWindowUnit"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchTimeWindow.isValidationMessageVisible('durationSelectWindowUnit', 'required')"
-    >
-      Window duration unit is required.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.timeWindow.durationUnitIsRequiredValidationMessage"
+      i18n-default-message="Window duration unit is required."
+    ></div>
     <div
       id="{{thresholdWatchTimeWindow.makeId(['durationSelectWindowSize', 'minimumDuration'])}}"
       xpack-aria-describes="durationSelectWindowSize durationSelectWindowUnit"
       class="kuiInputNote kuiInputNote--danger"
       ng-if="thresholdWatchTimeWindow.isValidationMessageVisible('durationSelectWindowSize', 'minimumDuration', false)"
-    >
-      Window duration is too short.
-      The minimum allowed is {{thresholdWatchTimeWindow.timeWindowMinimumSize}}{{thresholdWatchTimeWindow.timeWindowMinimumUnit}}.
-    </div>
+      i18n-id="xpack.watcher.thresholdWatchExpression.timeWindow.durationIsTooShortValidationMessage"
+      i18n-default-message="Window duration is too short. The minimum allowed is {minimumSize}{minimumUnit}."
+      i18n-values="{ minimumSize: thresholdWatchTimeWindow.timeWindowMinimumSize, minimumUnit: thresholdWatchTimeWindow.timeWindowMinimumUnit }"
+    ></div>
     <duration-select
       duration-id="window"
       minimum-unit="thresholdWatchTimeWindow.timeWindowMinimumUnit"
diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_time_window/threshold_watch_time_window.js b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_time_window/threshold_watch_time_window.js
index e4f96fb01ade89..1004318c06e3ad 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_time_window/threshold_watch_time_window.js
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/components/threshold_watch_time_window/threshold_watch_time_window.js
@@ -15,7 +15,7 @@ import 'plugins/watcher/components/xpack_aria_describes';
 
 const app = uiModules.get('xpack/watcher');
 
-app.directive('thresholdWatchTimeWindow', function ($injector) {
+app.directive('thresholdWatchTimeWindow', function ($injector, i18n) {
   const htmlIdGeneratorFactory = $injector.get('xpackWatcherHtmlIdGeneratorFactory');
 
   return {
@@ -55,7 +55,9 @@ app.directive('thresholdWatchTimeWindow', function ($injector) {
       }
 
       get itemDescription() {
-        return 'For the last';
+        return i18n('xpack.watcher.thresholdWatchExpression.timeWindow.itemDescription', {
+          defaultMessage: 'For the last',
+        });
       }
 
       get itemValue() {
diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/lib/comparators.js b/x-pack/plugins/watcher/public/components/threshold_watch_expression/lib/comparators.js
index 2ba6c64f115868..12e0cbd1694459 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/lib/comparators.js
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/lib/comparators.js
@@ -4,15 +4,21 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
+import { i18n } from '@kbn/i18n';
+
 import { COMPARATORS } from 'plugins/watcher/../common/constants';
 
 export const comparators = {
   'above': {
-    label: 'Is above',
+    label: i18n.translate('xpack.watcher.thresholdWatchExpression.comparators.isAboveLabel', {
+      defaultMessage: 'Is above',
+    }),
     value: COMPARATORS.GREATER_THAN
   },
   'below': {
-    label: 'Is below',
+    label: i18n.translate('xpack.watcher.thresholdWatchExpression.comparators.isBelowLabel', {
+      defaultMessage: 'Is below',
+    }),
     value: COMPARATORS.LESS_THAN
   }
 };
diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/lib/group_by_types.js b/x-pack/plugins/watcher/public/components/threshold_watch_expression/lib/group_by_types.js
index 67231495bd0588..44e9f00fcebf40 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/lib/group_by_types.js
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/lib/group_by_types.js
@@ -4,15 +4,21 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
+import { i18n } from '@kbn/i18n';
+
 export const groupByTypes = {
   'all': {
-    label: 'all documents',
+    label: i18n.translate('xpack.watcher.thresholdWatchExpression.groupByLabel.allDocumentsLabel', {
+      defaultMessage: 'all documents',
+    }),
     sizeRequired: false,
     value: 'all',
     validNormalizedTypes: []
   },
   'top': {
-    label: 'top',
+    label: i18n.translate('xpack.watcher.thresholdWatchExpression.groupByLabel.topLabel', {
+      defaultMessage: 'top',
+    }),
     sizeRequired: true,
     value: 'top',
     validNormalizedTypes: ['number', 'date', 'keyword']
diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/lib/time_units.js b/x-pack/plugins/watcher/public/components/threshold_watch_expression/lib/time_units.js
index 941c4cae10a302..4048bc11813f85 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/lib/time_units.js
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/lib/time_units.js
@@ -4,25 +4,43 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
+import { i18n } from '@kbn/i18n';
+
 export const timeUnits = {
   'second': {
-    labelPlural: 'seconds',
-    labelSingular: 'second',
+    labelPlural: i18n.translate('xpack.watcher.thresholdWatchExpression.timeUnits.secondPluralLabel', {
+      defaultMessage: 'seconds',
+    }),
+    labelSingular: i18n.translate('xpack.watcher.thresholdWatchExpression.timeUnits.secondSingularLabel', {
+      defaultMessage: 'second',
+    }),
     value: 's'
   },
   'minute': {
-    labelPlural: 'minutes',
-    labelSingular: 'minute',
+    labelPlural: i18n.translate('xpack.watcher.thresholdWatchExpression.timeUnits.minutePluralLabel', {
+      defaultMessage: 'minutes',
+    }),
+    labelSingular: i18n.translate('xpack.watcher.thresholdWatchExpression.timeUnits.minuteSingularLabel', {
+      defaultMessage: 'minute',
+    }),
     value: 'm'
   },
   'hour': {
-    labelPlural: 'hours',
-    labelSingular: 'hour',
+    labelPlural: i18n.translate('xpack.watcher.thresholdWatchExpression.timeUnits.hourPluralLabel', {
+      defaultMessage: 'hours',
+    }),
+    labelSingular: i18n.translate('xpack.watcher.thresholdWatchExpression.timeUnits.hourSingularLabel', {
+      defaultMessage: 'hour',
+    }),
     value: 'h'
   },
   'day': {
-    labelPlural: 'days',
-    labelSingular: 'day',
+    labelPlural: i18n.translate('xpack.watcher.thresholdWatchExpression.timeUnits.dayPluralLabel', {
+      defaultMessage: 'days',
+    }),
+    labelSingular: i18n.translate('xpack.watcher.thresholdWatchExpression.timeUnits.daySingularLabel', {
+      defaultMessage: 'day',
+    }),
     value: 'd'
   }
 };
diff --git a/x-pack/plugins/watcher/public/components/threshold_watch_expression/threshold_watch_expression.html b/x-pack/plugins/watcher/public/components/threshold_watch_expression/threshold_watch_expression.html
index 58ad43032c4129..e69d5edc9499a3 100644
--- a/x-pack/plugins/watcher/public/components/threshold_watch_expression/threshold_watch_expression.html
+++ b/x-pack/plugins/watcher/public/components/threshold_watch_expression/threshold_watch_expression.html
@@ -2,9 +2,9 @@
   <div
     class="kuiInputNote kuiInputNote--danger"
     ng-show="thresholdWatchExpression.showExpressionValidation()"
-  >
-    Please fix the errors in the expression below.
-  </div>
+    i18n-id="xpack.watcher.thresholdWatchExpression.fixErrorInExpressionBelowValidationMessage"
+    i18n-default-message="Please fix the errors in the expression below."
+  ></div>
 
   <threshold-watch-agg-type
     item-id="agg-type"
diff --git a/x-pack/plugins/watcher/public/components/tool_bar_selected_count/tool_bar_selected_count.html b/x-pack/plugins/watcher/public/components/tool_bar_selected_count/tool_bar_selected_count.html
index 05cbbe6aa83c59..94b385d759ecde 100644
--- a/x-pack/plugins/watcher/public/components/tool_bar_selected_count/tool_bar_selected_count.html
+++ b/x-pack/plugins/watcher/public/components/tool_bar_selected_count/tool_bar_selected_count.html
@@ -1,3 +1,4 @@
 <div class="kuiToolBarText">
-  {{ toolBarSelectedCount.count }} {{ toolBarSelectedCount.count === 1 ? toolBarSelectedCount.singularName : toolBarSelectedCount.pluralName}} selected
+    {{ toolBarSelectedCount.count }} {{ toolBarSelectedCount.count === 1 ? toolBarSelectedCount.singularName : toolBarSelectedCount.pluralName}}
+    {{ 'xpack.watcher.toolBarSelectedCountText' | i18n: { defaultMessage: 'selected' } }}
 </div>
diff --git a/x-pack/plugins/watcher/public/components/watch_actions/components/watch_action/watch_action.html b/x-pack/plugins/watcher/public/components/watch_actions/components/watch_action/watch_action.html
index 1ba90c9e156988..7c5c569f60f2be 100644
--- a/x-pack/plugins/watcher/public/components/watch_actions/components/watch_action/watch_action.html
+++ b/x-pack/plugins/watcher/public/components/watch_actions/components/watch_action/watch_action.html
@@ -23,9 +23,10 @@
       </span>
       <span
         class="watchActionErrorMessage"
-        ng-if="watchAction.isCollapsed && !watchAction.isValid">
-        There are errors in this action that need to be addressed before you can save.
-      </span>
+        ng-if="watchAction.isCollapsed && !watchAction.isValid"
+        i18n-id="xpack.watcher.watchActions.errorInActionValidationMessage"
+        i18n-default-message="There are errors in this action that need to be addressed before you can save."
+      ></span>
     </span>
   </button>
   <div
@@ -47,9 +48,10 @@
         <button
           class="kuiButton kuiButton--danger kuiButton--iconText watchActionDeleteButton"
           ng-click="watchAction.onDelete(watchAction.action)"
-        >
-          Remove {{watchAction.action.typeName}} Action
-        </button>
+          i18n-id="xpack.watcher.watchActions.removeActionButtonLabel"
+          i18n-default-message="Remove {actionTypeName} Action"
+          i18n-values="{ actionTypeName: watchAction.action.typeName }"
+        ></button>
       </div>
   </div>
 </div>
diff --git a/x-pack/plugins/watcher/public/components/watch_actions/components/watch_email_action/watch_email_action.html b/x-pack/plugins/watcher/public/components/watch_actions/components/watch_email_action/watch_email_action.html
index 8b1846ec4e5dc6..8d395448ecfde8 100644
--- a/x-pack/plugins/watcher/public/components/watch_actions/components/watch_email_action/watch_email_action.html
+++ b/x-pack/plugins/watcher/public/components/watch_actions/components/watch_email_action/watch_email_action.html
@@ -2,9 +2,9 @@
   <label
     for="{{watchEmailAction.makeId('to')}}"
     class="kuiFormLabel"
-  >
-    To e-mail address
-  </label>
+    i18n-id="xpack.watcher.watchActions.email.emailAddressLabel"
+    i18n-default-message="To e-mail address"
+  ></label>
   <input
     type="text"
     id="{{watchEmailAction.makeId('to')}}"
@@ -19,17 +19,17 @@
     xpack-aria-describes="{{watchEmailAction.makeId('to')}}"
     class="kuiInputNote kuiInputNote--danger"
     ng-if="watchEmailAction.isValidationMessageVisible('to', 'required')"
-  >
-    To e-mail address is required.
-  </div>
+    i18n-id="xpack.watcher.watchActions.email.emailAddressIsRequiredValidationMessage"
+    i18n-default-message="To e-mail address is required."
+  ></div>
 </div>
 <div class="kuiFormSection">
   <label
     for="{{watchEmailAction.makeId('subject')}}"
     class="kuiFormLabel"
-  >
-    Subject
-  </label>
+    i18n-id="xpack.watcher.watchActions.email.subjectLabel"
+    i18n-default-message="Subject"
+  ></label>
   <input
     type="text"
     id="{{watchEmailAction.makeId('subject')}}"
@@ -43,17 +43,17 @@
     xpack-aria-describes="{{watchEmailAction.makeId('subject')}}"
     class="kuiInputNote kuiInputNote--danger"
     ng-if="watchEmailAction.isValidationMessageVisible('subject', 'required')"
-  >
-    Subject is required.
-  </div>
+    i18n-id="xpack.watcher.watchActions.email.subjectIsRequiredValidationMessage"
+    i18n-default-message="Subject is required."
+  ></div>
 </div>
 <div class="kuiFormSection">
   <label
     for="{{watchEmailAction.makeId('body')}}"
     class="kuiFormLabel"
-  >
-    Body
-  </label>
+    i18n-id="xpack.watcher.watchActions.email.bodyLabel"
+    i18n-default-message="Body"
+  ></label>
   <textarea
     id="{{watchEmailAction.makeId('body')}}"
     name="body"
@@ -66,7 +66,7 @@
     xpack-aria-describes="{{watchEmailAction.makeId('body')}}"
     class="kuiInputNote kuiInputNote--danger"
     ng-if="watchEmailAction.isValidationMessageVisible('body', 'required')"
-  >
-    Body is required.
-  </div>
+    i18n-id="xpack.watcher.watchActions.email.bodyIsRequiredValidationMessage"
+    i18n-default-message="Body is required."
+  ></div>
 </div>
diff --git a/x-pack/plugins/watcher/public/components/watch_actions/components/watch_logging_action/watch_logging_action.html b/x-pack/plugins/watcher/public/components/watch_actions/components/watch_logging_action/watch_logging_action.html
index e7b6ec610c375e..d2a29d733efaa6 100644
--- a/x-pack/plugins/watcher/public/components/watch_actions/components/watch_logging_action/watch_logging_action.html
+++ b/x-pack/plugins/watcher/public/components/watch_actions/components/watch_logging_action/watch_logging_action.html
@@ -2,9 +2,9 @@
   <label
     for="{{watchLoggingAction.makeId('text')}}"
     class="kuiFormLabel"
-  >
-    Log text
-  </label>
+    i18n-id="xpack.watcher.watchActions.logging.logTextLabel"
+    i18n-default-message="Log text"
+  ></label>
   <input
     type="text"
     id="{{watchLoggingAction.makeId('text')}}"
@@ -19,7 +19,7 @@
     xpack-aria-describes="{{watchLoggingAction.makeId('text')}}"
     class="kuiInputNote kuiInputNote--danger"
     ng-if="watchLoggingAction.isValidationMessageVisible('text', 'required')"
-  >
-    Log text is required.
-  </div>
+    i18n-id="xpack.watcher.watchActions.logging.logTextIsRequiredValidationMessage"
+    i18n-default-message="Log text is required."
+  ></div>
 </div>
diff --git a/x-pack/plugins/watcher/public/components/watch_actions/components/watch_slack_action/watch_slack_action.html b/x-pack/plugins/watcher/public/components/watch_actions/components/watch_slack_action/watch_slack_action.html
index a3b7e2ce9b1fa2..6d6272a2f8e10f 100644
--- a/x-pack/plugins/watcher/public/components/watch_actions/components/watch_slack_action/watch_slack_action.html
+++ b/x-pack/plugins/watcher/public/components/watch_actions/components/watch_slack_action/watch_slack_action.html
@@ -2,9 +2,9 @@
   <label
     for="{{watchSlackAction.makeId('to')}}"
     class="kuiFormLabel"
-  >
-    Recipient
-  </label>
+    i18n-id="xpack.watcher.watchActions.slack.recipientLabel"
+    i18n-default-message="Recipient"
+  ></label>
   <input
     type="text"
     id="{{watchSlackAction.makeId('to')}}"
@@ -19,17 +19,17 @@
     xpack-aria-describes="{{watchSlackAction.makeId('to')}}"
     class="kuiInputNote kuiInputNote--danger"
     ng-if="watchSlackAction.isValidationMessageVisible('to', 'required')"
-  >
-    Recipient is required.
-  </div>
+    i18n-id="xpack.watcher.watchActions.slack.recipientIsRequiredValidationMessage"
+    i18n-default-message="Recipient is required."
+  ></div>
 </div>
 <div class="kuiFormSection">
   <label
     for="{{watchSlackAction.makeId('text')}}"
     class="kuiFormLabel"
-  >
-    Message
-  </label>
+    i18n-id="xpack.watcher.watchActions.slack.messageLabel"
+    i18n-default-message="Message"
+  ></label>
   <textarea
     id="{{watchSlackAction.makeId('text')}}"
     name="text"
@@ -42,7 +42,7 @@
     xpack-aria-describes="{{watchSlackAction.makeId('text')}}"
     class="kuiInputNote kuiInputNote--danger"
     ng-if="watchSlackAction.isValidationMessageVisible('text', 'required')"
-  >
-    Message is required.
-  </div>
+    i18n-id="xpack.watcher.watchActions.slack.messageIsRequiredValidationMessage"
+    i18n-default-message="Message is required."
+  ></div>
 </div>
diff --git a/x-pack/plugins/watcher/public/components/watch_actions/watch_actions.html b/x-pack/plugins/watcher/public/components/watch_actions/watch_actions.html
index 652b8d18e69727..974d2b6a6843e7 100644
--- a/x-pack/plugins/watcher/public/components/watch_actions/watch_actions.html
+++ b/x-pack/plugins/watcher/public/components/watch_actions/watch_actions.html
@@ -1,8 +1,11 @@
 <div class="watchActions">
   <div class="watchActionsHeader">
-    <div class="watchActionsHeaderTitle">
-      Will perform {{watchActions.items.length}} action{{ watchActions.items.length === 1 ? '' : 's' }} once met
-    </div>
+    <div
+      class="watchActionsHeaderTitle"
+      i18n-id="xpack.watcher.watchActionsTitle"
+      i18n-default-message="Will perform {watchActionsCount, plural, one{# action} other {# actions}} once met"
+      i18n-values="{ watchActionsCount: watchActions.items.length }"
+    ></div>
     <action-type-select
       class="watchActionsActionType"
       on-change="watchActions.onActionTypeChange"
diff --git a/x-pack/plugins/watcher/public/constants/time_units.js b/x-pack/plugins/watcher/public/constants/time_units.js
index 4193c584e0fe28..05457882472695 100644
--- a/x-pack/plugins/watcher/public/constants/time_units.js
+++ b/x-pack/plugins/watcher/public/constants/time_units.js
@@ -5,22 +5,39 @@
  */
 
 import { TIME_UNITS as COMMON_TIME_UNITS } from 'plugins/watcher/../common/constants/time_units';
+import { i18n } from '@kbn/i18n';
 
 export const TIME_UNITS = {
   [COMMON_TIME_UNITS.SECOND]: {
-    labelPlural: 'seconds',
-    labelSingular: 'second'
+    labelPlural: i18n.translate('xpack.watcher.timeUnits.secondPluralLabel', {
+      defaultMessage: 'seconds',
+    }),
+    labelSingular: i18n.translate('xpack.watcher.timeUnits.secondSingularLabel', {
+      defaultMessage: 'second',
+    }),
   },
   [COMMON_TIME_UNITS.MINUTE]: {
-    labelPlural: 'minutes',
-    labelSingular: 'minute'
+    labelPlural: i18n.translate('xpack.watcher.timeUnits.minutePluralLabel', {
+      defaultMessage: 'minutes',
+    }),
+    labelSingular: i18n.translate('xpack.watcher.timeUnits.minuteSingularLabel', {
+      defaultMessage: 'minute',
+    })
   },
   [COMMON_TIME_UNITS.HOUR]: {
-    labelPlural: 'hours',
-    labelSingular: 'hour'
+    labelPlural: i18n.translate('xpack.watcher.timeUnits.hourPluralLabel', {
+      defaultMessage: 'hours',
+    }),
+    labelSingular: i18n.translate('xpack.watcher.timeUnits.hourSingularLabel', {
+      defaultMessage: 'hour',
+    }),
   },
   [COMMON_TIME_UNITS.DAY]: {
-    labelPlural: 'days',
-    labelSingular: 'day'
+    labelPlural: i18n.translate('xpack.watcher.timeUnits.dayPluralLabel', {
+      defaultMessage: 'days',
+    }),
+    labelSingular: i18n.translate('xpack.watcher.timeUnits.daySingularLabel', {
+      defaultMessage: 'day',
+    }),
   }
 };
diff --git a/x-pack/plugins/watcher/public/models/action/base_action.js b/x-pack/plugins/watcher/public/models/action/base_action.js
index addd1deffccccb..50d37dcde2edc3 100644
--- a/x-pack/plugins/watcher/public/models/action/base_action.js
+++ b/x-pack/plugins/watcher/public/models/action/base_action.js
@@ -5,6 +5,7 @@
  */
 
 import { get } from 'lodash';
+import { i18n } from '@kbn/i18n';
 
 export class BaseAction {
   constructor(props = {}) {
@@ -34,7 +35,12 @@ export class BaseAction {
   }
 
   get simulateMessage() {
-    return `Action ${this.id} simulated successfully`;
+    return i18n.translate('xpack.watcher.models.baseAction.simulateMessage', {
+      defaultMessage: 'Action {id} simulated successfully',
+      values: {
+        id: this.id
+      }
+    });
   }
 
   get simulatePrompt() {
@@ -45,9 +51,15 @@ export class BaseAction {
     return this.constructor.template;
   }
 
-  static typeName = 'Action';
+  static typeName = i18n.translate('xpack.watcher.models.baseAction.typeName', {
+    defaultMessage: 'Action',
+  });
   static iconClass = 'fa-cog';
   static template = '';
-  static selectMessage = 'Perform an action.';
-  static simulatePrompt = 'Simulate this action now';
+  static selectMessage = i18n.translate('xpack.watcher.models.baseAction.selectMessageText', {
+    defaultMessage: 'Perform an action.',
+  });
+  static simulatePrompt = i18n.translate('xpack.watcher.models.baseAction.simulateButtonLabel', {
+    defaultMessage: 'Simulate this action now',
+  });
 }
diff --git a/x-pack/plugins/watcher/public/models/action/email_action.js b/x-pack/plugins/watcher/public/models/action/email_action.js
index 782a081697bc5f..fbcfdaa4123e86 100644
--- a/x-pack/plugins/watcher/public/models/action/email_action.js
+++ b/x-pack/plugins/watcher/public/models/action/email_action.js
@@ -6,6 +6,7 @@
 
 import { get, isArray } from 'lodash';
 import { BaseAction } from './base_action';
+import { i18n } from '@kbn/i18n';
 
 export class EmailAction extends BaseAction {
   constructor(props = {}) {
@@ -32,26 +33,48 @@ export class EmailAction extends BaseAction {
   get description() {
     const toList = this.to.join(', ');
     const subject = this.subject || '';
-    return `"${subject}" will be sent to ${toList}`;
+    return i18n.translate('xpack.watcher.models.emailAction.description', {
+      defaultMessage: '"{subject}" will be sent to {toList}',
+      values: {
+        subject,
+        toList
+      }
+    });
   }
 
   get simulateMessage() {
     const toList = this.to.join(', ');
-    return `Sample e-mail sent to ${toList}`;
+    return i18n.translate('xpack.watcher.models.emailAction.simulateMessage', {
+      defaultMessage: 'Sample e-mail sent to {toList}',
+      values: {
+        toList
+      }
+    });
   }
 
   get simulateFailMessage() {
     const toList = this.to.join(', ');
-    return `Failed to send e-mail to ${toList}.`;
+    return i18n.translate('xpack.watcher.models.emailAction.simulateFailMessage', {
+      defaultMessage: 'Failed to send e-mail to {toList}.',
+      values: {
+        toList
+      }
+    });
   }
 
   static fromUpstreamJson(upstreamAction) {
     return new EmailAction(upstreamAction);
   }
 
-  static typeName = 'E-mail';
+  static typeName = i18n.translate('xpack.watcher.models.emailAction.typeName', {
+    defaultMessage: 'E-mail',
+  });
   static iconClass = 'kuiIcon fa-envelope-o';
   static template = '<watch-email-action></watch-email-action>';
-  static selectMessage = 'Send out an e-mail from your server.';
-  static simulatePrompt = 'Test fire an e-mail now';
+  static selectMessage = i18n.translate('xpack.watcher.models.emailAction.selectMessageText', {
+    defaultMessage: 'Send out an e-mail from your server.',
+  });
+  static simulatePrompt = i18n.translate('xpack.watcher.models.emailAction.simulateButtonLabel', {
+    defaultMessage: 'Test fire an e-mail now'
+  });
 }
diff --git a/x-pack/plugins/watcher/public/models/action/logging_action.js b/x-pack/plugins/watcher/public/models/action/logging_action.js
index 266dd953796109..41fd86d668979a 100644
--- a/x-pack/plugins/watcher/public/models/action/logging_action.js
+++ b/x-pack/plugins/watcher/public/models/action/logging_action.js
@@ -6,6 +6,7 @@
 
 import { get } from 'lodash';
 import { BaseAction } from './base_action';
+import { i18n } from '@kbn/i18n';
 
 export class LoggingAction extends BaseAction {
   constructor(props = {}) {
@@ -26,25 +27,39 @@ export class LoggingAction extends BaseAction {
 
   get description() {
     const text = this.text || '';
-    return `Log message '${text}'`;
+    return i18n.translate('xpack.watcher.models.loggingAction.description', {
+      defaultMessage: 'Log message \'{text}\'',
+      values: {
+        text
+      }
+    });
   }
 
   get simulateMessage() {
-    return `Sample message logged`;
+    return i18n.translate('xpack.watcher.models.loggingAction.simulateMessage', {
+      defaultMessage: 'Sample message logged',
+    });
   }
 
   get simulateFailMessage() {
-    return `Failed to log sample message.`;
+    return i18n.translate('xpack.watcher.models.loggingAction.simulateFailMessage', {
+      defaultMessage: 'Failed to log sample message.',
+    });
   }
 
   static fromUpstreamJson(upstreamAction) {
     return new LoggingAction(upstreamAction);
   }
 
-  static typeName = 'Logging';
+  static typeName = i18n.translate('xpack.watcher.models.loggingAction.typeName', {
+    defaultMessage: 'Logging',
+  });
   static iconClass = 'kuiIcon fa-file-text-o';
-  static selectMessage = 'Add a new item to the logs.';
+  static selectMessage = i18n.translate('xpack.watcher.models.loggingAction.selectMessageText', {
+    defaultMessage: 'Add a new item to the logs.',
+  });
   static template = '<watch-logging-action></watch-logging-action>';
-  static selectMessage = 'Add a new item to the logs.';
-  static simulatePrompt = 'Log a sample message now';
+  static simulatePrompt = i18n.translate('xpack.watcher.models.loggingAction.simulateButtonLabel', {
+    defaultMessage: 'Log a sample message now',
+  });
 }
diff --git a/x-pack/plugins/watcher/public/models/action/slack_action.js b/x-pack/plugins/watcher/public/models/action/slack_action.js
index 9dd23d4036e166..6f8146c24d3545 100644
--- a/x-pack/plugins/watcher/public/models/action/slack_action.js
+++ b/x-pack/plugins/watcher/public/models/action/slack_action.js
@@ -6,6 +6,7 @@
 
 import { get, isArray } from 'lodash';
 import { BaseAction } from './base_action';
+import { i18n } from '@kbn/i18n';
 
 export class SlackAction extends BaseAction {
   constructor(props = {}) {
@@ -29,26 +30,47 @@ export class SlackAction extends BaseAction {
 
   get description() {
     const toList = this.to.join(', ');
-    return `Slack message will be sent to ${toList}`;
+    return i18n.translate('xpack.watcher.models.slackAction.description', {
+      defaultMessage: 'Slack message will be sent to {toList}',
+      values: {
+        toList
+      }
+    });
   }
 
   get simulateMessage() {
     const toList = this.to.join(', ');
-    return `Sample Slack message sent to ${toList}.`;
+    return i18n.translate('xpack.watcher.models.slackAction.simulateMessage', {
+      defaultMessage: 'Sample Slack message sent to {toList}.',
+      values: {
+        toList
+      }
+    });
   }
 
   get simulateFailMessage() {
     const toList = this.to.join(', ');
-    return `Failed to send sample Slack message to ${toList}.`;
+    return i18n.translate('xpack.watcher.models.slackAction.simulateFailMessage', {
+      defaultMessage: 'Failed to send sample Slack message to {toList}.',
+      values: {
+        toList
+      }
+    });
   }
 
   static fromUpstreamJson(upstreamAction) {
     return new SlackAction(upstreamAction);
   }
 
-  static typeName = 'Slack';
+  static typeName = i18n.translate('xpack.watcher.models.slackAction.TypeName', {
+    defaultMessage: 'Slack'
+  });
   static iconClass = 'kuiIcon fa-slack';
   static template = '<watch-slack-action></watch-slack-action>';
-  static selectMessage = 'Send a message to a slack user or channel.';
-  static simulatePrompt = 'Send a sample message now';
+  static selectMessage = i18n.translate('xpack.watcher.models.slackAction.selectMessageText', {
+    defaultMessage: 'Send a message to a slack user or channel.'
+  });
+  static simulatePrompt = i18n.translate('xpack.watcher.models.slackAction.simulateButtonLabel', {
+    defaultMessage: 'Send a sample message now'
+  });
 }
diff --git a/x-pack/plugins/watcher/public/models/watch/base_watch.js b/x-pack/plugins/watcher/public/models/watch/base_watch.js
index ce156ea276a271..27bf94d14f9c8c 100644
--- a/x-pack/plugins/watcher/public/models/watch/base_watch.js
+++ b/x-pack/plugins/watcher/public/models/watch/base_watch.js
@@ -10,6 +10,7 @@ import { Action } from '../action';
 import { WatchStatus } from '../watch_status';
 import { createActionId } from './lib/create_action_id';
 import { checkActionIdCollision } from './lib/check_action_id_collision';
+import { i18n } from '@kbn/i18n';
 
 export class BaseWatch {
   /**
@@ -44,7 +45,12 @@ export class BaseWatch {
     const ActionType = ActionTypes[type];
 
     if (!Boolean(ActionType)) {
-      throw new Error(`Attempted to create unknown action type ${type}.`);
+      throw new Error(
+        i18n.translate('xpack.watcher.models.baseWatch.createUnknownActionTypeErrorMessage', {
+          defaultMessage: 'Attempted to create unknown action type {type}.',
+          values: { type }
+        })
+      );
     }
 
     const id = createActionId(this.actions, type);
@@ -72,7 +78,9 @@ export class BaseWatch {
 
   get displayName() {
     if (this.isNew) {
-      return 'New Watch';
+      return i18n.translate('xpack.watcher.models.baseWatch.displayName', {
+        defaultMessage: 'New Watch',
+      });
     } else if (this.name) {
       return this.name;
     } else {
@@ -122,9 +130,13 @@ export class BaseWatch {
     return isEqual(cleanWatch, cleanOtherWatch);
   }
 
-  static typeName = 'Watch';
+  static typeName = i18n.translate('xpack.watcher.models.baseWatch.typeName', {
+    defaultMessage: 'Watch',
+  });
   static iconClass = '';
-  static selectMessage = 'Set up a new watch.';
+  static selectMessage = i18n.translate('xpack.watcher.models.baseWatch.selectMessageText', {
+    defaultMessage: 'Set up a new watch.',
+  });
   static isCreatable = true;
   static selectSortOrder = 0;
 }
diff --git a/x-pack/plugins/watcher/public/models/watch/json_watch.js b/x-pack/plugins/watcher/public/models/watch/json_watch.js
index cb9bf0b5e5af79..586efc5ad7f780 100644
--- a/x-pack/plugins/watcher/public/models/watch/json_watch.js
+++ b/x-pack/plugins/watcher/public/models/watch/json_watch.js
@@ -8,6 +8,7 @@ import { get } from 'lodash';
 import { BaseWatch } from './base_watch';
 import { WATCH_TYPES } from 'plugins/watcher/../common/constants';
 import defaultWatchJson from './default_watch.json';
+import { i18n } from '@kbn/i18n';
 
 /**
  * {@code JsonWatch} allows a user to create a Watch by writing the raw JSON.
@@ -34,9 +35,13 @@ export class JsonWatch extends BaseWatch {
   }
 
   static defaultWatchJson =  defaultWatchJson;
-  static typeName = 'Advanced Watch';
+  static typeName = i18n.translate('xpack.watcher.models.jsonWatch.typeName', {
+    defaultMessage: 'Advanced Watch'
+  });
   static iconClass = '';
-  static selectMessage = 'Set up a custom watch in raw JSON.';
+  static selectMessage = i18n.translate('xpack.watcher.models.jsonWatch.selectMessageText', {
+    defaultMessage: 'Set up a custom watch in raw JSON.'
+  });
   static isCreatable = true;
   static selectSortOrder = 100;
 }
diff --git a/x-pack/plugins/watcher/public/models/watch/threshold_watch.js b/x-pack/plugins/watcher/public/models/watch/threshold_watch.js
index 01db1d85d27584..0643a74ea35edc 100644
--- a/x-pack/plugins/watcher/public/models/watch/threshold_watch.js
+++ b/x-pack/plugins/watcher/public/models/watch/threshold_watch.js
@@ -8,6 +8,7 @@ import { BaseWatch } from './base_watch';
 import uuid from 'uuid';
 import { WATCH_TYPES, SORT_ORDERS, COMPARATORS } from 'plugins/watcher/../common/constants';
 import { getTimeUnitsLabel } from 'plugins/watcher/lib/get_time_units_label';
+import { i18n } from '@kbn/i18n';
 
 const DEFAULT_VALUES = {
   AGG_TYPE: 'count',
@@ -56,13 +57,22 @@ export class ThresholdWatch extends BaseWatch {
   }
 
   get titleDescription() {
-    const staticPart = `Send an alert when a specific condition is met.`;
+    const staticPart = i18n.translate('xpack.watcher.models.thresholdWatch.sendAlertOnSpecificConditionTitleDescription', {
+      defaultMessage: 'Send an alert when a specific condition is met.'
+    });
     if (isNaN(this.triggerIntervalSize)) {
       return staticPart;
     }
 
     const timeUnitLabel = getTimeUnitsLabel(this.triggerIntervalUnit, this.triggerIntervalSize);
-    return `${staticPart} This will run every ${this.triggerIntervalSize} ${timeUnitLabel}.`;
+    const dynamicPartText = i18n.translate('xpack.watcher.models.thresholdWatch.thresholdWatchIntervalTitleDescription', {
+      defaultMessage: 'This will run every {triggerIntervalSize} {timeUnitLabel}.',
+      values: {
+        triggerIntervalSize: this.triggerIntervalSize,
+        timeUnitLabel
+      }
+    });
+    return `${staticPart} ${dynamicPartText}`;
   }
 
   get upstreamJson() {
@@ -93,9 +103,13 @@ export class ThresholdWatch extends BaseWatch {
     return DEFAULT_VALUES;
   }
 
-  static typeName = 'Threshold Alert';
+  static typeName = i18n.translate('xpack.watcher.models.thresholdWatch.typeName', {
+    defaultMessage: 'Threshold Alert'
+  });
   static iconClass = '';
-  static selectMessage = 'Send an alert on a specific condition';
+  static selectMessage = i18n.translate('xpack.watcher.models.thresholdWatch.selectMessageText', {
+    defaultMessage: 'Send an alert on a specific condition'
+  });
   static isCreatable = true;
   static selectSortOrder = 1;
 }