EDUCATIC
/
digitaldemocratic
mirror of https://gitlab.com/digitaldemocratic/digitaldemocratic
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(keycloak): header menu bar added

darta 2022-01-31 13:40:07 +00:00
parent 9a89e4a365
commit 52670dd5fa
2 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
docker/keycloak/themes/base/account/template.ftl
View File

@ -5,7 +5,6 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="noindex, nofollow"> <meta name="robots" content="noindex, nofollow">
<title>${msg("accountManagementTitle")}</title> <title>${msg("accountManagementTitle")}</title>
<link rel="icon" href="${url.resourcesPath}/img/favicon.ico"> <link rel="icon" href="${url.resourcesPath}/img/favicon.ico">
<#if properties.styles?has_content> <#if properties.styles?has_content>
@ -18,10 +17,41 @@
<script type="text/javascript" src="${url.resourcesPath}/${script}"></script> <script type="text/javascript" src="${url.resourcesPath}/${script}"></script>
</#list> </#list>
</#if> </#if>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
</head> </head>
<body class="admin-console user ${bodyClass}"> <body class="admin-console user ${bodyClass}">
<div id="header">
<header class="navbar navbar-default navbar-pf navbar-main header"> </div>
<ul id="keycloak_lang" class="nav navbar-nav navbar-utility" hidden>
<#if realm.internationalizationEnabled>
<div class="kc-dropdown" id="kc-locale-dropdown">
<a href="#" id="kc-current-locale-link">${locale.current}</a>
<ul>
<#list locale.supported as l>
<li class="kc-dropdown-item"><a href="${l.url}">${l.label}</a></li>
</#list>
</ul>
</div>
</#if>
</ul>
<script>
$(document).ready(function() {
$.ajax({
type: "GET",
url: "https://api."+document.domain.split(/\.(.+)/)[1]+"/header/html/sso",
success: function(data) {
$('#header').html(data)
lang = $('#keycloak_lang').html()
$('#keycloak_lang').html('')
$('#navbar-nextcloud').html(lang + $('#navbar-nextcloud').html())
}
})
$('#dd-logo img').attr('src', "https://api."+document.domain.split(/\.(.+)/)[1]+"/img/dd.svg");
})
</script>
<!-- <header class="navbar navbar-default navbar-pf navbar-main header">
<nav class="navbar" role="navigation"> <nav class="navbar" role="navigation">
<div class="navbar-header"> <div class="navbar-header">
<div class="container"> <div class="container">
@ -49,9 +79,9 @@
</div> </div>
</div> </div>
</nav> </nav>
</header> </header> -->
<div class="container"> <div class="container" style="margin-top: 50px;">
<div class="bs-sidebar col-sm-3"> <div class="bs-sidebar col-sm-3">
<ul> <ul>
<li class="<#if active=='account'>active</#if>"><a href="${url.accountUrl}">${msg("account")}</a></li> <li class="<#if active=='account'>active</#if>"><a href="${url.accountUrl}">${msg("account")}</a></li>

5
docker/keycloak/themes/keycloak/account/resources/css/account.css
View File

@ -222,10 +222,11 @@ hr + .form-horizontal {
} }
.kc-dropdown > a{ .kc-dropdown > a{
display:block; display:block;
padding: 11px 10px 12px; padding: 20px 10px 15px;
margin: 0px 15px 5px;
line-height: 12px; line-height: 12px;
font-size: 12px; font-size: 12px;
color: #fff !important; /* color: #fff !important; */
text-decoration: none; text-decoration: none;
} }
.kc-dropdown > a::after{ .kc-dropdown > a::after{