diff --git a/package.json b/package.json index 5951324677b10..238f6498ea12d 100644 --- a/package.json +++ b/package.json @@ -73,6 +73,7 @@ }, "dependencies": { "@elastic/datemath": "2.3.0", + "@elastic/eui": "0.0.3", "@elastic/filesaver": "1.1.2", "@elastic/numeral": "2.3.1", "@elastic/test-subj-selector": "0.2.1", @@ -96,7 +97,7 @@ "babel-plugin-transform-async-generator-functions": "6.24.1", "babel-plugin-transform-class-properties": "6.24.1", "babel-plugin-transform-define": "1.3.0", - "babel-plugin-transform-object-rest-spread": "6.23.0", + "babel-plugin-transform-object-rest-spread": "6.26.0", "babel-polyfill": "6.20.0", "babel-preset-env": "1.4.0", "babel-preset-react": "6.22.0", diff --git a/src/core_plugins/console/public/src/directives/help.html b/src/core_plugins/console/public/src/directives/help.html index 5fbb645b095e8..e3d07e9990456 100644 --- a/src/core_plugins/console/public/src/directives/help.html +++ b/src/core_plugins/console/public/src/directives/help.html @@ -1,40 +1,38 @@ -

Help

+

Help

- - -
+
+ +
+
+
+

Request format

+
You can type one or more requests in the white editor. Console understands requests in a compact format:
- - -
-
-
-
General editing
-
Ctrl/Cmd + I
-
Auto indent current request
-
Ctrl + Space
-
Open Auto complete (even if not typing)
-
Ctrl/Cmd + Enter
-
Submit request
-
Ctrl/Cmd + Up/Down
-
Jump to the previous/next request start or end.
-
Ctrl/Cmd + Alt + L
-
Collapse/expand current scope.
-
Ctrl/Cmd + Option + 0
-
Collapse all scopes but the current one. Expand by adding a shift.
-
-
-
-
When auto-complete is visible
-
Down arrow
-
Switch focus to auto-complete menu. Use arrows to further select a term
-
Enter/Tab
-
Select the currently selected or the top most term in auto-complete menu
-
Esc
-
Close auto-complete menu
+
+

Keyboard commands

+
+
+
Ctrl/Cmd + I
+
Auto indent current request
+
Ctrl + Space
+
Open Auto complete (even if not typing)
+
Ctrl/Cmd + Enter
+
Submit request
+
Ctrl/Cmd + Up/Down
+
Jump to the previous/next request start or end.
+
Ctrl/Cmd + Alt + L
+
Collapse/expand current scope.
+
Ctrl/Cmd + Option + 0
+
Collapse all scopes but the current one. Expand by adding a shift.
+
Down arrow
+
Switch focus to auto-complete menu. Use arrows to further select a term
+
Enter/Tab
+
Select the currently selected or the top most term in auto-complete menu
+
Esc
+
Close auto-complete menu
- - +
+
diff --git a/src/core_plugins/console/public/src/directives/welcome.html b/src/core_plugins/console/public/src/directives/welcome.html index ed612655eddc2..bad5efa578ca0 100644 --- a/src/core_plugins/console/public/src/directives/welcome.html +++ b/src/core_plugins/console/public/src/directives/welcome.html @@ -1,33 +1,37 @@ -

Welcome to Console

- -

Quick intro to the UI

- -

The Console UI is split into two panes: an editor pane (left) and a response pane (right). - Use the editor to type requests and submit them to Elasticsearch. The results will be displayed in - the response pane on the right side. -

- -

Console understands requests in a compact format, similar to cURL: - - -

While typing a request, Console will make suggestions which you can then accept by hitting Enter/Tab. - These suggestions are made based on the request structure as well as your indices and types. -

- -

A few quick tips, while I have your attention

-
    -
  • Submit requests to ES using the green triangle button.
    • -
  • Use the wrench menu for other useful things.
    • -
  • You can paste requests in cURL format and they will be translated to the Console syntax.
    • -
  • You can resize the editor and output panes by dragging the separator between them.
    • -
  • Study the keyboard shortcuts under the Help button. Good stuff in there!
    • -
- - +
+ +

Welcome to Console

+ +

Quick intro to the UI

+ +

The Console UI is split into two panes: an editor pane (left) and a response pane (right). + Use the editor to type requests and submit them to Elasticsearch. The results will be displayed in + the response pane on the right side. +

+ +

Console understands requests in a compact format, similar to cURL: + + +

While typing a request, Console will make suggestions which you can then accept by hitting Enter/Tab. + These suggestions are made based on the request structure as well as your indices and types. +

+ +

A few quick tips, while I have your attention

+
    +
  • Submit requests to ES using the green triangle button.
    • +
  • Use the wrench menu for other useful things.
    • +
  • You can paste requests in cURL format and they will be translated to the Console syntax.
    • +
  • You can resize the editor and output panes by dragging the separator between them.
    • +
  • Study the keyboard shortcuts under the Help button. Good stuff in there!
    • +
+ + + +
diff --git a/src/core_plugins/kbn_vislib_vis_types/public/controls/gauge_options.html b/src/core_plugins/kbn_vislib_vis_types/public/controls/gauge_options.html index 2106e3d65fc16..a55100911d9fd 100644 --- a/src/core_plugins/kbn_vislib_vis_types/public/controls/gauge_options.html +++ b/src/core_plugins/kbn_vislib_vis_types/public/controls/gauge_options.html @@ -175,6 +175,7 @@ class="kuiButton kuiButton--primary kuiButton--fullWidth"> Add Range
+
Note: colors can be changed in the legend
diff --git a/src/core_plugins/kbn_vislib_vis_types/public/controls/heatmap_options.html b/src/core_plugins/kbn_vislib_vis_types/public/controls/heatmap_options.html index be6e928f0f2bc..772f8a2b77eac 100644 --- a/src/core_plugins/kbn_vislib_vis_types/public/controls/heatmap_options.html +++ b/src/core_plugins/kbn_vislib_vis_types/public/controls/heatmap_options.html @@ -170,6 +170,7 @@ > Add Range +
Note: colors can be changed in the legend
diff --git a/src/core_plugins/kibana/public/dashboard/dashboard_app.js b/src/core_plugins/kibana/public/dashboard/dashboard_app.js index c8351edc9578e..b64ca6c6bb393 100644 --- a/src/core_plugins/kibana/public/dashboard/dashboard_app.js +++ b/src/core_plugins/kibana/public/dashboard/dashboard_app.js @@ -2,6 +2,7 @@ import _ from 'lodash'; import angular from 'angular'; import { uiModules } from 'ui/modules'; import chrome from 'ui/chrome'; +import { applyTheme } from 'ui/theme'; import 'ui/query_bar'; @@ -329,11 +330,13 @@ app.directive('dashboardApp', function ($injector) { function setDarkTheme() { chrome.removeApplicationClass(['theme-light']); chrome.addApplicationClass('theme-dark'); + applyTheme('dark'); } function setLightTheme() { chrome.removeApplicationClass(['theme-dark']); chrome.addApplicationClass('theme-light'); + applyTheme('light'); } if ($route.current.params && $route.current.params[DashboardConstants.NEW_VISUALIZATION_ID_PARAM]) { diff --git a/src/core_plugins/kibana/public/dashboard/styles/index.less b/src/core_plugins/kibana/public/dashboard/styles/index.less index 2c05276838eb0..f5f8b560d8e05 100644 --- a/src/core_plugins/kibana/public/dashboard/styles/index.less +++ b/src/core_plugins/kibana/public/dashboard/styles/index.less @@ -117,7 +117,7 @@ .start-screen { margin: 20px auto; max-width: 800px; - background: tint(@globalColorBlue, 90%); + background: #FFF; padding: 40px; border-radius: 4px; } diff --git a/src/core_plugins/kibana/public/dev_tools/partials/dev_tools_app.html b/src/core_plugins/kibana/public/dev_tools/partials/dev_tools_app.html index 9306852c1441c..bca9a7cc1fd1d 100644 --- a/src/core_plugins/kibana/public/dev_tools/partials/dev_tools_app.html +++ b/src/core_plugins/kibana/public/dev_tools/partials/dev_tools_app.html @@ -9,13 +9,13 @@ > -
+
{{::item.display}} diff --git a/src/core_plugins/kibana/public/discover/components/field_chooser/field_chooser.html b/src/core_plugins/kibana/public/discover/components/field_chooser/field_chooser.html index c979dbeaee682..6bd3fcfc472ec 100644 --- a/src/core_plugins/kibana/public/discover/components/field_chooser/field_chooser.html +++ b/src/core_plugins/kibana/public/discover/components/field_chooser/field_chooser.html @@ -25,7 +25,7 @@
-
+
    @@ -40,15 +40,25 @@
-
- +