|
1 | | -import React, { ChangeEvent, PureComponent } from 'react'; |
2 | | -import { LegacyForms } from '@grafana/ui'; |
| 1 | +import React, { PureComponent } from 'react'; |
| 2 | +import { DataSourceHttpSettings } from '@grafana/ui'; |
3 | 3 | import { DataSourcePluginOptionsEditorProps } from '@grafana/data'; |
4 | | -import { SplunkDataSourceOptions, SplunkSecureJsonData } from './types'; |
5 | | - |
6 | | -const { SecretFormField, FormField } = LegacyForms; |
| 4 | +import { SplunkDataSourceOptions } from './types'; |
7 | 5 |
|
8 | 6 | interface Props extends DataSourcePluginOptionsEditorProps<SplunkDataSourceOptions> {} |
9 | 7 |
|
10 | 8 | interface State {} |
11 | 9 |
|
12 | 10 | export class ConfigEditor extends PureComponent<Props, State> { |
13 | | - onEndpointChange = (event: ChangeEvent<HTMLInputElement>) => { |
14 | | - const { onOptionsChange, options } = this.props; |
15 | | - const jsonData = { |
16 | | - ...options.jsonData, |
17 | | - endpoint: event.target.value, |
18 | | - }; |
19 | | - onOptionsChange({ ...options, jsonData }); |
20 | | - }; |
21 | | - |
22 | | - // Secure field (only sent to the backend) |
23 | | - onBasicAuthTokenChange = (event: ChangeEvent<HTMLInputElement>) => { |
24 | | - const { onOptionsChange, options } = this.props; |
25 | | - onOptionsChange({ |
26 | | - ...options, |
27 | | - secureJsonData: { |
28 | | - basicAuthToken: event.target.value, |
29 | | - }, |
30 | | - }); |
31 | | - }; |
32 | | - |
33 | | - onResetBasicAuthToken = () => { |
34 | | - const { onOptionsChange, options } = this.props; |
35 | | - onOptionsChange({ |
36 | | - ...options, |
37 | | - secureJsonFields: { |
38 | | - ...options.secureJsonFields, |
39 | | - basicAuthToken: false, |
40 | | - }, |
41 | | - secureJsonData: { |
42 | | - ...options.secureJsonData, |
43 | | - basicAuthToken: '', |
44 | | - }, |
45 | | - }); |
46 | | - }; |
| 11 | + constructor(props: Props) { |
| 12 | + super(props); |
| 13 | + } |
47 | 14 |
|
48 | 15 | render() { |
49 | | - const { options } = this.props; |
50 | | - const { jsonData, secureJsonFields } = options; |
51 | | - const secureJsonData = (options.secureJsonData || {}) as SplunkSecureJsonData; |
| 16 | + const { options, onOptionsChange } = this.props; |
52 | 17 |
|
53 | 18 | return ( |
54 | | - <div className="gf-form-group"> |
55 | | - <div className="gf-form"> |
56 | | - <FormField |
57 | | - label="Endpoint" |
58 | | - labelWidth={6} |
59 | | - inputWidth={20} |
60 | | - onChange={this.onEndpointChange} |
61 | | - value={jsonData.endpoint || ''} |
62 | | - placeholder="<endpoint>" |
63 | | - /> |
64 | | - </div> |
65 | | - |
66 | | - <div className="gf-form-inline"> |
67 | | - <div className="gf-form"> |
68 | | - <SecretFormField |
69 | | - isConfigured={(secureJsonFields && secureJsonFields.basicAuthToken) as boolean} |
70 | | - value={secureJsonData.basicAuthToken || ''} |
71 | | - label="Basic Auth token" |
72 | | - placeholder="<token>" |
73 | | - labelWidth={10} |
74 | | - inputWidth={16} |
75 | | - onReset={this.onResetBasicAuthToken} |
76 | | - onChange={this.onBasicAuthTokenChange} |
77 | | - /> |
78 | | - </div> |
79 | | - </div> |
80 | | - </div> |
| 19 | + <DataSourceHttpSettings defaultUrl="http://splunk:8089" dataSourceConfig={options} onChange={onOptionsChange} /> |
81 | 20 | ); |
82 | 21 | } |
83 | 22 | } |
0 commit comments