opensource/cloudbeaver
3
0
Fork 0
mirror of https://github.com/dbeaver/cloudbeaver.git synced 2026-09-24 16:04:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #461 from dbeaver/fix/identity-providers-categories

Browse Source 
fix(plugin-authentication): CB-1063 add support categories
This commit is contained in:
Alexey
2021-09-01 17:50:32 +03:00
committed by GitHub
parent 719c523d12 f791acb6bf
commit 3f4609425b
1 changed files with 34 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/packages/plugin-authentication/src/Administration/IdentityProviders/Options/AuthConfigurationOptions.tsx
+34 -10
View File
@@ -13,7 +13,8 @@ import styled, { css } from 'reshadow';
import { AuthConfigurationParametersResource, AuthProvidersResource } from '@cloudbeaver/core-authentication';
import {
BASE_CONTAINERS_STYLES, ColoredContainer, ComboboxNew, FieldCheckboxNew, Group, GroupTitle,
InputFieldNew, ObjectPropertyInfoFormNew, SubmittingForm, TabContainerPanelComponent, TextareaNew, useMapResource
InputFieldNew, ObjectPropertyInfoFormNew, SubmittingForm, TabContainerPanelComponent,
TextareaNew, useMapResource, useObjectPropertyCategories
} from '@cloudbeaver/core-blocks';
import { useTranslate } from '@cloudbeaver/core-localization';
import type { AuthProviderConfigurationParametersFragment } from '@cloudbeaver/core-sdk';
@@ -28,6 +29,8 @@ const styles = css`
}
`;
const emptyArray: AuthProviderConfigurationParametersFragment[] = [];
export const AuthConfigurationOptions: TabContainerPanelComponent<IAuthConfigurationFormProps> = observer(function AuthConfigurationOptions({
state,
}) {
@@ -39,6 +42,10 @@ export const AuthConfigurationOptions: TabContainerPanelComponent<IAuthConfigura
const providers = useMapResource(AuthProvidersResource, AuthProvidersResource.keyAll);
const parameters = useMapResource(AuthConfigurationParametersResource, state.config.providerId || null);
const { categories, isUncategorizedExists } = useObjectPropertyCategories(
(parameters.data as AuthProviderConfigurationParametersFragment[] | undefined) ?? emptyArray
);
const identityProviders = providers.resource.values.filter(provider => provider.configurable);
const edit = state.mode === 'edit';
@@ -111,15 +118,32 @@ export const AuthConfigurationOptions: TabContainerPanelComponent<IAuthConfigura
</FieldCheckboxNew>
</Group>
{parameters.isLoaded() && parameters.data && (
<Group small gap vertical>
<GroupTitle>{translate('administration_identity_providers_provider_configuration_parameters')}</GroupTitle>
<ObjectPropertyInfoFormNew
state={state.config.parameters}
properties={parameters.data as AuthProviderConfigurationParametersFragment[]}
disabled={state.disabled}
readOnly={state.readonly}
/>
</Group>
<>
{isUncategorizedExists && (
<Group small gap vertical>
<GroupTitle>{translate('administration_identity_providers_provider_configuration_parameters')}</GroupTitle>
<ObjectPropertyInfoFormNew
state={state.config.parameters}
properties={parameters.data as AuthProviderConfigurationParametersFragment[]}
category={null}
disabled={state.disabled}
readOnly={state.readonly}
/>
</Group>
)}
{categories.map(category => (
<Group key={category} small gap vertical>
<GroupTitle>{category}</GroupTitle>
<ObjectPropertyInfoFormNew
state={state.config.parameters}
properties={parameters.data as AuthProviderConfigurationParametersFragment[]}
category={category}
disabled={state.disabled}
readOnly={state.readonly}
/>
</Group>
))}
</>
)}
</ColoredContainer>
</SubmittingForm>