npm - keycloak-theme-editor - Versions diffs - 0.1.0 - Mend

keycloak-theme-editor 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (343) hide show

package/dist/keycloak-dev-resources/themes/v2/login/template.ftl ADDED Viewed

@@ -0,0 +1,287 @@
+<#import "field.ftl" as field>
+<#import "footer.ftl" as loginFooter>
+<#macro username>
+  <#assign label>
+    <#if !realm.loginWithEmailAllowed>${msg("username")}<#elseif !realm.registrationEmailAsUsername>${msg("usernameOrEmail")}<#else>${msg("email")}</#if>
+  </#assign>
+  <@field.group name="username" label=label>
+    <div class="${properties.kcInputGroup}">
+      <div class="${properties.kcInputGroupItemClass} ${properties.kcFill}">
+        <span class="${properties.kcInputClass} ${properties.kcFormReadOnlyClass}">
+          <input id="kc-attempted-username" value="${auth.attemptedUsername}" readonly>
+        </span>
+      </div>
+      <div class="${properties.kcInputGroupItemClass}">
+        <button id="reset-login" class="${properties.kcFormPasswordVisibilityButtonClass} kc-login-tooltip" type="button"
+              aria-label="${msg('restartLoginTooltip')}" onclick="location.href='${url.loginRestartFlowUrl}'">
+            <i class="fa-sync-alt fas" aria-hidden="true"></i>
+            <span class="kc-tooltip-text">${msg("restartLoginTooltip")}</span>
+        </button>
+      </div>
+    </div>
+  </@field.group>
+</#macro>
+<#macro registrationLayout bodyClass="" displayInfo=false displayMessage=true displayRequiredFields=false>
+<!DOCTYPE html>
+<html class="${properties.kcHtmlClass!}" lang="${lang}"<#if realm.internationalizationEnabled> dir="${(locale.rtl)?then('rtl','ltr')}"</#if>>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light${darkMode?then(' dark', '')}">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <#if properties.meta?has_content>
+        <#list properties.meta?split(' ') as meta>
+            <meta name="${meta?split('==')[0]}" content="${meta?split('==')[1]}"/>
+        </#list>
+    </#if>
+    <title>${msg("loginTitle",(realm.displayName!''))}</title>
+    <link rel="icon" href="${url.resourcesPath}/img/favicon.ico" />
+    <#if properties.stylesCommon?has_content>
+        <#list properties.stylesCommon?split(' ') as style>
+            <link href="${url.resourcesCommonPath}/${style}" rel="stylesheet" />
+        </#list>
+    </#if>
+    <#if properties.styles?has_content>
+        <#list properties.styles?split(' ') as style>
+            <link href="${url.resourcesPath}/${style}" rel="stylesheet" />
+        </#list>
+    </#if>
+    <script type="importmap">
+        {
+            "imports": {
+                "rfc4648": "${url.resourcesCommonPath}/vendor/rfc4648/rfc4648.js"
+            }
+        }
+    </script>
+    <#if darkMode>
+      <script type="module" async blocking="render">
+          const DARK_MODE_CLASS = "${properties.kcDarkModeClass!'kcDarkModeClass pf-v5-theme-dark'}";
+          const darkModeClasses = DARK_MODE_CLASS.split(/\s+/).filter(Boolean);
+          const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+          updateDarkMode(mediaQuery.matches);
+          mediaQuery.addEventListener("change", (event) => updateDarkMode(event.matches));
+          function updateDarkMode(isEnabled) {
+            const { classList } = document.documentElement;
+            if (isEnabled) {
+              classList.add(...darkModeClasses);
+            } else {
+              classList.remove(...darkModeClasses);
+            }
+          }
+      </script>
+    </#if>
+    <#if properties.scripts?has_content>
+        <#list properties.scripts?split(' ') as script>
+            <script src="${url.resourcesPath}/${script}" type="text/javascript"></script>
+        </#list>
+    </#if>
+    <#if scripts??>
+        <#list scripts as script>
+            <script src="${script}" type="text/javascript"></script>
+        </#list>
+    </#if>
+    <script type="module" src="${url.resourcesPath}/js/passwordVisibility.js"></script>
+    <script type="module">
+        <#outputformat "JavaScript">
+        import { startSessionPolling } from "${url.resourcesPath}/js/authChecker.js";
+        startSessionPolling(
+            ${url.ssoLoginInOtherTabsUrl?c}
+        );
+        </#outputformat>
+    </script>
+    <script type="module">
+        document.addEventListener("click", (event) => {
+            const link = event.target.closest("a[data-once-link]");
+            if (!link) {
+                return;
+            }
+            if (link.getAttribute("aria-disabled") === "true") {
+                event.preventDefault();
+                return;
+            }
+            const { disabledClass } = link.dataset;
+            if (disabledClass) {
+                link.classList.add(...disabledClass.trim().split(/\s+/));
+            }
+            link.setAttribute("role", "link");
+            link.setAttribute("aria-disabled", "true");
+        });
+    </script>
+    <#if authenticationSession??>
+        <script type="module">
+             <#outputformat "JavaScript">
+            import { checkAuthSession } from "${url.resourcesPath}/js/authChecker.js";
+            checkAuthSession(
+                ${authenticationSession.authSessionIdHash?c}
+            );
+            </#outputformat>
+        </script>
+    </#if>
+    <script>
+      // Workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=1404468
+      const isFirefox = true;
+    </script>
+</head>
+<body id="keycloak-bg" class="${properties.kcBodyClass!}" data-page-id="login-${pageId}">
+<div class="${properties.kcLogin!}">
+  <div class="${properties.kcLoginContainer!}">
+        <header id="kc-header" class="pf-v5-c-login__header">
+        <#assign clientName = ''>
+        <#if client??>
+          <#assign clientName = client.name!''>
+          <#if !clientName?has_content>
+            <#assign clientName = client.clientId!''>
+          </#if>
+        </#if>
+        <#if !clientName?has_content>
+          <#assign clientName = realm.displayNameHtml!''>
+        </#if>
+        <div id="kc-header-wrapper" class="pf-v5-c-brand">
+          <span id="kc-realm-name" data-kc-state="realm-name">${kcSanitize(msg("loginTitleHtml",(realm.displayNameHtml!'')))?no_esc}</span>
+          <#if clientName?has_content>
+            <span id="kc-client-name" data-kc-state="client-name" data-kc-client="name">${kcSanitize(clientName)?no_esc}</span>
+          </#if>
+        </div>
+</header>
+    <main class="${properties.kcLoginMain!}">
+      <div class="${properties.kcLoginMainHeader!}">
+        <h1 class="${properties.kcLoginMainTitle!}" id="kc-page-title"><#nested "header"></h1>
+        <#if realm.internationalizationEnabled  && locale.supported?size gt 1>
+        <div class="${properties.kcLoginMainHeaderUtilities!}">
+          <div class="${properties.kcInputClass!}">
+            <select
+              aria-label="${msg("languages")}"
+              id="login-select-toggle"
+              onchange="if (this.value) window.location.href=this.value"
+            >
+              <#list locale.supported?sort_by("label") as l>
+                <option
+                  value="${l.url}"
+                  ${(l.languageTag == locale.currentLanguageTag)?then('selected','')}
+                >
+                  ${l.label}
+                </option>
+              </#list>
+            </select>
+            <span class="${properties.kcFormControlUtilClass}">
+              <span class="${properties.kcFormControlToggleIcon!}">
+                <svg
+                  class="pf-v5-svg"
+                  viewBox="0 0 320 512"
+                  fill="currentColor"
+                  aria-hidden="true"
+                  role="img"
+                  width="1em"
+                  height="1em"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                  >
+                  </path>
+                </svg>
+              </span>
+            </span>
+          </div>
+        </div>
+        </#if>
+      </div>
+      <div class="${properties.kcLoginMainBody!}">
+        <#if !(auth?has_content && auth.showUsername() && !auth.showResetCredentials())>
+            <#if displayRequiredFields>
+                <div class="${properties.kcContentWrapperClass!}">
+                    <div class="${properties.kcLabelWrapperClass!} subtitle">
+                        <span class="${properties.kcInputHelperTextItemTextClass!}">
+                          <span class="${properties.kcInputRequiredClass!}">*</span> ${msg("requiredFields")}
+                        </span>
+                    </div>
+                </div>
+            </#if>
+        <#else>
+            <#if displayRequiredFields>
+                <div class="${properties.kcContentWrapperClass!}">
+                    <div class="${properties.kcLabelWrapperClass!} subtitle">
+                        <span class="${properties.kcInputHelperTextItemTextClass!}">
+                          <span class="${properties.kcInputRequiredClass!}">*</span> ${msg("requiredFields")}
+                        </span>
+                    </div>
+                    <div class="${properties.kcFormClass} ${properties.kcContentWrapperClass}">
+                        <#nested "show-username">
+                        <@username />
+                    </div>
+                </div>
+            <#else>
+                <div class="${properties.kcFormClass} ${properties.kcContentWrapperClass}">
+                  <#nested "show-username">
+                  <@username />
+                </div>
+            </#if>
+        </#if>
+        <#-- App-initiated actions should not see warning messages about the need to complete the action -->
+        <#-- during login.                                                                               -->
+                                <#if displayMessage && message?has_content && (message.type != 'warning' || !isAppInitiatedAction??)>
+                    <div data-kc-class="kcAlertClass" data-kc-state="message-container" class="${properties.kcAlertClass!} pf-m-${(message.type = 'error')?then('danger', message.type)}">
+                        <div class="${properties.kcAlertIconClass!}">
+                            <#if message.type = 'success'><span class="${properties.kcFeedbackSuccessIcon!}"></span></#if>
+                            <#if message.type = 'warning'><span class="${properties.kcFeedbackWarningIcon!}"></span></#if>
+                            <#if message.type = 'error'><span class="${properties.kcFeedbackErrorIcon!}"></span></#if>
+                            <#if message.type = 'info'><span class="${properties.kcFeedbackInfoIcon!}"></span></#if>
+                        </div>
+                        <span class="${properties.kcAlertTitleClass!} kc-feedback-text">${message.summary}</span>
+                    </div>
+                <#elseif msg("infoMessage")?has_content>
+                    <div id="kc-info-message" data-kc-class="kcAlertClass" data-kc-state="info-message" data-kc-i18n-key="infoMessage" class="${properties.kcAlertClass!} pf-m-info">
+                        <div class="${properties.kcAlertIconClass!}">
+                            <span class="${properties.kcFeedbackInfoIcon!}"></span>
+                        </div>
+                        <span class="${properties.kcAlertTitleClass!} kc-feedback-text">${msg("infoMessage")}</span>
+                    </div>
+                </#if>
+                <#nested "form">
+        <#if auth?has_content && auth.showTryAnotherWayLink()>
+          <form id="kc-select-try-another-way-form" action="${url.loginAction}" method="post" novalidate="novalidate">
+              <input type="hidden" name="tryAnotherWay" value="on"/>
+              <a id="try-another-way" href="javascript:document.forms['kc-select-try-another-way-form'].requestSubmit()"
+                  class="${properties.kcButtonSecondaryClass} ${properties.kcButtonBlockClass} ${properties.kcMarginTopClass}">
+                    ${msg("doTryAnotherWay")}
+              </a>
+          </form>
+        </#if>
+          <div class="${properties.kcLoginMainFooter!}">
+              <#nested "socialProviders">
+              <#if displayInfo>
+                  <div id="kc-info" class="${properties.kcLoginMainFooterBand!} ${properties.kcFormClass}">
+                      <div id="kc-info-wrapper" class="${properties.kcLoginMainFooterBandItem!}">
+                          <#nested "info">
+                      </div>
+                  </div>
+              </#if>
+          </div>
+      </div>
+      <@loginFooter.content/>
+    </main>
+  </div>
+</div>
+</body>
+</html>
+</#macro>

package/dist/keycloak-dev-resources/themes/v2/login/theme.properties ADDED Viewed

@@ -0,0 +1,125 @@
+# Keycloak v2 theme
+parent=keycloak.v2
+import=common/keycloak
+darkMode=true
+styles=css/quick-start.css css/styles.css
+x-kte-theme-id=v2
+kcAlertClass=kcAlertClass pf-v5-c-alert pf-m-inline pf-v5-u-mb-md
+kcAlertDescriptionClass=kcAlertDescriptionClass pf-v5-c-alert__description
+kcAlertIconClass=kcAlertIconClass pf-v5-c-alert__icon
+kcAlertTitleClass=kcAlertTitleClass pf-v5-c-alert__title
+kcAngleDownIconClass=kcAngleDownIconClass fas fa-angle-down
+kcAngleRightIconClass=kcAngleRightIconClass fas fa-angle-right
+kcAuthenticatorDefaultClass=kcAuthenticatorDefaultClass fa fa-list list-view-pf-icon-lg
+kcAuthenticatorOTPClass=kcAuthenticatorOTPClass fa fa-mobile list-view-pf-icon-lg
+kcAuthenticatorPasswordClass=kcAuthenticatorPasswordClass fa fa-unlock list-view-pf-icon-lg
+kcAuthenticatorRecoveryAuthnCodesClass=kcAuthenticatorRecoveryAuthnCodesClass fa fa-list list-view-pf-icon-lg
+kcAuthenticatorWebAuthnClass=kcAuthenticatorWebAuthnClass fa fa-key list-view-pf-icon-lg
+kcAuthenticatorWebAuthnPasswordlessClass=kcAuthenticatorWebAuthnPasswordlessClass fa fa-key list-view-pf-icon-lg
+kcButtonBlockClass=kcButtonBlockClass pf-m-block
+kcButtonClass=kcButtonClass pf-v5-c-button
+kcButtonLinkClass=kcButtonLinkClass pf-v5-c-button pf-m-link
+kcButtonPrimaryClass=kcButtonPrimaryClass pf-v5-c-button pf-m-primary
+kcButtonSecondaryClass=kcButtonSecondaryClass pf-v5-c-button pf-m-secondary
+kcCheckboxClass=kcCheckboxClass pf-v5-c-check
+kcCheckboxInputClass=kcCheckboxInputClass pf-v5-c-check__input
+kcCheckboxLabelClass=kcCheckboxLabelClass pf-v5-c-check__label
+kcCheckboxLabelRequiredClass=kcCheckboxLabelRequiredClass pf-v5-c-check__label-required
+kcCheckIconClass=kcCheckIconClass fas fa-check
+kcCodeClipboardCopyClass=kcCodeClipboardCopyClass pf-v5-c-clipboard-copy
+kcCodeClipboardCopyContentClass=kcCodeClipboardCopyContentClass pf-v5-c-clipboard-copy__expandable-content
+kcCodeClipboardCopyGroupClass=kcCodeClipboardCopyGroupClass pf-v5-c-clipboard-copy__group
+kcCommonLogoIdP=kcCommonLogoIdP pf-v5-c-login__main-footer-links-item
+kcContentWrapperClass=kcContentWrapperClass pf-v5-u-mb-md-on-md
+kcCopyIconClass=kcCopyIconClass fas fa-copy
+kcDarkModeClass=kcDarkModeClass pf-v5-theme-dark
+kcError=kcError pf-m-error
+kcExpandedClass=kcExpandedClass pf-m-expanded
+kcFeedbackErrorIcon=kcFeedbackErrorIcon fa fa-fw fa-exclamation-circle
+kcFeedbackInfoIcon=kcFeedbackInfoIcon fa fa-fw fa-info-circle
+kcFeedbackSuccessIcon=kcFeedbackSuccessIcon fa fa-fw fa-check-circle
+kcFeedbackWarningIcon=kcFeedbackWarningIcon fa fa-fw fa-exclamation-triangle
+kcFill=kcFill pf-m-fill
+kcFormActionGroupClass=kcFormActionGroupClass pf-v5-c-form__actions pf-v5-u-pt-xs
+kcFormCardClass=kcFormCardClass card-pf
+kcFormClass=kcFormClass pf-v5-c-form pf-v5-u-w-100
+kcFormControlToggleIcon=kcFormControlToggleIcon pf-v5-c-form-control__toggle-icon
+kcFormControlUtilClass=kcFormControlUtilClass pf-v5-c-form-control__utilities
+kcFormGroupClass=kcFormGroupClass pf-v5-c-form__group
+kcFormGroupLabelClass=kcFormGroupLabelClass pf-v5-c-form__group-label pf-v5-u-pb-xs
+kcFormHelperTextClass=kcFormHelperTextClass pf-v5-c-form__helper-text
+kcFormLabelClass=kcFormLabelClass pf-v5-c-form__label
+kcFormLabelTextClass=kcFormLabelTextClass pf-v5-c-form__label-text
+kcFormPasswordVisibilityButtonClass=kcFormPasswordVisibilityButtonClass pf-v5-c-button pf-m-control
+kcFormPasswordVisibilityIconHide=kcFormPasswordVisibilityIconHide fa-eye-slash fas
+kcFormPasswordVisibilityIconShow=kcFormPasswordVisibilityIconShow fa-eye fas
+kcFormReadOnlyClass=kcFormReadOnlyClass pf-m-readonly
+kcFormSocialAccountGridItem=kcFormSocialAccountGridItem pf-v5-l-grid__item
+kcFormSocialAccountListButtonClass=kcFormSocialAccountListButtonClass pf-v5-c-button pf-m-secondary pf-m-block pf-v5-u-display-flex pf-v5-u-align-items-center pf-v5-u-justify-content-space-between
+kcFormSocialAccountListButtonDisabledClass=kcFormSocialAccountListButtonDisabledClass pf-m-aria-disabled
+kcFormSocialAccountListClass=kcFormSocialAccountListClass pf-v5-c-login__main-body pf-v5-u-pl-0 pf-v5-u-pr-0
+kcFormSocialAccountListGridClass=kcFormSocialAccountListGridClass pf-v5-l-grid pf-m-gutter pf-m-all-6-col-on-xl pf-m-all-6-col-on-sm
+kcFormSocialAccountListItemClass=kcFormSocialAccountListItemClass pf-v5-u-pb-sm
+kcFormSocialAccountNameClass=kcFormSocialAccountNameClass pf-v5-u-m-auto
+kcHtmlClass=kcHtmlClass login-pf
+kcInputClass=kcInputClass pf-v5-c-form-control
+kcInputErrorIconClass=kcInputErrorIconClass fas fa-exclamation-circle
+kcInputErrorIconStatusClass=kcInputErrorIconStatusClass pf-v5-c-form-control__icon pf-m-status
+kcInputErrorMessageClass=kcInputErrorMessageClass pf-v5-c-helper-text__item-text pf-m-error kc-feedback-text
+kcInputGroup=kcInputGroup pf-v5-c-input-group
+kcInputGroupItemClass=kcInputGroupItemClass pf-v5-c-input-group__item
+kcInputHelperTextClass=kcInputHelperTextClass pf-v5-c-helper-text pf-v5-u-display-flex pf-v5-u-justify-content-space-between
+kcInputHelperTextItemClass=kcInputHelperTextItemClass pf-v5-c-helper-text__item
+kcInputHelperTextItemTextClass=kcInputHelperTextItemTextClass pf-v5-c-helper-text__item-text
+kcInputRequiredClass=kcInputRequiredClass pf-v5-c-form__label-required
+kcLabelClass=kcLabelClass pf-v5-c-form__label
+kcListClass=kcListClass pf-v5-c-list
+kcLogin=kcLogin pf-v5-c-login
+kcLoginClass=kcLoginClass pf-v5-c-login__main
+kcLoginContainer=kcLoginContainer pf-v5-c-login__container
+kcLoginFooterBand=kcLoginFooterBand pf-v5-c-login__main-footer-band
+kcLoginFooterBandItem=kcLoginFooterBandItem pf-v5-c-login__main-footer-band-item
+kcLoginMain=kcLoginMain pf-v5-c-login__main
+kcLoginMainBody=kcLoginMainBody pf-v5-c-login__main-body
+kcLoginMainFooter=kcLoginMainFooter pf-v5-c-login__main-footer
+kcLoginMainFooterBand=kcLoginMainFooterBand pf-v5-c-login__main-footer-band
+kcLoginMainFooterBandItem=kcLoginMainFooterBandItem pf-v5-c-login__main-footer-band-item
+kcLoginMainFooterHelperText=kcLoginMainFooterHelperText pf-v5-u-font-size-sm pf-v5-u-color-200
+kcLoginMainHeader=kcLoginMainHeader pf-v5-c-login__main-header
+kcLoginMainHeaderUtilities=kcLoginMainHeaderUtilities pf-v5-c-login__main-header-utilities
+kcLoginMainTitle=kcLoginMainTitle pf-v5-c-title pf-m-3xl
+kcLoginOTPListClass=kcLoginOTPListClass pf-v5-c-tile
+kcLoginOTPListItemHeaderClass=kcLoginOTPListItemHeaderClass pf-v5-c-tile__header pf-m-stacked
+kcLoginOTPListItemIconBodyClass=kcLoginOTPListItemIconBodyClass pf-v5-c-tile__icon
+kcLoginOTPListItemIconClass=kcLoginOTPListItemIconClass fa fa-mobile
+kcLoginOTPListItemTitleClass=kcLoginOTPListItemTitleClass pf-v5-c-tile__title
+kcLoginOTPListSelectedClass=kcLoginOTPListSelectedClass pf-m-selected
+kcLogoIdP-bitbucket=kcLogoIdP-bitbucket
+kcLogoIdP-facebook=kcLogoIdP-facebook
+kcLogoIdP-github=kcLogoIdP-github
+kcLogoIdP-gitlab=kcLogoIdP-gitlab
+kcLogoIdP-google=kcLogoIdP-google
+kcLogoIdP-instagram=kcLogoIdP-instagram
+kcLogoIdP-linkedin=kcLogoIdP-linkedin
+kcLogoIdP-microsoft=kcLogoIdP-microsoft
+kcLogoIdP-openshift-v4=kcLogoIdP-openshift-v4
+kcLogoIdP-paypal=kcLogoIdP-paypal
+kcLogoIdP-stackoverflow=kcLogoIdP-stackoverflow
+kcLogoIdP-twitter=kcLogoIdP-twitter
+kcMarginTopClass=kcMarginTopClass pf-v5-u-mt-md-on-md
+kcPanelClass=kcPanelClass pf-v5-c-panel pf-m-raised
+kcPanelMainBodyClass=kcPanelMainBodyClass pf-v5-c-panel__main-body
+kcPanelMainClass=kcPanelMainClass pf-v5-c-panel__main
+kcRecoveryCodesWarning=kcRecoveryCodesWarning pf-v5-c-alert pf-m-warning pf-m-inline pf-v5-u-mb-md kc-recovery-codes-warning
+kcResetFlowIcon=kcResetFlowIcon pf-icon fas fa-share-square
+kcSelectAuthListClass=kcSelectAuthListClass pf-v5-c-data-list select-auth-container
+kcSelectAuthListItemArrowIconClass=kcSelectAuthListItemArrowIconClass fa fa-angle-right fa-lg
+kcSelectAuthListItemBodyClass=kcSelectAuthListItemBodyClass pf-v5-c-data-list__cell pf-m-no-fill pf-v5-u-pt-md pf-v5-u-pb-md
+kcSelectAuthListItemClass=kcSelectAuthListItemClass pf-v5-c-data-list__item-row select-auth-box-parent
+kcSelectAuthListItemDescriptionClass=kcSelectAuthListItemDescriptionClass pf-v5-c-data-list__cell pf-m-no-fill select-auth-box-desc
+kcSelectAuthListItemFillClass=kcSelectAuthListItemFillClass pf-v5-c-data-list__item-action
+kcSelectAuthListItemHeadingClass=kcSelectAuthListItemHeadingClass pf-v5-u-font-family-heading select-auth-box-headline
+kcSelectAuthListItemIconClass=kcSelectAuthListItemIconClass pf-v5-c-data-list__cell pf-m-icon pf-v5-u-display-flex pf-v5-u-pt-0 pf-v5-u-align-items-center
+kcSelectAuthListItemWrapperClass=kcSelectAuthListItemWrapperClass pf-v5-c-data-list__item pf-m-clickable
+kcWebAuthnDefaultIcon=kcWebAuthnDefaultIcon pf-v5-c-icon pf-m-lg

package/dist/keycloak-upstream/base/login/cli_splash.ftl ADDED Viewed

@@ -0,0 +1,7 @@
+ _  __               _             _
+| |/ /___ _   _  ___| | ___   __ _| | __
+| ' // _ \ | | |/ __| |/ _ \ / _` | |/ /
+| . \  __/ |_| | (__| | (_) | (_| |   <
+|_|\_\___|\__, |\___|_|\___/ \__,_|_|\_\
+          |___/

package/dist/keycloak-upstream/base/login/code.ftl ADDED Viewed

@@ -0,0 +1,19 @@
+<#import "template.ftl" as layout>
+<@layout.registrationLayout; section>
+    <#if section = "header">
+        <#if code.success>
+            ${msg("codeSuccessTitle")}
+        <#else>
+            ${kcSanitize(msg("codeErrorTitle", code.error))}
+        </#if>
+    <#elseif section = "form">
+        <div id="kc-code">
+            <#if code.success>
+                <p>${msg("copyCodeInstruction")}</p>
+                <input id="code" class="${properties.kcTextareaClass!}" value="${code.code}"/>
+            <#else>
+                <p id="error">${kcSanitize(code.error)}</p>
+            </#if>
+        </div>
+    </#if>
+</@layout.registrationLayout>

package/dist/keycloak-upstream/base/login/delete-account-confirm.ftl ADDED Viewed

@@ -0,0 +1,33 @@
+<#import "template.ftl" as layout>
+<@layout.registrationLayout; section>
+    <#if section = "header">
+            ${msg("deleteAccountConfirm")}
+   <#elseif section = "form">
+    <form action="${url.loginAction}" class="form-vertical" method="post">
+       <div class="alert alert-warning" style="margin-top:0 !important;margin-bottom:30px !important">
+           <span class="pficon pficon-warning-triangle-o"></span>
+           ${msg("irreversibleAction")}
+       </div>
+       <p>${msg("deletingImplies")}</p>
+       <ul style="color: #72767b;list-style: disc;list-style-position: inside;">
+         <li>${msg("loggingOutImmediately")}</li>
+         <li>${msg("errasingData")}</li>
+       </ul>
+        <p class="delete-account-text">${msg("finalDeletionConfirmation")}</p>
+      <div id="kc-form-buttons">
+            <input class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonLargeClass!}" type="submit" value="${msg("doConfirmDelete")}" />
+            <#if triggered_from_aia>
+            <button class="${properties.kcButtonClass!} ${properties.kcButtonDefaultClass!} ${properties.kcButtonLargeClass!}" style="margin-left: calc(100% - 220px)" type="submit" name="cancel-aia" value="true">${msg("doCancel")}</button>
+            </#if>
+       </div>
+    </form>
+   </#if>
+</@layout.registrationLayout>

package/dist/keycloak-upstream/base/login/delete-credential.ftl ADDED Viewed

@@ -0,0 +1,15 @@
+<#import "template.ftl" as layout>
+<@layout.registrationLayout displayMessage=false; section>
+    <#if section = "header">
+        ${msg("deleteCredentialTitle", credentialLabel)}
+    <#elseif section = "form">
+    <div id="kc-delete-text">
+        ${msg("deleteCredentialMessage", credentialLabel)}
+    </div>
+    <form class="form-actions" action="${url.loginAction}" method="POST">
+        <input class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonLargeClass!}" name="accept" id="kc-accept" type="submit" value="${msg("doConfirmDelete")}"/>
+        <input class="${properties.kcButtonClass!} ${properties.kcButtonDefaultClass!} ${properties.kcButtonLargeClass!}" name="cancel-aia" value="${msg("doCancel")}" id="kc-decline" type="submit" />
+    </form>
+    <div class="clearfix"></div>
+    </#if>
+</@layout.registrationLayout>

package/dist/keycloak-upstream/base/login/error.ftl ADDED Viewed

@@ -0,0 +1,16 @@
+<#import "template.ftl" as layout>
+<@layout.registrationLayout displayMessage=false; section>
+    <#if section = "header">
+        ${kcSanitize(msg("errorTitle"))?no_esc}
+    <#elseif section = "form">
+        <div id="kc-error-message">
+            <p class="instruction">${kcSanitize(message.summary)?no_esc}</p>
+            <#if skipLink??>
+            <#else>
+                <#if client?? && client.baseUrl?has_content>
+                    <p><a id="backToApplication" href="${client.baseUrl}">${msg("backToApplication")}</a></p>
+                </#if>
+            </#if>
+        </div>
+    </#if>
+</@layout.registrationLayout>

package/dist/keycloak-upstream/base/login/footer.ftl ADDED Viewed

@@ -0,0 +1,3 @@
+<#macro content>
+<#-- The footer at the bottom of the "login-box". You can override this file in your custom theme to declare a custom login footer element -->
+</#macro>

package/dist/keycloak-upstream/base/login/frontchannel-logout.ftl ADDED Viewed

@@ -0,0 +1,30 @@
+<#import "template.ftl" as layout>
+<@layout.registrationLayout; section>
+    <#if section = "header">
+        <script>
+            document.title =  "${msg("frontchannel-logout.title")}";
+        </script>
+        ${msg("frontchannel-logout.title")}
+    <#elseif section = "form">
+        <p>${msg("frontchannel-logout.message")}</p>
+        <ul>
+        <#list logout.clients as client>
+            <li>
+                ${client.name}
+                <iframe src="${client.frontChannelLogoutUrl}" style="display:none;"></iframe>
+            </li>
+        </#list>
+        </ul>
+        <#if logout.logoutRedirectUri?has_content>
+            <script>
+                function readystatechange(event) {
+                    if (document.readyState=='complete') {
+                        window.location.replace('${logout.logoutRedirectUri}');
+                    }
+                }
+                document.addEventListener('readystatechange', readystatechange);
+            </script>
+            <a id="continue" class="btn btn-primary" href="${logout.logoutRedirectUri}">${msg("doContinue")}</a>
+        </#if>
+    </#if>
+</@layout.registrationLayout>

package/dist/keycloak-upstream/base/login/idp-review-user-profile.ftl ADDED Viewed

@@ -0,0 +1,23 @@
+<#import "template.ftl" as layout>
+<#import "user-profile-commons.ftl" as userProfileCommons>
+<@layout.registrationLayout displayMessage=messagesPerField.exists('global') displayRequiredFields=true; section>
+    <#if section = "header">
+        ${msg("loginIdpReviewProfileTitle")}
+    <#elseif section = "form">
+        <form id="kc-idp-review-profile-form" class="${properties.kcFormClass!}" action="${url.loginAction}" method="post">
+            <@userProfileCommons.userProfileFormFields/>
+            <div class="${properties.kcFormGroupClass!}">
+                <div id="kc-form-options" class="${properties.kcFormOptionsClass!}">
+                    <div class="${properties.kcFormOptionsWrapperClass!}">
+                    </div>
+                </div>
+                <div id="kc-form-buttons" class="${properties.kcFormButtonsClass!}">
+                    <input class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonBlockClass!} ${properties.kcButtonLargeClass!}" type="submit" value="${msg("doSubmit")}" />
+                </div>
+            </div>
+        </form>
+    </#if>
+</@layout.registrationLayout>

package/dist/keycloak-upstream/base/login/info.ftl ADDED Viewed

@@ -0,0 +1,24 @@
+<#import "template.ftl" as layout>
+<@layout.registrationLayout displayMessage=false; section>
+    <#if section = "header">
+        <#if messageHeader??>
+            ${kcSanitize(msg("${messageHeader}"))?no_esc}
+        <#else>
+            ${message.summary}
+        </#if>
+    <#elseif section = "form">
+    <div id="kc-info-message">
+        <p class="instruction">${message.summary}<#if requiredActions??><#list requiredActions>: <b><#items as reqActionItem>${kcSanitize(msg("requiredAction.${reqActionItem}"))?no_esc}<#sep>, </#items></b></#list><#else></#if></p>
+        <#if skipLink??>
+        <#else>
+            <#if pageRedirectUri?has_content>
+                <p><a href="${pageRedirectUri}">${msg("backToApplication")}</a></p>
+            <#elseif actionUri?has_content>
+                <p><a href="${actionUri}">${msg("proceedWithAction")}</a></p>
+            <#elseif (client.baseUrl)?has_content>
+                <p><a href="${client.baseUrl}">${msg("backToApplication")}</a></p>
+            </#if>
+        </#if>
+    </div>
+    </#if>
+</@layout.registrationLayout>

package/dist/keycloak-upstream/base/login/link-idp-action.ftl ADDED Viewed

@@ -0,0 +1,15 @@
+<#import "template.ftl" as layout>
+<@layout.registrationLayout displayMessage=false; section>
+    <#if section = "header">
+        ${msg("linkIdpActionTitle", idpDisplayName)}
+    <#elseif section = "form">
+    <div id="kc-link-text">
+        ${msg("linkIdpActionMessage", idpDisplayName)}
+    </div>
+    <form class="form-actions" action="${url.loginAction}" method="POST">
+        <input class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonLargeClass!}" name="continue" id="kc-continue" type="submit" value="${msg("doContinue")}"/>
+        <input class="${properties.kcButtonClass!} ${properties.kcButtonDefaultClass!} ${properties.kcButtonLargeClass!}" name="cancel-aia" value="${msg("doCancel")}" id="kc-cancel" type="submit" />
+    </form>
+    <div class="clearfix"></div>
+    </#if>
+</@layout.registrationLayout>