diff --git a/spiffworkflow-backend/keycloak/bin/start_keycloak b/spiffworkflow-backend/keycloak/bin/start_keycloak index cd6fb232..75b3a8a8 100755 --- a/spiffworkflow-backend/keycloak/bin/start_keycloak +++ b/spiffworkflow-backend/keycloak/bin/start_keycloak @@ -48,16 +48,10 @@ docker run \ -e KEYCLOAK_ADMIN_PASSWORD=admin \ quay.io/keycloak/keycloak:22.0.4 start-dev \ -Dkeycloak.profile.feature.token_exchange=enabled \ - -Dkeycloak.profile.feature.admin_fine_grained_authz=enabled - -# Add these lines if you want live reloading of changed theme files -# Theme files are stored in keycloak/spifftheme. From the keycloak -# directory run docker cp ./spifftheme keycloak:/opt/keycloak/themes to -# see changes. -# \ -# -D--spi-theme-static-max-age=-1 \ -# -D--spi-theme-cache-themes=false \ -# -D--spi-theme-cache-templates=false + -Dkeycloak.profile.feature.admin_fine_grained_authz=enabled \ + -D--spi-theme-static-max-age=-1 \ + -D--spi-theme-cache-themes=false \ + -D--spi-theme-cache-templates=false script_dir="$( cd -- "$(dirname "$0")" >/dev/null 2>&1 ; pwd -P )" cp "${script_dir}/../realm_exports/${realm_name}-realm.json" /tmp/${realm_name}-realm.json diff --git a/spiffworkflow-backend/keycloak/spifftheme/login/login.ftl b/spiffworkflow-backend/keycloak/spifftheme/login/login.ftl new file mode 100755 index 00000000..781a17b3 --- /dev/null +++ b/spiffworkflow-backend/keycloak/spifftheme/login/login.ftl @@ -0,0 +1,110 @@ +<#import "template.ftl" as layout> +<@layout.registrationLayout displayMessage=!messagesPerField.existsError('username','password') displayInfo=realm.password && realm.registrationAllowed && !registrationDisabled??; section> + <#if section = "header"> + Sign in with password + <#elseif section = "form"> +
+
+ <#if realm.password> +
+ <#if !usernameHidden??> +
+ + + + + <#if messagesPerField.existsError('username','password')> + + ${kcSanitize(messagesPerField.getFirstError('username','password'))?no_esc} + + + +
+ + +
+ + + + + <#if usernameHidden?? && messagesPerField.existsError('username','password')> + + ${kcSanitize(messagesPerField.getFirstError('username','password'))?no_esc} + + + +
+ +
+
+ <#if realm.rememberMe && !usernameHidden??> +
+ +
+ +
+
+ <#if realm.resetPasswordAllowed> + ${msg("doForgotPassword")} + +
+ +
+ +
+ value="${auth.selectedCredential}"/> + +
+
+ +
+ +
+ <#elseif section = "info" > + <#if realm.password && realm.registrationAllowed && !registrationDisabled??> +
+
+ ${msg("noAccount")} ${msg("doRegister")} +
+
+ + <#elseif section = "socialProviders" > + <#if realm.password && social.providers??> +
+
+

Or ...

+ + +
+
New User? Please use one of the provider buttons above to register automatically. If you + do not have an account with one of these providers, you can request a login link via email by + sending a request to support@spiffworkflow.com
+ + + + diff --git a/spiffworkflow-backend/keycloak/spifftheme/login/resources/css/styles.css b/spiffworkflow-backend/keycloak/spifftheme/login/resources/css/styles.css index 0a0d38b1..1c944826 100644 --- a/spiffworkflow-backend/keycloak/spifftheme/login/resources/css/styles.css +++ b/spiffworkflow-backend/keycloak/spifftheme/login/resources/css/styles.css @@ -14,9 +14,11 @@ } -.login-pf-page .login-pf-header h1 { +.login-pf-page .login-pf-header h1, .kc-social-section h4 { font-size: 2rem; line-height: 2.5rem; + font-weight: 100; + text-align: center; } .login-pf-page-header { @@ -30,9 +32,6 @@ display: none; } -#kc-social-providers:after { - content: 'You can also request a login link via email by sending a request to support@spiffworkflow.com'; -} .card-pf { margin: 0 auto; @@ -46,8 +45,8 @@ } .pf-c-button.pf-m-primary { - background: #FF7A59; - border-color: #FF7A59; + background: #126d82; + border-color: #126d82; border-radius: 15px; color: #FFFFFF; font-size: 1.2rem; @@ -56,13 +55,13 @@ } .pf-c-button.kc-social-item { - background: #126d82; - border-color: #126d82; + background: #FF7A59; + border-color: #FF7A59; border-radius: 15px; color: #FFFFFF; - font-size: 1rem; - line-height: 1.5rem; - font-weight: 500; + font-size: 1.2rem; + line-height: 2.5rem; + font-weight: 700; padding: 10px; --pf-c-button--after--BorderColor: none; } @@ -72,3 +71,8 @@ .pf-c-login__main-footer-links.kc-social-links { display: block; } + +.followup { + font-size: 1.1em; + margin: 10px; +} \ No newline at end of file