mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
c777301535
* add appending utility * add appending utility * update comment * rename to mutable * move mutable functions out of DataFrameHelper * move mutable functions out of DataFrameHelper * move mutable functions out of DataFrameHelper * turn DataFrameHelper into FieldCache * guess time from name * graph the numbers * return the timeField, not just the index * just warn on duplicate field names * only use a parser if the input is a string * append init all fields to the same length * typo * only parse string if value is a string * DataFrame: test fixes * Switch to null for missing values * Fixed tests
72 lines
1.9 KiB
TypeScript
72 lines
1.9 KiB
TypeScript
// Libraries
|
|
import React, { PureComponent } from 'react';
|
|
|
|
// Types
|
|
import { InputOptions } from './types';
|
|
|
|
import { DataSourcePluginOptionsEditorProps, DataSourceSettings, TableInputCSV } from '@grafana/ui';
|
|
import { DataFrame, MutableDataFrame } from '@grafana/data';
|
|
import { dataFrameToCSV } from './utils';
|
|
|
|
type InputSettings = DataSourceSettings<InputOptions>;
|
|
|
|
interface Props extends DataSourcePluginOptionsEditorProps<InputSettings> {}
|
|
|
|
interface State {
|
|
text: string;
|
|
}
|
|
|
|
export class InputConfigEditor extends PureComponent<Props, State> {
|
|
state = {
|
|
text: '',
|
|
};
|
|
|
|
componentDidMount() {
|
|
const { options } = this.props;
|
|
if (options.jsonData.data) {
|
|
const text = dataFrameToCSV(options.jsonData.data);
|
|
this.setState({ text });
|
|
}
|
|
}
|
|
|
|
onSeriesParsed = (data: DataFrame[], text: string) => {
|
|
const { options, onOptionsChange } = this.props;
|
|
if (!data) {
|
|
data = [new MutableDataFrame()];
|
|
}
|
|
// data is a property on 'jsonData'
|
|
const jsonData = {
|
|
...options.jsonData,
|
|
data,
|
|
};
|
|
|
|
onOptionsChange({
|
|
...options,
|
|
jsonData,
|
|
});
|
|
this.setState({ text });
|
|
};
|
|
|
|
render() {
|
|
const { text } = this.state;
|
|
return (
|
|
<div>
|
|
<div className="gf-form-group">
|
|
<h4>Shared Data:</h4>
|
|
<span>Enter CSV</span>
|
|
<TableInputCSV text={text} onSeriesParsed={this.onSeriesParsed} width={'100%'} height={200} />
|
|
</div>
|
|
|
|
<div className="grafana-info-box">
|
|
This data is stored in the datasource json and is returned to every user in the initial request for any
|
|
datasource. This is an appropriate place to enter a few values. Large datasets will perform better in other
|
|
datasources.
|
|
<br />
|
|
<br />
|
|
<b>NOTE:</b> Changes to this data will only be reflected after a browser refresh.
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|