-
Notifications
You must be signed in to change notification settings - Fork 8.3k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
replace KuiCard with EuiCard in kibana home (#17771)
* replace KuiCard with EuiCard in kibana home * fix button styling * update snapshots caused by new EUI version from rebase * allow flex group to wrap
- Loading branch information
Showing
7 changed files
with
475 additions
and
120 deletions.
There are no files selected for viewing
387 changes: 387 additions & 0 deletions
387
src/core_plugins/kibana/public/home/components/__snapshots__/add_data.test.js.snap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,387 @@ | ||
// Jest Snapshot v1, https://goo.gl/fbAQLP | ||
|
||
exports[`apmUiEnabled 1`] = ` | ||
<EuiPanel | ||
grow={true} | ||
hasShadow={false} | ||
paddingSize="l" | ||
> | ||
<EuiFlexGroup | ||
alignItems="stretch" | ||
component="div" | ||
gutterSize="l" | ||
justifyContent="flexStart" | ||
responsive={true} | ||
wrap={false} | ||
> | ||
<EuiFlexItem | ||
component="div" | ||
grow={true} | ||
> | ||
<EuiTitle | ||
size="m" | ||
> | ||
<h3> | ||
Add Data to Kibana | ||
</h3> | ||
</EuiTitle> | ||
<EuiText | ||
grow={true} | ||
> | ||
<p> | ||
Use these solutions to quickly turn your data into pre-built dashboards and monitoring systems. | ||
</p> | ||
</EuiText> | ||
</EuiFlexItem> | ||
</EuiFlexGroup> | ||
<EuiSpacer | ||
size="l" | ||
/> | ||
<EuiFlexGroup | ||
alignItems="stretch" | ||
component="div" | ||
gutterSize="none" | ||
justifyContent="flexStart" | ||
responsive={true} | ||
wrap={true} | ||
> | ||
<EuiFlexItem | ||
component="div" | ||
grow={true} | ||
> | ||
<EuiCard | ||
className="addDataCard" | ||
description="APM automatically collects in-depth performance metrics and errors from inside your applications." | ||
footer={ | ||
<EuiButton | ||
className="addDataButton" | ||
color="primary" | ||
fill={false} | ||
href="#/home/tutorial/apm" | ||
iconSide="left" | ||
type="button" | ||
> | ||
Add APM | ||
</EuiButton> | ||
} | ||
icon={ | ||
<EuiIcon | ||
className="addDataIcon" | ||
size="m" | ||
type="apmApp" | ||
/> | ||
} | ||
textAlign="center" | ||
title="APM" | ||
/> | ||
</EuiFlexItem> | ||
<EuiFlexItem | ||
component="div" | ||
grow={true} | ||
> | ||
<EuiCard | ||
className="addDataCard" | ||
description="Ingest logs from popular data sources and easily visualize in preconfigured dashboards." | ||
footer={ | ||
<EuiButton | ||
className="addDataButton" | ||
color="primary" | ||
fill={false} | ||
href="#/home/tutorial_directory/logging" | ||
iconSide="left" | ||
type="button" | ||
> | ||
Add log data | ||
</EuiButton> | ||
} | ||
icon={ | ||
<EuiIcon | ||
className="addDataIcon" | ||
size="m" | ||
type="loggingApp" | ||
/> | ||
} | ||
textAlign="center" | ||
title="Logging" | ||
/> | ||
</EuiFlexItem> | ||
<EuiFlexItem | ||
component="div" | ||
grow={true} | ||
> | ||
<EuiCard | ||
className="addDataCard" | ||
description="Collect metrics from the operating system and services running on your servers." | ||
footer={ | ||
<EuiButton | ||
className="addDataButton" | ||
color="primary" | ||
fill={false} | ||
href="#/home/tutorial_directory/metrics" | ||
iconSide="left" | ||
type="button" | ||
> | ||
Add metric data | ||
</EuiButton> | ||
} | ||
icon={ | ||
<EuiIcon | ||
className="addDataIcon" | ||
size="m" | ||
type="monitoringApp" | ||
/> | ||
} | ||
textAlign="center" | ||
title="Metrics" | ||
/> | ||
</EuiFlexItem> | ||
<EuiFlexItem | ||
component="div" | ||
grow={true} | ||
> | ||
<EuiCard | ||
className="addDataCard" | ||
description="Centralize security events for interactive investigation in ready-to-go visualizations." | ||
footer={ | ||
<EuiButton | ||
className="addDataButton" | ||
color="primary" | ||
fill={false} | ||
href="#/home/tutorial_directory/security" | ||
iconSide="left" | ||
type="button" | ||
> | ||
Add security events | ||
</EuiButton> | ||
} | ||
icon={ | ||
<EuiIcon | ||
className="addDataIcon" | ||
size="m" | ||
type="securityApp" | ||
/> | ||
} | ||
textAlign="center" | ||
title="Security Analytics" | ||
/> | ||
</EuiFlexItem> | ||
</EuiFlexGroup> | ||
<EuiFlexGroup | ||
alignItems="stretch" | ||
component="div" | ||
gutterSize="l" | ||
justifyContent="center" | ||
responsive={true} | ||
wrap={false} | ||
> | ||
<EuiFlexItem | ||
component="div" | ||
grow={false} | ||
> | ||
<EuiText | ||
grow={true} | ||
> | ||
<span | ||
style={ | ||
Object { | ||
"height": 38, | ||
} | ||
} | ||
> | ||
Data already in Elasticsearch? | ||
</span> | ||
<EuiLink | ||
color="primary" | ||
href="#/management/kibana/index" | ||
style={ | ||
Object { | ||
"marginLeft": 8, | ||
} | ||
} | ||
type="button" | ||
> | ||
Set up index patterns | ||
</EuiLink> | ||
</EuiText> | ||
</EuiFlexItem> | ||
</EuiFlexGroup> | ||
</EuiPanel> | ||
`; | ||
|
||
exports[`render 1`] = ` | ||
<EuiPanel | ||
grow={true} | ||
hasShadow={false} | ||
paddingSize="l" | ||
> | ||
<EuiFlexGroup | ||
alignItems="stretch" | ||
component="div" | ||
gutterSize="l" | ||
justifyContent="flexStart" | ||
responsive={true} | ||
wrap={false} | ||
> | ||
<EuiFlexItem | ||
component="div" | ||
grow={true} | ||
> | ||
<EuiTitle | ||
size="m" | ||
> | ||
<h3> | ||
Add Data to Kibana | ||
</h3> | ||
</EuiTitle> | ||
<EuiText | ||
grow={true} | ||
> | ||
<p> | ||
Use these solutions to quickly turn your data into pre-built dashboards and monitoring systems. | ||
</p> | ||
</EuiText> | ||
</EuiFlexItem> | ||
</EuiFlexGroup> | ||
<EuiSpacer | ||
size="l" | ||
/> | ||
<EuiFlexGroup | ||
alignItems="stretch" | ||
component="div" | ||
gutterSize="none" | ||
justifyContent="flexStart" | ||
responsive={true} | ||
wrap={true} | ||
> | ||
<EuiFlexItem | ||
component="div" | ||
grow={true} | ||
> | ||
<EuiCard | ||
className="addDataCard" | ||
description="Ingest logs from popular data sources and easily visualize in preconfigured dashboards." | ||
footer={ | ||
<EuiButton | ||
className="addDataButton" | ||
color="primary" | ||
fill={false} | ||
href="#/home/tutorial_directory/logging" | ||
iconSide="left" | ||
type="button" | ||
> | ||
Add log data | ||
</EuiButton> | ||
} | ||
icon={ | ||
<EuiIcon | ||
className="addDataIcon" | ||
size="m" | ||
type="loggingApp" | ||
/> | ||
} | ||
textAlign="center" | ||
title="Logging" | ||
/> | ||
</EuiFlexItem> | ||
<EuiFlexItem | ||
component="div" | ||
grow={true} | ||
> | ||
<EuiCard | ||
className="addDataCard" | ||
description="Collect metrics from the operating system and services running on your servers." | ||
footer={ | ||
<EuiButton | ||
className="addDataButton" | ||
color="primary" | ||
fill={false} | ||
href="#/home/tutorial_directory/metrics" | ||
iconSide="left" | ||
type="button" | ||
> | ||
Add metric data | ||
</EuiButton> | ||
} | ||
icon={ | ||
<EuiIcon | ||
className="addDataIcon" | ||
size="m" | ||
type="monitoringApp" | ||
/> | ||
} | ||
textAlign="center" | ||
title="Metrics" | ||
/> | ||
</EuiFlexItem> | ||
<EuiFlexItem | ||
component="div" | ||
grow={true} | ||
> | ||
<EuiCard | ||
className="addDataCard" | ||
description="Centralize security events for interactive investigation in ready-to-go visualizations." | ||
footer={ | ||
<EuiButton | ||
className="addDataButton" | ||
color="primary" | ||
fill={false} | ||
href="#/home/tutorial_directory/security" | ||
iconSide="left" | ||
type="button" | ||
> | ||
Add security events | ||
</EuiButton> | ||
} | ||
icon={ | ||
<EuiIcon | ||
className="addDataIcon" | ||
size="m" | ||
type="securityApp" | ||
/> | ||
} | ||
textAlign="center" | ||
title="Security Analytics" | ||
/> | ||
</EuiFlexItem> | ||
</EuiFlexGroup> | ||
<EuiFlexGroup | ||
alignItems="stretch" | ||
component="div" | ||
gutterSize="l" | ||
justifyContent="center" | ||
responsive={true} | ||
wrap={false} | ||
> | ||
<EuiFlexItem | ||
component="div" | ||
grow={false} | ||
> | ||
<EuiText | ||
grow={true} | ||
> | ||
<span | ||
style={ | ||
Object { | ||
"height": 38, | ||
} | ||
} | ||
> | ||
Data already in Elasticsearch? | ||
</span> | ||
<EuiLink | ||
color="primary" | ||
href="#/management/kibana/index" | ||
style={ | ||
Object { | ||
"marginLeft": 8, | ||
} | ||
} | ||
type="button" | ||
> | ||
Set up index patterns | ||
</EuiLink> | ||
</EuiText> | ||
</EuiFlexItem> | ||
</EuiFlexGroup> | ||
</EuiPanel> | ||
`; |
Oops, something went wrong.