Skip to content

Commit

Permalink
replace KuiCard with EuiCard in kibana home (#17771)
Browse files Browse the repository at this point in the history
* 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
nreese authored May 1, 2018
1 parent 1eef045 commit bb7e0b2
Show file tree
Hide file tree
Showing 7 changed files with 475 additions and 120 deletions.
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

0 comments on commit bb7e0b2

Please sign in to comment.