From f56546e6c5468cb02023e95b42b62558145e6188 Mon Sep 17 00:00:00 2001 From: Pete Harverson Date: Fri, 19 Oct 2018 12:05:51 +0100 Subject: [PATCH 1/2] [ML] Adds an About panel to the file data visualizer landing page --- .../selector/datavisualizer_selector.js | 4 +- .../components/_index.scss | 1 + .../components/about_panel/_about_panel.scss | 6 + .../components/about_panel/_index.scss | 1 + .../components/about_panel/about_panel.js | 118 ++++++++++++++++++ .../components/about_panel/index.js | 8 ++ .../_file_datavisualizer_view.scss | 3 + .../file_datavisualizer_view.js | 8 ++ 8 files changed, 147 insertions(+), 2 deletions(-) create mode 100644 x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/_about_panel.scss create mode 100644 x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/_index.scss create mode 100644 x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/about_panel.js create mode 100644 x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/index.js diff --git a/x-pack/plugins/ml/public/datavisualizer/selector/datavisualizer_selector.js b/x-pack/plugins/ml/public/datavisualizer/selector/datavisualizer_selector.js index ef6677cd64574..6fa397570ea18 100644 --- a/x-pack/plugins/ml/public/datavisualizer/selector/datavisualizer_selector.js +++ b/x-pack/plugins/ml/public/datavisualizer/selector/datavisualizer_selector.js @@ -57,7 +57,7 @@ export function DatavisualizerSelector() { The Machine Learning Data Visualizer tool helps you understand your data, by analyzing the metrics and fields in - an existing Elasticsearch index or in a log file. + a log file or an existing Elasticsearch index. @@ -69,7 +69,7 @@ export function DatavisualizerSelector() { title="Import data" description="Visualize data from a log file. Supported for files up to 100MB in size." betaBadgeLabel="Experimental" - betaBadgeTooltipContent="Experimental feature. Please help us by reporting any bugs." + betaBadgeTooltipContent="Experimental feature. We'd love to hear your feedback." footer={ + + + + + + +

+ Visualize data from a log file +

+ + + +

+ The Machine Learning Data Visualizer helps you understand the fields and metrics + in a log file as preparation for further analysis. After analyzing the data in the + file you can then choose to import the data into an elasticsearch index. +

+ + + +

+ Select the file to visualize using the button at the top of the page, + and we will then attempt to analyze its structure. +

+ + + +

+ The log file formats we currently support are: +

+ + + + + + + + +

+ JSON +

+ + + + + + + + + + +

+ Delimited text files such as CSV and TSV +

+ + + + + + + + + + +

+ Log files consisting of semi-structured text with the timestamp in each message having a common format +

+ + + + + +

+ Files up to 100MB in size can be uploaded. +

+ + + +

+ This is an experimental feature. For any feedback please create an issue in  + + GitHub + . +

+ + + + + + ); +} diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/index.js b/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/index.js new file mode 100644 index 0000000000000..7eba4a7974e65 --- /dev/null +++ b/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/index.js @@ -0,0 +1,8 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License; + * you may not use this file except in compliance with the Elastic License. + */ + + +export { AboutPanel } from './about_panel'; diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/file_datavisualizer_view/_file_datavisualizer_view.scss b/x-pack/plugins/ml/public/file_datavisualizer/components/file_datavisualizer_view/_file_datavisualizer_view.scss index e69de29bb2d1d..9f38e24eb0d31 100644 --- a/x-pack/plugins/ml/public/file_datavisualizer/components/file_datavisualizer_view/_file_datavisualizer_view.scss +++ b/x-pack/plugins/ml/public/file_datavisualizer/components/file_datavisualizer_view/_file_datavisualizer_view.scss @@ -0,0 +1,3 @@ +.file-datavisualizer-view__filePicker { + font-size: 14px; +} diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/file_datavisualizer_view/file_datavisualizer_view.js b/x-pack/plugins/ml/public/file_datavisualizer/components/file_datavisualizer_view/file_datavisualizer_view.js index bd49f1aba03fa..366b20504c112 100644 --- a/x-pack/plugins/ml/public/file_datavisualizer/components/file_datavisualizer_view/file_datavisualizer_view.js +++ b/x-pack/plugins/ml/public/file_datavisualizer/components/file_datavisualizer_view/file_datavisualizer_view.js @@ -20,6 +20,7 @@ import { import { isEqual } from 'lodash'; import { ml } from '../../../services/ml_api_service'; +import { AboutPanel } from '../about_panel'; import { ResultsView } from '../results_view'; import { FileCouldNotBeRead, FileTooLarge } from './file_error_callouts'; import { EditFlyout } from '../edit_flyout'; @@ -218,6 +219,13 @@ export class FileDataVisualizerView extends Component { + {(!loading && !loaded) && + + + + + } + {(loading) &&
From ecc3e50b4a0dcbd999bdbbc87f209fc47ffa567d Mon Sep 17 00:00:00 2001 From: Pete Harverson Date: Fri, 19 Oct 2018 12:13:47 +0100 Subject: [PATCH 2/2] [ML] Remove unnecessary style from file data visualizer scss --- .../file_datavisualizer_view/_file_datavisualizer_view.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/file_datavisualizer_view/_file_datavisualizer_view.scss b/x-pack/plugins/ml/public/file_datavisualizer/components/file_datavisualizer_view/_file_datavisualizer_view.scss index 9f38e24eb0d31..e69de29bb2d1d 100644 --- a/x-pack/plugins/ml/public/file_datavisualizer/components/file_datavisualizer_view/_file_datavisualizer_view.scss +++ b/x-pack/plugins/ml/public/file_datavisualizer/components/file_datavisualizer_view/_file_datavisualizer_view.scss @@ -1,3 +0,0 @@ -.file-datavisualizer-view__filePicker { - font-size: 14px; -}