48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
import { SelectableValue } from '@grafana/data';
|
|
import { InlineField, InlineFieldRow, Select } from '@grafana/ui';
|
|
|
|
import { EditorProps } from '../QueryEditor';
|
|
|
|
const liveTestDataChannels = [
|
|
{
|
|
label: 'random-2s-stream',
|
|
value: 'random-2s-stream',
|
|
description: 'Random stream with points every 2s',
|
|
},
|
|
{
|
|
label: 'random-flakey-stream',
|
|
value: 'random-flakey-stream',
|
|
description: 'Stream that returns data in random intervals',
|
|
},
|
|
{
|
|
label: 'random-labeled-stream',
|
|
value: 'random-labeled-stream',
|
|
description: 'Value with moving labels',
|
|
},
|
|
{
|
|
label: 'random-20Hz-stream',
|
|
value: 'random-20Hz-stream',
|
|
description: 'Random stream with points in 20Hz',
|
|
},
|
|
];
|
|
|
|
export const GrafanaLiveEditor = ({ onChange, query }: EditorProps) => {
|
|
const onChannelChange = ({ value }: SelectableValue<string>) => {
|
|
onChange({ ...query, channel: value });
|
|
};
|
|
|
|
return (
|
|
<InlineFieldRow>
|
|
<InlineField label="Channel" labelWidth={14}>
|
|
<Select
|
|
width={32}
|
|
onChange={onChannelChange}
|
|
placeholder="Select channel"
|
|
options={liveTestDataChannels}
|
|
value={liveTestDataChannels.find((f) => f.value === query.channel)}
|
|
/>
|
|
</InlineField>
|
|
</InlineFieldRow>
|
|
);
|
|
};
|