feat: logout other sessions and style update-email.ftl

README.md

@@ -25,6 +25,7 @@ Keywind is a component-based Keycloak Login Theme built with [Tailwind CSS](http
 - Register
 - Select Authenticator
 - Terms and Conditions
+- Update E-Mail
 - WebAuthn Authenticate
 - WebAuthn Error
 - WebAuthn Register

theme/keywind/login/components/molecules/password-commons.ftl

@@ -0,0 +1,10 @@
+<#import "../atoms/checkbox.ftl" as checkbox>
+
+<#macro logoutOtherSessions>
+  <@checkbox.kw
+    name="logout-sessions"
+    label=msg("logoutOtherSessions")
+    checked=true
+    value="on"
+  />
+</#macro>

theme/keywind/login/login-config-totp.ftl

@@ -6,6 +6,7 @@
 <#import "components/atoms/link.ftl" as link>
 <#import "features/labels/totp.ftl" as totpLabel>
 <#import "features/labels/totp-device.ftl" as totpDeviceLabel>
+<#import "components/molecules/password-commons.ftl" as passwordCommons>
 
 <#assign totpLabel><@totpLabel.kw /></#assign>
 <#assign totpDeviceLabel><@totpDeviceLabel.kw /></#assign>
@@ -91,6 +92,9 @@
         required=false
         type="text"
       />
+
+      <@passwordCommons.logoutOtherSessions/>
+
       <@buttonGroup.kw>
         <#if isAppInitiatedAction??>
           <@button.kw color="primary" type="submit">

theme/keywind/login/login-recovery-authn-code-config.ftl

@@ -4,6 +4,7 @@
 <#import "components/atoms/button-group.ftl" as buttonGroup>
 <#import "components/atoms/checkbox.ftl" as checkbox>
 <#import "components/atoms/form.ftl" as form>
+<#import "components/molecules/password-commons.ftl" as passwordCommons>
 
 <@layout.registrationLayout script="dist/recoveryCodes.js"; section>
   <#if section="header">
@@ -54,6 +55,7 @@
           required="required"
           x\-ref="confirmationCheck"
         />
+        <@passwordCommons.logoutOtherSessions/>
         <@buttonGroup.kw>
           <#if isAppInitiatedAction??>
             <@button.kw color="primary" type="submit">

theme/keywind/login/login-update-password.ftl

@@ -4,6 +4,7 @@
 <#import "components/atoms/checkbox.ftl" as checkbox>
 <#import "components/atoms/form.ftl" as form>
 <#import "components/atoms/input.ftl" as input>
+<#import "components/molecules/password-commons.ftl" as passwordCommons>
 
 <@layout.registrationLayout
   displayMessage=!messagesPerField.existsError("password", "password-confirm")
@@ -37,6 +38,7 @@
         name="password-confirm"
         type="password"
       />
+      <@passwordCommons.logoutOtherSessions/>
       <#if isAppInitiatedAction??>
         <@checkbox.kw
           checked=true

theme/keywind/login/update-email.ftl

@@ -0,0 +1,43 @@
+<#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>
+<#import "components/atoms/input.ftl" as input>
+<#import "components/molecules/password-commons.ftl" as passwordCommons>
+
+<@layout.registrationLayout displayMessage=!messagesPerField.existsError('email'); section>
+    <#if section = "header">
+        ${msg("updateEmailTitle")}
+    <#elseif section = "form">
+        <@form.kw action="${url.loginAction}" method="post">
+            <@input.kw
+              autocomplete="off"
+              autofocus=true
+              invalid=messagesPerField.existsError("email")
+              label=msg("email")
+              message=kcSanitize(messagesPerField.get("email"))?no_esc
+              name="email"
+              required=true
+              type="text"
+              value=email.value!''
+            />
+
+            <@passwordCommons.logoutOtherSessions/>
+
+            <@buttonGroup.kw>
+              <#if isAppInitiatedAction??>
+                <@button.kw color="primary" type="submit">
+                  ${msg("doSubmit")}
+                </@button.kw>
+                <@button.kw color="secondary" name="cancel-aia" type="submit" value="true">
+                  ${msg("doCancel")}
+                </@button.kw>
+              <#else>
+                <@button.kw color="primary" type="submit">
+                  ${msg("doSubmit")}
+                </@button.kw>
+              </#if>
+            </@buttonGroup.kw>
+        </@form.kw>
+    </#if>
+</@layout.registrationLayout>

theme/keywind/login/webauthn-register.ftl

@@ -1,6 +1,7 @@
 <#import "template.ftl" as layout>
 <#import "components/atoms/button.ftl" as button>
 <#import "components/atoms/button-group.ftl" as buttonGroup>
+<#import "components/molecules/password-commons.ftl" as passwordCommons>
 
 <@layout.registrationLayout script="dist/webAuthnRegister.js"; section>
   <#if section="title">
@@ -16,6 +17,7 @@
         <input name="error" type="hidden" x-ref="errorInput" />
         <input name="publicKeyCredentialId" type="hidden" x-ref="publicKeyCredentialIdInput" />
         <input name="transports" type="hidden" x-ref="transportsInput" />
+        <@passwordCommons.logoutOtherSessions/>
       </form>
       <@buttonGroup.kw>
         <@button.kw @click="registerSecurityKey" color="primary" type="submit">