125 lines
3.7 KiB
TypeScript
125 lines
3.7 KiB
TypeScript
import React from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import {
|
|
FormGroup,
|
|
Switch,
|
|
Checkbox,
|
|
Grid,
|
|
GridItem,
|
|
Form,
|
|
} from "@patternfly/react-core";
|
|
import { UseFormMethods, Controller } from "react-hook-form";
|
|
|
|
type CapabilityConfigProps = {
|
|
form: UseFormMethods;
|
|
};
|
|
|
|
export const CapabilityConfig = ({ form }: CapabilityConfigProps) => {
|
|
const { t } = useTranslation("clients");
|
|
return (
|
|
<Form isHorizontal>
|
|
<FormGroup label={t("clientAuthentication")} fieldId="kc-authentication">
|
|
<Controller
|
|
name="publicClient"
|
|
defaultValue={false}
|
|
control={form.control}
|
|
render={({ onChange, value }) => (
|
|
<Switch
|
|
id="kc-authentication"
|
|
name="publicClient"
|
|
label={t("common:on")}
|
|
labelOff={t("common:off")}
|
|
isChecked={value}
|
|
onChange={onChange}
|
|
/>
|
|
)}
|
|
/>
|
|
</FormGroup>
|
|
<FormGroup label={t("clientAuthorization")} fieldId="kc-authorization">
|
|
<Controller
|
|
name="authorizationServicesEnabled"
|
|
defaultValue={false}
|
|
control={form.control}
|
|
render={({ onChange, value }) => (
|
|
<Switch
|
|
id="kc-authorization"
|
|
name="authorizationServicesEnabled"
|
|
label={t("common:on")}
|
|
labelOff={t("common:off")}
|
|
isChecked={value}
|
|
onChange={onChange}
|
|
/>
|
|
)}
|
|
/>
|
|
</FormGroup>
|
|
<FormGroup label={t("authenticationFlow")} fieldId="kc-flow">
|
|
<Grid>
|
|
<GridItem lg={4} sm={6}>
|
|
<Controller
|
|
name="standardFlowEnabled"
|
|
defaultValue={false}
|
|
control={form.control}
|
|
render={({ onChange, value }) => (
|
|
<Checkbox
|
|
label={t("standardFlow")}
|
|
id="kc-flow-standard"
|
|
name="standardFlowEnabled"
|
|
isChecked={value}
|
|
onChange={onChange}
|
|
/>
|
|
)}
|
|
/>
|
|
</GridItem>
|
|
<GridItem lg={8} sm={6}>
|
|
<Controller
|
|
name="directAccessGrantsEnabled"
|
|
defaultValue={false}
|
|
control={form.control}
|
|
render={({ onChange, value }) => (
|
|
<Checkbox
|
|
label={t("directAccess")}
|
|
id="kc-flow-direct"
|
|
name="directAccessGrantsEnabled"
|
|
isChecked={value}
|
|
onChange={onChange}
|
|
/>
|
|
)}
|
|
/>
|
|
</GridItem>
|
|
<GridItem lg={4} sm={6}>
|
|
<Controller
|
|
name="implicitFlowEnabled"
|
|
defaultValue={false}
|
|
control={form.control}
|
|
render={({ onChange, value }) => (
|
|
<Checkbox
|
|
label={t("implicitFlow")}
|
|
id="kc-flow-implicit"
|
|
name="implicitFlowEnabled"
|
|
isChecked={value}
|
|
onChange={onChange}
|
|
/>
|
|
)}
|
|
/>
|
|
</GridItem>
|
|
<GridItem lg={8} sm={6}>
|
|
<Controller
|
|
name="serviceAccountsEnabled"
|
|
defaultValue={false}
|
|
control={form.control}
|
|
render={({ onChange, value }) => (
|
|
<Checkbox
|
|
label={t("serviceAccount")}
|
|
id="kc-flow-service-account"
|
|
name="serviceAccountsEnabled"
|
|
isChecked={value}
|
|
onChange={onChange}
|
|
/>
|
|
)}
|
|
/>
|
|
</GridItem>
|
|
</Grid>
|
|
</FormGroup>
|
|
</Form>
|
|
);
|
|
};
|