libre.sh/keycloak-scim
4
0
Fork 0
Code Issues 15 Pull requests Releases 1 Activity Actions

fixing comment on issue: (#522)

Browse source 
* fixing comment on issue:

https://github.com/keycloak/keycloak-admin-ui/issues/428#issuecomment-818504696

* fixed top margin

* fixed devider length
This commit is contained in:
Erik Jan de Wit 2021-04-20 21:46:07 +02:00 committed by GitHub
parent 9e5104b668
commit 5c94dd584b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 100 additions and 98 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/clients/AdvancedTab.tsx
View file

@ -177,7 +177,7 @@ export const AdvancedTab = ({
}
return (
<PageSection variant="light">
<PageSection variant="light" className="pf-u-py-0">
<ScrollForm sections={sections}>
<>
<Text className="pf-u-pb-lg">

2
src/clients/ClientSettings.tsx
View file

@ -40,7 +40,7 @@ export const ClientSettings = ({ save, reset }: ClientSettingsProps) => {
return (
<>
<ScrollForm
className="pf-u-p-lg"
className="pf-u-px-lg"
sections={[
t("capabilityConfig"),
t("generalSettings"),

194
src/clients/credentials/Credentials.tsx
View file

@ -11,6 +11,7 @@ import {
ClipboardCopy,
Divider,
FormGroup,
PageSection,
Select,
SelectOption,
SelectVariant,
@ -143,109 +144,110 @@ export const Credentials = ({ clientId, save }: CredentialsProps) => {
});
return (
<FormAccess isHorizontal className="pf-u-mt-md" role="manage-clients">
<ClientSecretConfirm />
<AccessTokenConfirm />
<Card isFlat>
<CardBody>
<FormGroup
label={t("clientAuthenticator")}
fieldId="kc-client-authenticator-type"
labelIcon={
<HelpItem
helpText="clients-help:client-authenticator-type"
forLabel={t("clientAuthenticator")}
forID="kc-client-authenticator-type"
/>
}
>
<Controller
name="clientAuthenticatorType"
control={control}
render={({ onChange, value }) => (
<Select
toggleId="kc-client-authenticator-type"
required
onToggle={() => isOpen(!open)}
onSelect={(_, value) => {
onChange(value as string);
isOpen(false);
}}
selections={value}
variant={SelectVariant.single}
aria-label={t("clientAuthenticator")}
isOpen={open}
>
{providers.map((option) => (
<SelectOption
selected={option.id === value}
key={option.id}
value={option.id}
>
{option.displayName}
</SelectOption>
))}
</Select>
)}
/>
</FormGroup>
{clientAuthenticatorType === "client-jwt" && <SignedJWT />}
{clientAuthenticatorType === "client-x509" && <X509 />}
<ActionGroup>
<Button
variant="primary"
onClick={() => save()}
isDisabled={!isDirty}
<PageSection>
<FormAccess isHorizontal className="pf-u-mt-md" role="manage-clients">
<ClientSecretConfirm />
<AccessTokenConfirm />
<Card isFlat>
<CardBody>
<FormGroup
label={t("clientAuthenticator")}
fieldId="kc-client-authenticator-type"
labelIcon={
<HelpItem
helpText="clients-help:client-authenticator-type"
forLabel={t("clientAuthenticator")}
forID="kc-client-authenticator-type"
/>
}
>
{t("common:save")}
</Button>
</ActionGroup>
</CardBody>
<CardBody>
<Controller
name="clientAuthenticatorType"
control={control}
render={({ onChange, value }) => (
<Select
toggleId="kc-client-authenticator-type"
required
onToggle={() => isOpen(!open)}
onSelect={(_, value) => {
onChange(value as string);
isOpen(false);
}}
selections={value}
variant={SelectVariant.single}
aria-label={t("clientAuthenticator")}
isOpen={open}
>
{providers.map((option) => (
<SelectOption
selected={option.id === value}
key={option.id}
value={option.id}
>
{option.displayName}
</SelectOption>
))}
</Select>
)}
/>
</FormGroup>
{clientAuthenticatorType === "client-jwt" && <SignedJWT />}
{clientAuthenticatorType === "client-x509" && <X509 />}
<ActionGroup>
<Button
variant="primary"
onClick={() => save()}
isDisabled={!isDirty}
>
{t("common:save")}
</Button>
</ActionGroup>
</CardBody>
{(clientAuthenticatorType === "client-secret" ||
clientAuthenticatorType === "client-secret-jwt") && <Divider />}
{(clientAuthenticatorType === "client-secret" ||
clientAuthenticatorType === "client-secret-jwt") && (
<>
<Divider className="pf-u-mb-md" />
<CardBody>
<ClientSecret
secret={secret}
toggle={toggleClientSecretConfirm}
/>
</>
</CardBody>
)}
</CardBody>
</Card>
<Card isFlat>
<CardBody>
<FormGroup
label={t("registrationAccessToken")}
fieldId="kc-access-token"
labelIcon={
<HelpItem
helpText="clients-help:registration-access-token"
forLabel={t("registrationAccessToken")}
forID="kc-access-token"
/>
}
>
<Split hasGutter>
<SplitItem isFilled>
<ClipboardCopy id="kc-access-token" isReadOnly>
{accessToken}
</ClipboardCopy>
</SplitItem>
<SplitItem>
<Button
variant="secondary"
onClick={toggleAccessTokenConfirm}
isDisabled={isDirty}
>
{t("regenerate")}
</Button>
</SplitItem>
</Split>
</FormGroup>
</CardBody>
</Card>
</FormAccess>
</Card>
<Card isFlat>
<CardBody>
<FormGroup
label={t("registrationAccessToken")}
fieldId="kc-access-token"
labelIcon={
<HelpItem
helpText="clients-help:registration-access-token"
forLabel={t("registrationAccessToken")}
forID="kc-access-token"
/>
}
>
<Split hasGutter>
<SplitItem isFilled>
<ClipboardCopy id="kc-access-token" isReadOnly>
{accessToken}
</ClipboardCopy>
</SplitItem>
<SplitItem>
<Button
variant="secondary"
onClick={toggleAccessTokenConfirm}
isDisabled={isDirty}
>
{t("regenerate")}
</Button>
</SplitItem>
</Split>
</FormGroup>
</CardBody>
</Card>
</FormAccess>
</PageSection>
);
};