agtic/keycloak_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update login-oauth-grant.ftl page

Browse Source
This commit is contained in:
Joseph Garrone 2024-05-11 00:47:18 +02:00
parent 89ddfa18b7
commit 1d4cf2a446
4 changed files with 42 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/login/Template.tsx
View File

@ -22,6 +22,7 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
socialProvidersNode = null,
infoNode = null,
documentTitle,
bodyClassName,
kcContext,
i18n,
doUseDefaultCss,
@ -46,7 +47,7 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
useSetClassName({
"qualifiedName": "body",
"className": getClassName("kcBodyClass")
"className": bodyClassName ?? getClassName("kcBodyClass")
});
useEffect(() => {

1
src/login/TemplateProps.ts
View File

@ -17,6 +17,7 @@ export type TemplateProps<KcContext extends KcContext.Common, I18nExtended exten
socialProvidersNode?: ReactNode;
infoNode?: ReactNode;
documentTitle?: string;
bodyClassName?: string;
children: ReactNode;
};

1
src/login/kcContext/KcContext.ts
View File

@ -262,6 +262,7 @@ export declare namespace KcContext {
client: string;
clientScopesRequested: {
consentScreenText: string;
dynamicScopeParameter?: string;
}[];
};
url: {

40
src/login/pages/LoginOauthGrant.tsx
View File

@ -18,18 +18,54 @@ export default function LoginOauthGrant(props: PageProps<Extract<KcContext, { pa
return (
<Template
{...{ kcContext, i18n, doUseDefaultCss, classes }}
headerNode={msg("oauthGrantTitle", client.name ? advancedMsgStr(client.name) : client.clientId)}
bodyClassName="oauth"
headerNode={
<>
{client.attributes.logoUri && <img src={client.attributes.logoUri} />}
<p>{client.name ? msg("oauthGrantTitle", advancedMsgStr(client.name)) : msg("oauthGrantTitle", client.clientId)}</p>
</>
}
>
<div id="kc-oauth" className="content-area">
<h3>{msg("oauthGrantRequest")}</h3>
<ul>
{oauth.clientScopesRequested.map(clientScope => (
<li key={clientScope.consentScreenText}>
<span>{advancedMsg(clientScope.consentScreenText)}</span>
<span>
{advancedMsg(clientScope.consentScreenText)}
{clientScope.dynamicScopeParameter && (
<>
: <b>{clientScope.dynamicScopeParameter}</b>
</>
)}
</span>
</li>
))}
</ul>
{client.attributes.policyUri ||
(client.attributes.tosUri && (
<h3>
{client.name ? msg("oauthGrantInformation", advancedMsgStr(client.name)) : msg("oauthGrantInformation", client.clientId)}
{client.attributes.tosUri && (
<>
{msg("oauthGrantReview")}
<a href={client.attributes.tosUri} target="_blank">
{msg("oauthGrantTos")}
</a>
</>
)}
{client.attributes.policyUri && (
<>
{msg("oauthGrantReview")}
<a href={client.attributes.policyUri} target="_blank">
{msg("oauthGrantPolicy")}
</a>
</>
)}
</h3>
))}
<form className="form-actions" action={url.oauthAction} method="POST">
<input type="hidden" name="code" value={oauth.code} />
<div className={getClassName("kcFormGroupClass")}>