libre.sh/keycloak-scim
3
0
Fork 0
Code Issues 15 Pull requests Releases Packages Activity Actions

KEYCLOAK-14499 added toggle menu back on welcome screen

Browse source
This commit is contained in:
Erik Jan de Wit 2020-06-18 10:11:24 +02:00 committed by Bruno Oliveira da Silva
parent 75b50439d2
commit c191ae373a
2 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
themes/src/main/resources/theme/keycloak-preview/account/index.ftl
View file

@ -186,15 +186,11 @@
<button id="landingSignOutButton" tabindex="0" style="display:none" onclick="keycloak.logout();" class="pf-c-button pf-m-primary" type="button">${msg("doSignOut")}</button>
</div>
<div class="pf-l-toolbar__group" style="margin-left: 10px;">
<span id="landingLoggedInUser"></span>
</div>
<!-- Kebab for mobile -->
<div class="pf-c-page__header-tools-group">
<div id="landingMobileKebab" class="pf-c-dropdown pf-m-mobile" onclick="toggleMobileDropdown();"> <!-- pf-m-expanded -->
<button aria-label="Actions" tabindex="0" id="landingMobileKebabButton" class="pf-c-dropdown__toggle pf-m-plain" type="button" aria-expanded="true" aria-haspopup="true">
<i class="fas fa-ellipsis-v" aria-hidden="false"></i>
<svg fill="currentColor" height="1em" width="1em" viewBox="0 0 192 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;"><path d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z" transform=""></path></svg>
</button>
<ul id="landingMobileDropdown" aria-labelledby="landingMobileKebabButton" class="pf-c-dropdown__menu pf-m-align-right" role="menu" style="display:none">
<#if referrer?has_content && referrer_uri?has_content>
@ -213,6 +209,8 @@
</div>
</div>
<span id="landingLoggedInUser"></span>
</div> <!-- end header tools -->
</header>

15
themes/src/main/resources/theme/keycloak-preview/account/resources/welcome-page-scripts.js
View file

@ -58,6 +58,21 @@ function loggedInUserName() {
return userName;
}
var toggleMobileDropdown = function () {
var mobileDropdown = document.getElementById("landingMobileDropdown");
var mobileKebab = document.getElementById("landingMobileKebab");
var mobileKebabButton = document.getElementById("landingMobileKebabButton");
if (mobileDropdown.style.display === 'none') {
mobileDropdown.style.display = 'block';
mobileKebab.classList.add("pf-m-expanded");
mobileKebabButton.setAttribute("aria-expanded", "true");
} else {
mobileDropdown.style.display = 'none';
mobileKebab.classList.remove("pf-m-expanded");
mobileKebabButton.setAttribute("aria-expanded", "false");
}
}
var loadjs = function (url, loadListener) {
const script = document.createElement("script");
script.src = resourceUrl + url;