maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Layout, round 1

Browse source
This commit is contained in:
Madison Caldwell 2021-01-14 17:43:22 +00:00
parent a4139ce992
commit b73b34acd5
1 changed files with 33 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
x-pack/plugins/security_solution/public/detections/components/rules/threshold_input/index.tsx
View file

@ -5,7 +5,7 @@
*/
import React, { useMemo } from 'react';
import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
import { EuiButton, EuiFlexGroup, EuiFlexItem, EuiFormRow, EuiSpacer } from '@elastic/eui';
import styled from 'styled-components';
import { BrowserFields } from '../../../../common/containers/source';
@ -52,27 +52,38 @@ const ThresholdInputComponent: React.FC<ThresholdInputProps> = ({
);
return (
<EuiFlexGroup>
<EuiFlexItem grow={false}>
<Field
field={thresholdField}
idAria="detectionEngineStepDefineRuleThresholdField"
data-test-subj="detectionEngineStepDefineRuleThresholdField"
describedByIds={fieldDescribedByIds}
type={thresholdField.type}
euiFieldProps={fieldEuiFieldProps}
/>
</EuiFlexItem>
<OperatorWrapper grow={false}>{'>='}</OperatorWrapper>
<EuiFlexItem grow={false}>
<Field
field={thresholdValue}
idAria="detectionEngineStepDefineRuleThresholdValue"
data-test-subj="detectionEngineStepDefineRuleThresholdValue"
describedByIds={valueDescribedByIds}
type={thresholdValue.type}
/>
</EuiFlexItem>
<EuiFlexGroup direction="column" style={{ marginLeft: 0 }}>
<EuiFlexGroup>
<EuiFlexItem grow={false}>
<Field
field={thresholdField}
idAria="detectionEngineStepDefineRuleThresholdField"
data-test-subj="detectionEngineStepDefineRuleThresholdField"
describedByIds={fieldDescribedByIds}
type={thresholdField.type}
euiFieldProps={fieldEuiFieldProps}
/>
</EuiFlexItem>
<OperatorWrapper grow={false}>{'>='}</OperatorWrapper>
<EuiFlexItem grow={false}>
<Field
field={thresholdValue}
idAria="detectionEngineStepDefineRuleThresholdValue"
data-test-subj="detectionEngineStepDefineRuleThresholdValue"
describedByIds={valueDescribedByIds}
type={thresholdValue.type}
/>
</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem grow={false}>
<EuiButton>{'Add Aggregation'}</EuiButton>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiButton>{'Specify Cardinality'}</EuiButton>
</EuiFlexItem>
</EuiFlexGroup>
<EuiSpacer />
</EuiFlexGroup>
);
};