mirror of https://github.com/grafana/grafana.git
46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import { FormField } from '@grafana/ui';
|
|
import { ElasticsearchOptions } from '../types';
|
|
|
|
type Props = {
|
|
value: ElasticsearchOptions;
|
|
onChange: (value: ElasticsearchOptions) => void;
|
|
};
|
|
export const LogsConfig = (props: Props) => {
|
|
const { value, onChange } = props;
|
|
const changeHandler = (key: keyof ElasticsearchOptions) => (
|
|
event: React.SyntheticEvent<HTMLInputElement | HTMLSelectElement>
|
|
) => {
|
|
onChange({
|
|
...value,
|
|
[key]: event.currentTarget.value,
|
|
});
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<h3 className="page-heading">Logs</h3>
|
|
|
|
<div className="gf-form-group">
|
|
<div className="gf-form max-width-30">
|
|
<FormField
|
|
labelWidth={11}
|
|
label="Message field name"
|
|
value={value.logMessageField}
|
|
onChange={changeHandler('logMessageField')}
|
|
placeholder="_source"
|
|
/>
|
|
</div>
|
|
<div className="gf-form max-width-30">
|
|
<FormField
|
|
labelWidth={11}
|
|
label="Level field name"
|
|
value={value.logLevelField}
|
|
onChange={changeHandler('logLevelField')}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|