Translations for Dev Tools (#23951) (#24909)

translate dev-tools-console

.i18nrc.json

@@ -1,6 +1,7 @@
 {
   "paths": {
     "common.ui": "src/ui",
+    "console": "src/core_plugins/console",
     "inputControl":"src/core_plugins/input_control_vis",
     "kbn": "src/core_plugins/kibana",
     "kbnVislibVisTypes": "src/core_plugins/kbn_vislib_vis_types",
@@ -12,10 +13,12 @@
     "statusPage": "src/core_plugins/status_page",
     "tileMap": "src/core_plugins/tile_map",
     "tagCloud": "src/core_plugins/tagcloud",
+    "xpack.grokDebugger": "x-pack/plugins/grokdebugger",
     "xpack.idxMgmt": "x-pack/plugins/index_management",
-    "xpack.watcher": "x-pack/plugins/watcher",
     "xpack.rollupJobs": "x-pack/plugins/rollup",
-    "xpack.security": "x-pack/plugins/security"
+    "xpack.searchProfiler": "x-pack/plugins/searchprofiler",
+    "xpack.security": "x-pack/plugins/security",
+    "xpack.watcher": "x-pack/plugins/watcher"
   },
   "exclude": [
     "src/ui/ui_render/bootstrap/app_bootstrap.js",

src/core_plugins/console/public/index.html

@@ -3,7 +3,7 @@
     <div class="conApp__editor">
       <ul class="conApp__autoComplete" id="autocomplete"></ul>
       <div class="conApp__editorActions" id="ConAppEditorActions">
-        <kbn-tooltip text="click to send request">
+        <kbn-tooltip text="{{:: 'console.sendRequestButtonTooltip' | i18n: { defaultMessage: 'click to send request' } }}">
           <button
             class="conApp__editorActionButton conApp__editorActionButton--success"
             ng-click="sendSelected()"
@@ -17,7 +17,7 @@
             class="conApp__editorActionButton"
             dropdown-toggle
             ng-click="getDocumentation()"
-            aria-label="Request options"
+            aria-label="{{:: 'console.requestOptionsButtonAriaLabel' | i18n: { defaultMessage: 'Request options' } }}"
           >
             <span class="kuiIcon fa-wrench"></span>
           </button>
@@ -28,13 +28,22 @@
             aria-labelledby="consoleRequestOptions"
           >
             <li role="menuitem">
-              <button id="ConCopyAsCurl">Copy as cURL</button>
+              <button
+                id="ConCopyAsCurl"
+                i18n-id="console.requestOptions.copyAsUrlButtonLabel"
+                i18n-default-message="Copy as cURL"></button>
             </li>
             <li role="menuitem" ng-if="documentation">
-              <button ng-click="openDocumentation(documentation)">Open documentation</button>
+              <button
+                ng-click="openDocumentation(documentation)"
+                i18n-id="console.requestOptions.openDocumentationButtonLabel"
+                i18n-default-message="Open documentation"></button>
             </li>
             <li role="menuitem">
-              <button ng-click="autoIndent($event)">Auto indent</button>
+              <button
+                ng-click="autoIndent($event)"
+                i18n-id="console.requestOptions.autoIndentButtonLabel"
+                i18n-default-message="Auto indent"></button>
             </li>
           </ul>
         </span>

src/core_plugins/console/public/src/autocomplete.js

@@ -29,6 +29,7 @@ import { URL_PATH_END_MARKER } from './autocomplete/components';
 import _ from 'lodash';
 import ace from 'brace';
 import 'brace/ext/language_tools';
+import { i18n } from '@kbn/i18n';
 
 const AceRange = ace.acequire('ace/range').Range;
 
@@ -738,7 +739,7 @@ export default function (editor) {
     context.autoCompleteSet = ['GET', 'PUT', 'POST', 'DELETE', 'HEAD'].map((m, i) => ({
       name: m,
       score: -i,
-      meta: 'method'
+      meta: i18n.translate('console.autocomplete.addMethodMetaText', { defaultMessage: 'method' }),
     }));
   }
 

src/core_plugins/console/public/src/controllers/sense_top_nav_controller.js

@@ -20,7 +20,7 @@
 import { KbnTopNavControllerProvider } from 'ui/kbn_top_nav/kbn_top_nav_controller';
 import storage from '../storage';
 
-export function SenseTopNavController(Private) {
+export function SenseTopNavController(Private, i18n) {
   const KbnTopNavController = Private(KbnTopNavControllerProvider);
 
   const controller = new KbnTopNavController([
@@ -32,19 +32,25 @@ export function SenseTopNavController(Private) {
     },
     {
       key: 'history',
-      description: 'History',
+      description: i18n('console.topNav.historyTabDescription', {
+        defaultMessage: 'History',
+      }),
       template: `<sense-history></sense-history>`,
       testId: 'consoleHistoryButton',
     },
     {
       key: 'settings',
-      description: 'Settings',
+      description: i18n('console.topNav.settingsTabDescription', {
+        defaultMessage: 'Settings',
+      }),
       template: `<sense-settings></sense-settings>`,
       testId: 'consoleSettingsButton',
     },
     {
       key: 'help',
-      description: 'Help',
+      description: i18n('console.topNav.helpTabDescription', {
+        defaultMessage: 'Help',
+      }),
       template: `<sense-help></sense-help>`,
       testId: 'consoleHelpButton',
     },

src/core_plugins/console/public/src/directives/help.html

@@ -1,39 +1,94 @@
-<h2 class="euiTitle euiTitle--small">Help</h2>
+<h2
+  class="euiTitle euiTitle--small"
+  i18n-id="console.helpPage.pageTitle"
+  i18n-default-message="Help"
+></h2>
 
 <div class="euiSpacer euiSpacer--m"></div>
 
 <div class="euiPanel euiPanel--paddingLarge">
   <div class="euiFlexGroup euiFlexGroup--gutterExtraLarge">
     <div class="euiFlexItem">
-      <h3 class="euiTitle euiTitle--xsmall">Request format</h3>
+      <h3
+        class="euiTitle euiTitle--xsmall"
+        i18n-id="console.helpPage.requestFormatTitle"
+        i18n-default-message="Request format"
+      ></h3>
       <div class="euiSpacer euiSpacer--l"></div>
-      You can type one or more requests in the white editor. Console understands requests in a compact format:
+      <span
+        i18n-id="console.helpPage.requestFormatDescription"
+        i18n-default-message="You can type one or more requests in the white editor. Console understands requests in a compact format:"
+      ></span>
       <sense-help-example class="conHelp__example"></sense-help-example>
     </div>
     <div class="euiFlexItem">
-      <h3 class="euiTitle euiTitle--xsmall">Keyboard commands</h3>
+      <h3
+        i18n-id="console.helpPage.keyboardCommandsTitle"
+        i18n-default-message="Keyboard commands"
+        class="euiTitle euiTitle--xsmall"
+      ></h3>
       <div class="euiSpacer euiSpacer--l"></div>
       <dl class="euiDescriptionList euiDescriptionList--row euiDescriptionList--compressed">
         <dt class="euiDescriptionList__title">Ctrl/Cmd + I</dt>
-        <dd class="euiDescriptionList__description">Auto indent current request</dd>
+        <dd
+          class="euiDescriptionList__description"
+          i18n-id="console.helpPage.keyboardCommands.autoIndentDescription"
+          i18n-default-message="Auto indent current request"
+        ></dd>
         <dt class="euiDescriptionList__title">Ctrl/Cmd + /</dt>
-        <dd class="euiDescriptionList__description">Open documentation for current request</dd>
+        <dd
+          class="euiDescriptionList__description"
+          i18n-id="console.helpPage.keyboardCommands.openDocumentationDescription"
+          i18n-default-message="Open documentation for current request"
+        ></dd>
         <dt class="euiDescriptionList__title">Ctrl + Space</dt>
-        <dd class="euiDescriptionList__description">Open Auto complete (even if not typing)</dd>
+        <dd
+          class="euiDescriptionList__description"
+          i18n-id="console.helpPage.keyboardCommands.openAutoCompleteDescription"
+          i18n-default-message="Open Auto complete (even if not typing)"
+        ></dd>
         <dt class="euiDescriptionList__title">Ctrl/Cmd + Enter</dt>
-        <dd class="euiDescriptionList__description">Submit request</dd>
+        <dd
+          class="euiDescriptionList__description"
+          i18n-id="console.helpPage.keyboardCommands.submitRequestDescription"
+          i18n-default-message="Submit request"
+        ></dd>
         <dt class="euiDescriptionList__title">Ctrl/Cmd + Up/Down</dt>
-        <dd class="euiDescriptionList__description">Jump to the previous/next request start or end.</dd>
+        <dd
+          class="euiDescriptionList__description"
+          i18n-id="console.helpPage.keyboardCommands.jumpToPreviousNextRequestDescription"
+          i18n-default-message="Jump to the previous/next request start or end."
+        ></dd>
         <dt class="euiDescriptionList__title">Ctrl/Cmd + Alt + L</dt>
-        <dd class="euiDescriptionList__description">Collapse/expand current scope.</dd>
+        <dd
+          class="euiDescriptionList__description"
+          i18n-id="console.helpPage.keyboardCommands.collapseExpandCurrentScopeDescription"
+          i18n-default-message="Collapse/expand current scope."
+        ></dd>
         <dt class="euiDescriptionList__title">Ctrl/Cmd + Option + 0</dt>
-        <dd class="euiDescriptionList__description">Collapse all scopes but the current one. Expand by adding a shift.</dd>
+        <dd
+          class="euiDescriptionList__description"
+          i18n-id="console.helpPage.keyboardCommands.collapseAllScopesDescription"
+          i18n-default-message="Collapse all scopes but the current one. Expand by adding a shift."
+        ></dd>
         <dt class="euiDescriptionList__title">Down arrow</dt>
-        <dd class="euiDescriptionList__description">Switch focus to auto-complete menu. Use arrows to further select a term</dd>
+        <dd
+          class="euiDescriptionList__description"
+          i18n-id="console.helpPage.keyboardCommands.switchFocusToAutoCompleteMenuDescription"
+          i18n-default-message="Switch focus to auto-complete menu. Use arrows to further select a term"
+        ></dd>
         <dt class="euiDescriptionList__title">Enter/Tab</dt>
-        <dd class="euiDescriptionList__description">Select the currently selected or the top most term in auto-complete menu</dd>
+        <dd
+          class="euiDescriptionList__description"
+          i18n-id="console.helpPage.keyboardCommands.selectCurrentlySelectedInAutoCompleteMenuDescription"
+          i18n-default-message="Select the currently selected or the top most term in auto-complete menu"
+        ></dd>
         <dt class="euiDescriptionList__title">Esc</dt>
-        <dd class="euiDescriptionList__description">Close auto-complete menu</dd>
+        <dd
+          class="euiDescriptionList__description"
+          i18n-id="console.helpPage.keyboardCommands.closeAutoCompleteMenuDescription"
+          i18n-default-message="Close auto-complete menu"
+        ></dd>
       </dl>
     </div>
   </div>

src/core_plugins/console/public/src/directives/history.html

@@ -1,4 +1,8 @@
-<h2 class="kuiLocalDropdownTitle">History</h2>
+<h2
+  class="kuiLocalDropdownTitle"
+  i18n-id="console.historyPage.pageTitle"
+  i18n-default-message="History"
+></h2>
 
 <div class="conHistory__body">
   <ul
@@ -8,7 +12,7 @@ <h2 class="kuiLocalDropdownTitle">History</h2>
     aria-activedescendant="historyReq{{ history.selectedIndex }}"
     scrollto-activedescendant
     ng-keydown="history.onKeyDown($event)"
-    aria-label="History of sent requests"
+    aria-label="{{:: 'console.historyPage.requestListAriaLabel' | i18n: { defaultMessage: 'History of sent requests' } }}"
   >
     <li
       class="list-group-item conHistory__req"
@@ -20,7 +24,7 @@ <h2 class="kuiLocalDropdownTitle">History</h2>
       ng-mouseenter="history.viewingReq = req"
       ng-mouseleave="history.viewingReq = history.selectedReq"
       ng-dblclick="history.restore(req)"
-      aria-label="{{:: 'Request: ' + history.describeReq(req) }}"
+      aria-label="{{:: 'console.historyPage.itemOfRequestListAriaLabel' | i18n: { defaultMessage: 'Request: {historyItem}', values: { historyItem: history.describeReq(req) },} }}"
       aria-selected="{{ history.selectedReq === req }}"
     >
       {{ history.describeReq(req) }}
@@ -32,12 +36,18 @@ <h2 class="kuiLocalDropdownTitle">History</h2>
 </div>
 
 <div class="conHistory__footer">
-  <button class="kuiButton kuiButton--danger" ng-click="history.clear()">Clear</button>
+  <button
+    class="kuiButton kuiButton--danger"
+    ng-click="history.clear()"
+    i18n-id="console.historyPage.clearHistoryButtonLabel"
+    i18n-default-message="Clear"
+  ></button>
   <button
     class="kuiButton kuiButton--primary"
     ng-disabled="!history.selectedReq"
     ng-click="history.restore()"
+    i18n-id="console.historyPage.applyHistoryButtonLabel"
+    i18n-default-message="Apply"
   >
-    Apply
   </button>
 </div>

src/core_plugins/console/public/src/directives/sense_history_viewer.js

@@ -23,7 +23,7 @@ import { useResizeChecker } from '../sense_editor_resize';
 
 require('ui/modules')
   .get('app/sense')
-  .directive('senseHistoryViewer', function () {
+  .directive('senseHistoryViewer', function (i18n) {
     return {
       restrict: 'E',
       scope: {
@@ -42,7 +42,9 @@ require('ui/modules')
             viewer.setValue(s);
             viewer.clearSelection();
           } else {
-            viewer.getSession().setValue('No history available');
+            viewer.getSession().setValue(
+              i18n('console.historyPage.noHistoryTextMessage', { defaultMessage: 'No history available' })
+            );
           }
         });
 

src/core_plugins/console/public/src/directives/sense_welcome.js

@@ -23,14 +23,17 @@ const storage = require('../storage');
 
 require('ui/modules')
   .get('app/sense')
-  .directive('senseWelcome', function () {
+  .directive('senseWelcome', function (i18n) {
     return {
       restrict: 'E',
       template: require('./welcome.html'),
       link: function ($scope) {
         $scope.$on('$destroy', function () {
           storage.set('version_welcome_shown', '@@SENSE_REVISION');
         });
-      }
+        $scope.asWellAsFragmentText = i18n('console.welcomePage.supportedRequestFormatDescription.asWellAsFragmentText', {
+          defaultMessage: 'as well as'
+        });
+      },
     };
   });