From fc70d90abe59736b60ca67e3017799af44a067a3 Mon Sep 17 00:00:00 2001
From: pavel06081991 <pavel.1991@tut.by>
Date: Tue, 30 Oct 2018 15:12:24 +0300
Subject: [PATCH] Translations for Table Vis plugin (#23679) (#24729)

add translations for table vis plugin
---
 .i18nrc.json                                  |  1 +
 .../table_vis/public/table_vis.html           |  5 ++-
 .../table_vis/public/table_vis.js             | 21 +++++++++---
 .../table_vis/public/table_vis_params.html    | 32 +++++++++++++++----
 4 files changed, 47 insertions(+), 12 deletions(-)

diff --git a/.i18nrc.json b/.i18nrc.json
index ad2adb78a400..5e7447cda0d1 100644
--- a/.i18nrc.json
+++ b/.i18nrc.json
@@ -6,6 +6,7 @@
     "kbnVislibVisTypes": "src/core_plugins/kbn_vislib_vis_types",
     "markdownVis": "src/core_plugins/markdown_vis",
     "metricVis": "src/core_plugins/metric_vis",
+    "tableVis": "src/core_plugins/table_vis",
     "regionMap": "src/core_plugins/region_map",
     "statusPage": "src/core_plugins/status_page",
     "tileMap": "src/core_plugins/tile_map",
diff --git a/src/core_plugins/table_vis/public/table_vis.html b/src/core_plugins/table_vis/public/table_vis.html
index 24cef37caaeb..c225d34f441b 100644
--- a/src/core_plugins/table_vis/public/table_vis.html
+++ b/src/core_plugins/table_vis/public/table_vis.html
@@ -1,7 +1,10 @@
 <div ng-controller="KbnTableVisController" class="table-vis">
   <div ng-if="!hasSomeRows && hasSomeRows !== null" class="table-vis-error">
     <h2 aria-hidden="true"><i aria-hidden="true" class="fa fa-meh-o"></i></h2>
-    <h4>No results found</h4>
+    <h4
+      i18n-id="tableVis.vis.noResultsFoundTitle"
+      i18n-default-message="No results found"
+    ></h4>
   </div>
 
   <div ng-if="tableGroups" class="table-vis-container" data-test-subj="tableVis">
diff --git a/src/core_plugins/table_vis/public/table_vis.js b/src/core_plugins/table_vis/public/table_vis.js
index dfa28c34968c..0cd14d43253d 100644
--- a/src/core_plugins/table_vis/public/table_vis.js
+++ b/src/core_plugins/table_vis/public/table_vis.js
@@ -17,6 +17,7 @@
  * under the License.
  */
 
+import { i18n } from '@kbn/i18n';
 import './table_vis_controller';
 import './table_vis_params';
 import 'ui/agg_table';
@@ -51,9 +52,13 @@ function TableVisTypeProvider(Private) {
   return VisFactory.createAngularVisualization({
     type: 'table',
     name: 'table',
-    title: 'Data Table',
+    title: i18n.translate('tableVis.tableVisTitle', {
+      defaultMessage: 'Data Table',
+    }),
     icon: 'visTable',
-    description: 'Display values in a table',
+    description: i18n.translate('tableVis.tableVisDescription', {
+      defaultMessage: 'Display values in a table',
+    }),
     category: CATEGORY.DATA,
     visConfig: {
       defaults: {
@@ -75,7 +80,9 @@ function TableVisTypeProvider(Private) {
         {
           group: 'metrics',
           name: 'metric',
-          title: 'Metric',
+          title: i18n.translate('tableVis.tableVisEditorConfig.schemas.metricTitle', {
+            defaultMessage: 'Metric',
+          }),
           aggFilter: ['!geo_centroid', '!geo_bounds'],
           min: 1,
           defaults: [
@@ -85,13 +92,17 @@ function TableVisTypeProvider(Private) {
         {
           group: 'buckets',
           name: 'bucket',
-          title: 'Split Rows',
+          title: i18n.translate('tableVis.tableVisEditorConfig.schemas.bucketTitle', {
+            defaultMessage: 'Split Rows',
+          }),
           aggFilter: ['!filter']
         },
         {
           group: 'buckets',
           name: 'split',
-          title: 'Split Table',
+          title: i18n.translate('tableVis.tableVisEditorConfig.schemas.splitTitle', {
+            defaultMessage: 'Split Table',
+          }),
           aggFilter: ['!filter']
         }
       ])
diff --git a/src/core_plugins/table_vis/public/table_vis_params.html b/src/core_plugins/table_vis/public/table_vis_params.html
index a928d3d02b7b..6e93a05e0027 100644
--- a/src/core_plugins/table_vis/public/table_vis_params.html
+++ b/src/core_plugins/table_vis/public/table_vis_params.html
@@ -1,40 +1,60 @@
 
 <div class="kuiSideBarSection">
   <div class="form-group">
-    <label for="datatableVisualizationPerPage">Per Page</label>
+    <label
+      for="datatableVisualizationPerPage"
+      i18n-id="tableVis.params.perPageLabel"
+      i18n-default-message="Per Page"
+    ></label>
     <input type="number" ng-model="editorState.params.perPage" class="form-control" id="datatableVisualizationPerPage">
   </div>
 
   <div class="checkbox">
     <label>
       <input type="checkbox" ng-model="editorState.params.showMetricsAtAllLevels" data-test-subj="showMetricsAtAllLevels">
-      Show metrics for every bucket/level
+      <span
+        i18n-id="tableVis.params.showMetricsLabel"
+        i18n-default-message="Show metrics for every bucket/level"
+      ></span>
     </label>
   </div>
 
   <div class="checkbox">
     <label>
       <input type="checkbox" ng-model="editorState.params.showPartialRows">
-      Show partial rows
+      <span
+        i18n-id="tableVis.params.showPartialRowsLabel"
+        i18n-default-message="Show partial rows"
+      ></span>
     </label>
   </div>
 
   <div class="checkbox">
     <label>
       <input type="checkbox" ng-model="metricsAtAllLevels" disabled>
-      Calculate metrics for every bucket/level
+      <span
+        i18n-id="tableVis.params.calculateMetricsLabel"
+        i18n-default-message="Calculate metrics for every bucket/level"
+      ></span>
     </label>
   </div>
 
   <div class="checkbox">
     <label>
       <input type="checkbox" ng-model="editorState.params.showTotal">
-      Show total
+      <span
+        i18n-id="tableVis.params.showTotalLabel"
+        i18n-default-message="Show total"
+      ></span>
     </label>
   </div>
 
   <div>
-    <label for="datatableVisualizationTotalFunction">Total function</label>
+    <label
+      for="datatableVisualizationTotalFunction"
+      i18n-id="tableVis.params.totalFunctionLabel"
+      i18n-default-message="Total function"
+    ></label>
     <select ng-disabled="!editorState.params.showTotal"
             class="form-control"
             ng-model="editorState.params.totalFunc"