IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

MySQL: make it possible to add CA cert without using tlsAuth (#58226)

Browse Source
This commit is contained in:
Oscar Kilhed 2022-11-07 09:38:42 +01:00 committed by GitHub
parent d673c8809b
commit b1bfae0350
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 42 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/app/features/plugins/sql/components/configuration/TLSSecretsConfig.tsx
View File

@ -12,17 +12,21 @@ import { InlineField, SecretTextArea } from '@grafana/ui';
export interface Props<T extends DataSourceJsonData, S> { export interface Props<T extends DataSourceJsonData, S> {
editorProps: DataSourcePluginOptionsEditorProps<T, S>; editorProps: DataSourcePluginOptionsEditorProps<T, S>;
showCACert?: boolean; showCACert?: boolean;
showKeyPair?: boolean;
secureJsonFields?: KeyValue<Boolean>; secureJsonFields?: KeyValue<Boolean>;
labelWidth?: number; labelWidth?: number;
} }
export const TLSSecretsConfig = <T extends DataSourceJsonData, S extends {} = {}>(props: Props<T, S>) => { export const TLSSecretsConfig = <T extends DataSourceJsonData, S extends {} = {}>(props: Props<T, S>) => {
const { labelWidth, editorProps, showCACert } = props; const { labelWidth, editorProps, showCACert, showKeyPair = true } = props;
const { secureJsonFields } = editorProps.options; const { secureJsonFields } = editorProps.options;
return ( return (
<> <>
{showKeyPair ? (
<InlineField <InlineField
tooltip={<span>To authenticate with an TLS/SSL client certificate, provide the client certificate here.</span>} tooltip={
<span>To authenticate with an TLS/SSL client certificate, provide the client certificate here.</span>
}
labelWidth={labelWidth} labelWidth={labelWidth}
label="TLS/SSL Client Certificate" label="TLS/SSL Client Certificate"
> >
@ -37,6 +41,7 @@ export const TLSSecretsConfig = <T extends DataSourceJsonData, S extends {} = {}
}} }}
></SecretTextArea> ></SecretTextArea>
</InlineField> </InlineField>
) : null}
{showCACert ? ( {showCACert ? (
<InlineField <InlineField
tooltip={<span>If the selected TLS/SSL mode requires a server root certificate, provide it here.</span>} tooltip={<span>If the selected TLS/SSL mode requires a server root certificate, provide it here.</span>}
@ -55,7 +60,7 @@ export const TLSSecretsConfig = <T extends DataSourceJsonData, S extends {} = {}
></SecretTextArea> ></SecretTextArea>
</InlineField> </InlineField>
) : null} ) : null}
{showKeyPair ? (
<InlineField <InlineField
tooltip={<span>To authenticate with a client TLS/SSL certificate, provide the key here.</span>} tooltip={<span>To authenticate with a client TLS/SSL certificate, provide the key here.</span>}
labelWidth={labelWidth} labelWidth={labelWidth}
@ -72,6 +77,7 @@ export const TLSSecretsConfig = <T extends DataSourceJsonData, S extends {} = {}
}} }}
></SecretTextArea> ></SecretTextArea>
</InlineField> </InlineField>
) : null}
</> </>
); );
}; };

3
public/app/plugins/datasource/mysql/configuration/ConfigurationEditor.tsx
View File

@ -128,10 +128,11 @@ export const ConfigurationEditor = (props: DataSourcePluginOptionsEditorProps<My
</InlineField> </InlineField>
</FieldSet> </FieldSet>
{options.jsonData.tlsAuth ? ( {jsonData.tlsAuth || jsonData.tlsAuthWithCACert ? (
<FieldSet label="TLS/SSL Auth Details"> <FieldSet label="TLS/SSL Auth Details">
<TLSSecretsConfig <TLSSecretsConfig
showCACert={jsonData.tlsAuthWithCACert} showCACert={jsonData.tlsAuthWithCACert}
showKeyPair={jsonData.tlsAuth}
editorProps={props} editorProps={props}
labelWidth={25} labelWidth={25}
></TLSSecretsConfig> ></TLSSecretsConfig>