[ML] Adds experimental badge labels to the File Data Visualizer (#24485) (#24492)

This commit is contained in:
Pete Harverson 2018-10-24 16:33:46 +01:00 committed by GitHub
parent b33f858c1c
commit e64b7f9443
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 14 additions and 8 deletions

View file

@ -51,7 +51,7 @@ module.directive('mlNavMenu', function (breadcrumbState, config) {
population: { label: 'Population job', url: '' },
advanced: { label: 'Advanced Job Configuration', url: '' },
datavisualizer: { label: 'Data Visualizer', url: '' },
filedatavisualizer: { label: 'File Data Visualizer', url: '' },
filedatavisualizer: { label: 'File Data Visualizer (Experimental)', url: '' },
explorer: { label: 'Anomaly Explorer', url: '#/explorer' },
timeseriesexplorer: { label: 'Single Metric Viewer', url: '#/timeseriesexplorer' },
settings: { label: 'Settings', url: '#/settings' },

View file

@ -24,10 +24,10 @@ import { WelcomeContent } from './welcome_content';
export function AboutPanel({ onFilePickerChange }) {
return (
<EuiPage>
<EuiPageBody restrictWidth={1000}>
<EuiPage restrictWidth={1000}>
<EuiPageBody>
<EuiFlexGroup gutterSize="xl">
<EuiFlexItem grow={false}>
<EuiFlexItem grow={true}>
<EuiPanel paddingSize="l">
<WelcomeContent />
@ -52,8 +52,8 @@ export function AboutPanel({ onFilePickerChange }) {
export function LoadingPanel() {
return (
<EuiPage>
<EuiPageBody restrictWidth={200}>
<EuiPage restrictWidth={200}>
<EuiPageBody>
<EuiFlexGroup gutterSize="xl">
<EuiFlexItem grow={false}>
<EuiPanel paddingSize="l" style={{ textAlign: 'center' }} >

View file

@ -8,6 +8,7 @@
import React from 'react';
import {
EuiBetaBadge,
EuiFlexGroup,
EuiFlexItem,
EuiIcon,
@ -27,7 +28,8 @@ export function WelcomeContent() {
<EuiFlexItem>
<EuiTitle size="m">
<h3>
Visualize data from a log file
Visualize data from a log file &nbsp;
<EuiBetaBadge label="Experimental" tooltipContent="Experimental feature. We'd love to hear your feedback." />
</h3>
</EuiTitle>
<EuiSpacer size="s" />

View file

@ -10,6 +10,7 @@ import React, {
} from 'react';
import {
EuiBetaBadge,
EuiButton,
EuiSpacer,
EuiPanel,
@ -322,7 +323,10 @@ export class ImportView extends Component {
<EuiPanel>
<EuiTitle size="s">
<h3>Import data</h3>
<h3>
Import data &nbsp;
<EuiBetaBadge label="Experimental" tooltipContent="Experimental feature. We'd love to hear your feedback." />
</h3>
</EuiTitle>
<ImportSettings