github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 01:13:23 -04:00
Code Issues Projects Releases Packages Wiki Activity

[ML] range control for top n buckets

Browse source
This commit is contained in:
Dima Arnautov 2021-04-15 10:21:09 +02:00
parent 8dc6d5b6ca
commit e039f250e2
1 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

18
x-pack/plugins/ml/public/alerting/advanced_settings.tsx
View file

@ -10,10 +10,12 @@ import { FormattedMessage } from '@kbn/i18n/react';
import {
EuiAccordion,
EuiDescribedFormGroup,
EuiFieldNumber,
EuiFormRow,
EuiHorizontalRule,
EuiRange,
EuiSpacer,
} from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { MlAnomalyDetectionAlertAdvancedSettings } from '../../common/types/alerts';
import { TimeIntervalControl } from './time_interval_control';
import { numberValidator, timeIntervalInputValidator } from '../../common/util/validators';
@ -96,15 +98,27 @@ export const AdvancedSettings: FC<AdvancedSettingsProps> = React.memo(({ value,
/>
}
>
<EuiFieldNumber
<EuiRange
showInput
showRange
showValue
showTicks
tickInterval={1}
step={1}
value={value.topNBuckets ?? TOP_N_BUCKETS_COUNT}
min={1}
max={5}
onChange={(e) => {
// @ts-ignore Property 'value' does not exist on type 'EventTarget' | (EventTarget & HTMLInputElement)
onChange({ topNBuckets: Number(e.target.value) });
}}
aria-label={i18n.translate('xpack.ml.anomalyDetectionAlert.topNBucketsLabel', {
defaultMessage: 'Top N buckets',
})}
/>
</EuiFormRow>
</EuiDescribedFormGroup>
<EuiHorizontalRule margin={'m'} />
</EuiAccordion>
);
});