[pages] Add Error, Login Page Expired, and Terms

README.md

@@ -6,11 +6,13 @@ Keywind is a component-based Keycloak Login Theme built with [Tailwind CSS](http
 
 ### Styled Pages
 
+- Error
 - Login
 - Login Config TOTP
 - Login IDP Link Confirm
 - Login OAuth Grant
 - Login OTP
+- Login Page Expired
 - Login Recovery Authn Code Config
 - Login Recovery Authn Code Input
 - Login Reset Password
@@ -19,6 +21,7 @@ Keywind is a component-based Keycloak Login Theme built with [Tailwind CSS](http
 - Logout Confirm
 - Register
 - Select Authenticator
+- Terms and Conditions
 - WebAuthn Authenticate
 - WebAuthn Error
 - WebAuthn Register

theme/keywind/login/error.ftl

@@ -0,0 +1,18 @@
+<#import "template.ftl" as layout>
+<#import "components/atoms/alert.ftl" as alert>
+<#import "components/atoms/link.ftl" as link>
+
+<@layout.registrationLayout displayMessage=false; section>
+  <#if section="header">
+    ${kcSanitize(msg("errorTitle"))?no_esc}
+  <#elseif section="form">
+    <@alert.kw color="error">${kcSanitize(message.summary)?no_esc}</@alert.kw>
+    <#if !skipLink??>
+      <#if client?? && client.baseUrl?has_content>
+        <@link.kw color="secondary" href=client.baseUrl size="small">
+          ${kcSanitize(msg("backToApplication"))?no_esc}
+        </@link.kw>
+      </#if>
+    </#if>
+  </#if>
+</@layout.registrationLayout>

theme/keywind/login/login-page-expired.ftl

@@ -0,0 +1,18 @@
+<#import "template.ftl" as layout>
+<#import "components/atoms/button.ftl" as button>
+<#import "components/atoms/button-group.ftl" as buttonGroup>
+
+<@layout.registrationLayout; section>
+  <#if section="header">
+    ${msg("pageExpiredTitle")}
+  <#elseif section="form">
+    <@buttonGroup.kw>
+      <@button.kw color="primary" component="a" href=url.loginRestartFlowUrl>
+        ${msg("doTryAgain")}
+      </@button.kw>
+      <@button.kw color="secondary" component="a" href=url.loginAction>
+        ${msg("doContinue")}
+      </@button.kw>
+    </@buttonGroup.kw>
+  </#if>
+</@layout.registrationLayout>

theme/keywind/login/terms.ftl

@@ -0,0 +1,22 @@
+<#import "template.ftl" as layout>
+<#import "components/atoms/button.ftl" as button>
+<#import "components/atoms/button-group.ftl" as buttonGroup>
+<#import "components/atoms/form.ftl" as form>
+
+<@layout.registrationLayout displayMessage=false; section>
+  <#if section="header">
+    ${msg("termsTitle")}
+  <#elseif section="form">
+    ${kcSanitize(msg("termsText"))?no_esc}
+    <@form.kw action=url.loginAction method="post">
+      <@buttonGroup.kw>
+        <@button.kw color="primary" name="accept" type="submit">
+          ${msg("doAccept")}
+        </@button.kw>
+        <@button.kw color="secondary" name="cancel" type="submit">
+          ${msg("doDecline")}
+        </@button.kw>
+      </@buttonGroup.kw>
+    </@form.kw>
+  </#if>
+</@layout.registrationLayout>