Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

replace KuiCard with EuiCard in kibana home #17771

Merged
merged 4 commits into from
May 1, 2018
Merged

replace KuiCard with EuiCard in kibana home #17771

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
dee99fb
replace KuiCard with EuiCard in kibana home
nreese Apr 17, 2018
d3d49d6
fix button styling
nreese Apr 18, 2018
8f9b42e
update snapshots caused by new EUI version from rebase
nreese Apr 27, 2018
4c01d1e
allow flex group to wrap
nreese Apr 30, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
387 changes: 387 additions & 0 deletions src/core_plugins/kibana/public/home/components/__snapshots__/add_data.test.js.snap
View file
Open in desktop
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>
`;
Loading