Translations for ui/vis

src/ui/public/fancy_forms/kbn_form_controller.js

@@ -17,7 +17,7 @@
  * under the License.
  */
 
-export function decorateFormController($delegate, $injector) {
+export function decorateFormController($delegate, $injector, i18n) {
   const [directive] = $delegate;
   const FormController = directive.controller;
 
@@ -52,7 +52,11 @@ export function decorateFormController($delegate, $injector) {
 
     describeErrors() {
       const count = this.softErrorCount();
-      return `${count} Error${count === 1 ? '' : 's'}`;
+      return i18n('common.ui.fancyForm.errorDescription',
+        {
+          defaultMessage: '{count, plural, one {# Error} other {# Errors}}',
+          values: { count }
+        });
     }
 
     $setTouched() {

src/ui/public/vis/agg_config.js

@@ -26,6 +26,7 @@
 
 import _ from 'lodash';
 import { fieldFormats } from '../registry/field_formats';
+import { i18n } from '@kbn/i18n';
 
 class AggConfig {
 
@@ -265,8 +266,11 @@ class AggConfig {
     }
 
     if (!this.type) return '';
-    let pre = percentageMode ? 'Percentage of ' : '';
-    return pre += this.type.makeLabel(this);
+    return percentageMode ?
+      i18n.translate('common.ui.vis.aggConfig.percentageOfLabel', {
+        defaultMessage: 'Percentage of {label}',
+        values: { label: this.type.makeLabel(this) },
+      }) : `${this.type.makeLabel(this)}`;
   }
 
   getIndexPattern() {

src/ui/public/vis/default_feedback_message.js

@@ -17,5 +17,11 @@
  * under the License.
  */
 
-export const defaultFeedbackMessage = `Have feedback? Please create an issue in
-<a href="https://github.com/elastic/kibana/issues/new" rel="noopener noreferrer" target="_blank">GitHub</a>.`;
+import { i18n } from '@kbn/i18n';
+
+export const defaultFeedbackMessage = i18n.translate('common.ui.vis.defaultFeedbackMessage',
+  {
+    defaultMessage: 'Have feedback? Please create an issue in {link}.',
+    values: { link: '<a href="https://github.com/elastic/kibana/issues/new" rel="noopener noreferrer" target="_blank">GitHub</a>' }
+  }
+);

src/ui/public/vis/editors/default/advanced_toggle.html

@@ -1,6 +1,10 @@
 <div class="eui-textRight">
   <a ng-click="advancedToggled = !advancedToggled">
     <i aria-hidden="true" class="fa fa-caret-down" ng-class="{'fa-caret-down': advancedToggled, 'fa-caret-left': !advancedToggled}"></i>
-    Advanced
+    <span
+      i18n-id="common.ui.vis.editors.advancedToggle.advancedLinkLabel"
+      i18n-default-message="Advanced"
+    >
+    </span>
   </a>
 </div>

src/ui/public/vis/editors/default/agg.html

@@ -3,7 +3,7 @@
 
   <!-- open/close editor -->
   <button
-    aria-label="Toggle {{agg.schema.title}} editor"
+    aria-label="{{::'common.ui.vis.editors.agg.toggleEditorButtonAriaLabel' | i18n: { defaultMessage: 'Toggle {schema} editor', values: { schema: agg.schema.title } } }}"
     ng-click="editorOpen = !editorOpen"
     aria-expanded="{{ !!editorOpen }}"
     aria-controls="visAggEditorParams{{agg.id}}"
@@ -34,8 +34,8 @@
     <button
       ng-if="agg.enabled && canRemove(agg)"
       ng-click="agg.enabled = false"
-      aria-label="Disable aggregation"
-      tooltip="Disable aggregation"
+      aria-label="{{::'common.ui.vis.editors.agg.disableAggButtonAriaLabel' | i18n: { defaultMessage: 'Disable aggregation' } }}"
+      tooltip="{{::'common.ui.vis.editors.agg.disableAggButtonTooltip' | i18n: { defaultMessage: 'Disable aggregation' } }}"
       tooltip-append-to-body="true"
       data-test-subj="disableAggregationBtn"
       type="button"
@@ -47,8 +47,8 @@
     <button
       ng-if="!agg.enabled"
       ng-click="agg.enabled = true"
-      aria-label="Enable aggregation"
-      tooltip="Enable aggregation"
+      aria-label="{{::'common.ui.vis.editors.agg.enableAggButtonAriaLabel' | i18n: { defaultMessage: 'Enable aggregation' } }}"
+      tooltip="{{::'common.ui.vis.editors.agg.enableAggButtonTooltip' | i18n: { defaultMessage: 'Enable aggregation' } }}"
       tooltip-append-to-body="true"
       data-test-subj="disableAggregationBtn"
       type="button"
@@ -60,25 +60,26 @@
     <button
       draggable-handle
       ng-if="stats.count > 1"
-      tooltip="Modify Priority by Dragging"
+      tooltip="{{::'common.ui.vis.editors.agg.modifyPriorityButtonTooltip' | i18n: { defaultMessage: 'Modify Priority by Dragging' } }}"
       tooltip-append-to-body="true"
       type="button"
       keyboard-move="onPriorityReorder(direction)"
       class="kuiButton kuiButton--basic kuiButton--small">
       <i aria-hidden="true" class="fa fa-arrows-v"></i>
-      <span class="kuiScreenReaderOnly">
-        Use up and down key on this button to move this aggregation up and down
-        in the priority order.
+      <span class="kuiScreenReaderOnly"
+        i18n-id="common.ui.vis.editors.howToModifyScreenReaderPriorityDescription"
+        i18n-default-message="Use up and down key on this button to move this aggregation up and down in the priority order."
+      >
       </span>
     </button>
 
     <!-- remove button -->
     <button
       ng-if="canRemove(agg)"
-      aria-label="Remove Dimension"
+      aria-label="{{::'common.ui.vis.editors.agg.removeDimensionButtonAriaLabel' | i18n: { defaultMessage: 'Remove Dimension' } }}"
       ng-if="stats.count > stats.min"
       ng-click="remove(agg)"
-      tooltip="Remove Dimension"
+      tooltip="{{::'common.ui.vis.editors.agg.removeDimensionButtonTooltip' | i18n: { defaultMessage: 'Remove Dimension' } }}"
       tooltip-append-to-body="true"
       type="button"
       class="kuiButton kuiButton--danger kuiButton--small">

src/ui/public/vis/editors/default/agg_add.html

@@ -1,5 +1,10 @@
 <div ng-show="add.form">
-  <label>Select {{ groupName }} type</label>
+  <label
+    i18n-id="common.ui.vis.editors.aggAdd.selectGroupTypeLabel"
+    i18n-default-message="Select {groupNameLabel} type"
+    i18n-values="{ groupNameLabel }"
+  >
+  </label>
   <ul class="form-group list-group list-group-menu">
     <li
       tabindex="0"
@@ -28,23 +33,28 @@
       data-test-subj="visualizeEditorAddAggregationButton"
       class="kuiButton kuiButton--secondary kuiButton--small"
       ng-if="groupName !== 'buckets' || !stats.count && !stats.deprecate"
+      i18n-id="common.ui.vis.editors.aggAdd.addGroupButtonLabel"
+      i18n-default-message="Add {groupNameLabel}"
+      i18n-values="{ groupNameLabel }"
     >
-      Add {{ groupName }}
     </button>
 
     <button
       data-test-subj="visualizeEditorAddAggregationButton"
       class="kuiButton kuiButton--secondary kuiButton--small"
       ng-if="groupName === 'buckets' && stats.count > 0 && !stats.deprecate"
+      i18n-id="common.ui.vis.editors.aggAdd.addSubGroupButtonLabel"
+      i18n-default-message="Add sub-{groupNameLabel}"
+      i18n-values="{ groupNameLabel }"
     >
-      Add sub-{{ groupName }}
     </button>
   </div>
 
   <button
     class="kuiButton kuiButton--danger kuiButton--small"
     ng-if="add.form"
+    i18n-id="common.ui.vis.editors.aggAdd.cancelButtonLabel"
+    i18n-default-message="Cancel"
   >
-    Cancel
   </button>
 </div>

src/ui/public/vis/editors/default/agg_group.html

@@ -1,6 +1,6 @@
 <div class="sidebar-item visEditorAggGroup__wrapper">
   <div class="sidebar-item-title visEditorAggGroup__title">
-    {{ groupName }}
+    {{ groupNameLabel }}
   </div>
 
   <div ng-class="groupName" draggable-container="group" class="visEditorAggGroup">

src/ui/public/vis/editors/default/agg_group.js

@@ -24,6 +24,7 @@ import './agg_add';
 import { uiModules } from '../../../modules';
 import aggGroupTemplate from './agg_group.html';
 import { move } from '../../../utils/collection';
+import { aggGroupNameMaps } from './agg_group_names';
 
 uiModules
   .get('app/visualize')
@@ -35,6 +36,7 @@ uiModules
       scope: true,
       link: function ($scope, $el, attr) {
         $scope.groupName = attr.groupName;
+        $scope.groupNameLabel = aggGroupNameMaps()[$scope.groupName];
         $scope.$bind('group', 'state.aggs.bySchemaGroup["' + $scope.groupName + '"]');
         $scope.$bind('schemas', 'vis.type.schemas["' + $scope.groupName + '"]');
 

src/ui/public/vis/editors/default/agg_group_names.js

@@ -0,0 +1,25 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { i18n } from '@kbn/i18n';
+
+export const aggGroupNameMaps = () => ({
+  metrics: i18n.translate('common.ui.vis.editors.aggGroups.metricsText', { defaultMessage: 'metrics' }),
+  buckets: i18n.translate('common.ui.vis.editors.aggGroups.bucketsText', { defaultMessage: 'buckets' })
+});

src/ui/public/vis/editors/default/agg_params.html

@@ -1,6 +1,9 @@
 <div ng-if="aggIsTooLow" class="form-group">
-  <p class="visEditorAggParam__error">
-    "{{ agg.schema.title }}" aggs must run before all other buckets!
+  <p class="visEditorAggParam__error"
+    i18n-id="common.ui.vis.editors.aggParams.errors.aggWrongRunOrderErrorMessage"
+    i18n-default-message="&quot;{schema}&quot; aggs must run before all other buckets!"
+    i18n-values="{ schema: agg.schema.title }"
+  >
   </p>
   <input
     type="number"
@@ -20,8 +23,13 @@
   <p ng-show="agg.schema.deprecateMessage" class="visEditorAggParam__error">
     {{ agg.schema.deprecateMessage }}
   </p>
-  <p ng-show="!agg.schema.deprecateMessage" class="visEditorAggParam__error">
-    "{{ agg.schema.title }}" has been deprecated.
+  <p
+    ng-show="!agg.schema.deprecateMessage"
+    class="visEditorAggParam__error"
+    i18n-id="common.ui.vis.editors.aggParams.errors.schemaIsDeprecatedErrorMessage"
+    i18n-default-message="&quot;{schema}&quot; has been deprecated."
+    i18n-values="{ schema: agg.schema.title }"
+  >
   </p>
 </div>
 

src/ui/public/vis/editors/default/agg_select.html

@@ -1,15 +1,29 @@
 <div class="form-group">
   <div>
-    <label ng-if="$index < 1 || groupName !== 'buckets'" class="eui-displayInline">Aggregation</label>
-    <label ng-if="$index >= 1 && groupName === 'buckets'" class="eui-displayInline">Sub Aggregation</label>
+    <label
+      ng-if="$index < 1 || groupName !== 'buckets'"
+      class="eui-displayInline"
+      i18n-id="common.ui.vis.editors.aggSelect.aggregationLabel"
+      i18n-default-message="Aggregation"
+    >
+    </label>
+    <label
+      ng-if="$index >= 1 && groupName === 'buckets'"
+      class="eui-displayInline"
+      i18n-id="common.ui.vis.editors.aggSelect.subAggregationLabel"
+      i18n-default-message="Sub Aggregation"
+    >
+    </label>
     <a
       ng-if="aggHelpLink"
       href="{{aggHelpLink}}"
       class="pull-right"
       target="_blank"
       rel="noopener noreferrer"
+      i18n-id="common.ui.vis.editors.aggSelect.helpLinkLabel"
+      i18n-default-message="{aggTitle} help"
+      i18n-values="{ aggTitle: agg.type.title }"
     >
-      {{agg.type.title}} help
     </a>
   </div>
   <div class="euiSpacer euiSpacer--s"></div>
@@ -20,7 +34,7 @@
     data-test-subj="visEditorAggSelect"
     ng-model="agg.type"
   >
-    <ui-select-match placeholder="Select an aggregation">
+    <ui-select-match placeholder="{{ ::'common.ui.vis.editors.aggSelect.selectAggPlaceholder' | i18n: { defaultMessage: 'Select an aggregation' } }}">
       {{$select.selected.title}}
     </ui-select-match>
     <ui-select-choices

src/ui/public/vis/editors/default/default.html

@@ -4,7 +4,7 @@
     <vis-editor-resizer
       class="visEditor__resizer"
       tabindex="0"
-      aria-label="Press left/right to resize the editor"
+      aria-label="{{::'common.ui.vis.editors.resizeAriaLabels' | i18n: { defaultMessage: 'Press left/right to resize the editor' } }}"
       data-test-subj="visualizeEditorResizer"
     >&#xFE19;</vis-editor-resizer>
   </div>

src/ui/public/vis/editors/default/default.js

@@ -33,7 +33,7 @@ import { VisEditorTypesRegistryProvider } from '../../../registry/vis_editor_typ
 import { getVisualizeLoader } from '../../../visualize/loader/visualize_loader';
 
 
-const defaultEditor = function ($rootScope, $compile) {
+const defaultEditor = function ($rootScope, $compile, i18n) {
   return class DefaultEditor {
     static key = 'default';
 
@@ -44,7 +44,11 @@ const defaultEditor = function ($rootScope, $compile) {
 
       if (!this.vis.type.editorConfig.optionTabs && this.vis.type.editorConfig.optionsTemplate) {
         this.vis.type.editorConfig.optionTabs = [
-          { name: 'options', title: 'Options', editor: this.vis.type.editorConfig.optionsTemplate }
+          {
+            name: 'options',
+            title: i18n('common.ui.vis.editors.sidebar.tabs.optionsLabel', { defaultMessage: 'Options' }),
+            editor: this.vis.type.editorConfig.optionsTemplate,
+          }
         ];
       }
     }