Details
diff --git a/forms/common-themes/src/main/resources/theme/keycloak/admin/index.ftl b/forms/common-themes/src/main/resources/theme/keycloak/admin/index.ftl
new file mode 100755
index 0000000..b13253c
--- /dev/null
+++ b/forms/common-themes/src/main/resources/theme/keycloak/admin/index.ftl
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>${properties.adminTitle!}</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="shortcut icon" href="${resourceUrl}/img/favicon.ico">
+ <#if properties.styles?has_content>
+ <#list properties.styles?split(' ') as style>
+ <link href="${resourceUrl}/${style}" rel="stylesheet" />
+ </#list>
+ </#if>
+
+ <script type="text/javascript">
+ var authUrl = '${authUrl}';
+ var resourceUrl = '${resourceUrl}';
+ </script>
+
+ <script src="${resourceUrl}/lib/jquery/jquery-1.10.2.js" type="text/javascript"></script>
+ <script src="${resourceUrl}/lib/select2-3.4.1/select2.js" type="text/javascript"></script>
+
+ <script src="${resourceUrl}/lib/angular/angular.js"></script>
+ <script src="${resourceUrl}/lib/angular/angular-resource.js"></script>
+ <script src="${resourceUrl}/lib/angular/angular-route.js"></script>
+ <script src="${resourceUrl}/lib/angular/angular-cookies.js"></script>
+ <script src="${resourceUrl}/lib/angular/angular-sanitize.js"></script>
+ <script src="${resourceUrl}/lib/angular/angular-translate.js"></script>
+ <script src="${resourceUrl}/lib/angular/angular-translate-loader-url.js"></script>
+ <script src="${resourceUrl}/lib/angular/treeview/angular.treeview.js"></script>
+ <script src="${resourceUrl}/lib/angular/ui-bootstrap-tpls-0.11.0.js"></script>
+
+ <script src="${resourceUrl}/lib/angular/select2.js" type="text/javascript"></script>
+ <script src="${resourceUrl}/lib/fileupload/angular-file-upload.min.js"></script>
+ <script src="${resourceUrl}/lib/filesaver/FileSaver.js"></script>
+
+ <script src="${authUrl}/js/${resourceVersion}/keycloak.js" type="text/javascript"></script>
+
+ <script src="${resourceUrl}/js/app.js" type="text/javascript"></script>
+ <script src="${resourceUrl}/js/controllers/realm.js" type="text/javascript"></script>
+ <script src="${resourceUrl}/js/controllers/clients.js" type="text/javascript"></script>
+ <script src="${resourceUrl}/js/controllers/users.js" type="text/javascript"></script>
+ <script src="${resourceUrl}/js/controllers/groups.js" type="text/javascript"></script>
+ <script src="${resourceUrl}/js/loaders.js" type="text/javascript"></script>
+ <script src="${resourceUrl}/js/services.js" type="text/javascript"></script>
+</head>
+<body data-ng-controller="GlobalCtrl" data-ng-cloak data-ng-show="auth.user">
+
+<nav class="navbar navbar-default navbar-pf" role="navigation" data-ng-include data-src="resourceUrl + '/partials/menu.html'">
+</nav>
+
+<div class="container-fluid">
+<div class="row">
+ <div data-ng-view id="view"></div>
+</div>
+</div>
+
+<div class="feedback-aligner" data-ng-show="notification.display">
+ <div class="alert alert-{{notification.type}} alert-dismissable">
+ <button type="button" class="close" data-ng-click="notification.remove()" id="notification-close">
+ <span class="pficon pficon-close"/>
+ </button>
+
+ <span class="pficon pficon-ok" ng-show="notification.type == 'success'"></span>
+ <span class="pficon pficon-info" ng-show="notification.type == 'info'"></span>
+ <span class="pficon-layered" ng-show="notification.type == 'danger'">
+ <span class="pficon pficon-error-octagon"></span>
+ <span class="pficon pficon-error-exclamation"></span>
+ </span>
+ <span class="pficon-layered" ng-show="notification.type == 'warning'">
+ <span class="pficon pficon-warning-triangle"></span>
+ <span class="pficon pficon-warning-exclamation"></span>
+ </span>
+ <strong>{{notification.header}}</strong> {{notification.message}}
+ </div>
+</div>
+
+<div id="loading" class="loading">Loading...</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/forms/common-themes/src/main/resources/theme/keycloak/admin/resources/css/styles.css b/forms/common-themes/src/main/resources/theme/keycloak/admin/resources/css/styles.css
index 500ed89..f811fe1 100644
--- a/forms/common-themes/src/main/resources/theme/keycloak/admin/resources/css/styles.css
+++ b/forms/common-themes/src/main/resources/theme/keycloak/admin/resources/css/styles.css
@@ -154,6 +154,22 @@ table {
/*********** New Menu ***********/
+.navbar-pf .navbar-header{
+ height: 26px;
+}
+
+.navbar-pf .navbar-header .navbar-brand{
+ height: 10px;
+ background: url(../img/brand.svg);
+ display: block;
+ text-indent: -9999px;
+ width: 367.683px;
+ background-size: 367.683px 10px;
+ padding:0;
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+}
.sidebar-pf-left{
background: #292e34;
@@ -261,29 +277,6 @@ table {
/*********** Overwrites header defaults ***********/
-.navbar-pf{
- border-top: none!important;
-}
-
-.navbar-pf .navbar-brand {
- padding: 0;
- height: 56px;
- line-height: 56px;
- background-position: center center;
- background-image: url('../img/keyclok-logo.svg');
- background-size: 148px 36px;
- background-repeat: no-repeat;
- width: 148px;
-}
-
-.navbar-pf .navbar-utility > li > a{
- padding: 22px 30px 23px 40px!important;
-}
-/* @media (min-width: 768px) */
-.navbar-pf .navbar-utility li.dropdown > .dropdown-toggle .pficon-user {
- top: 22px;
- left:20px;
-}
.clickable {
cursor: pointer;
@@ -329,4 +322,4 @@ h1 i {
width: 80px;
margin-left: 0;
padding-left: 0;
-}
\ No newline at end of file
+}
diff --git a/forms/common-themes/src/main/resources/theme/keycloak/admin/resources/partials/menu.html b/forms/common-themes/src/main/resources/theme/keycloak/admin/resources/partials/menu.html
new file mode 100755
index 0000000..e0aeea0
--- /dev/null
+++ b/forms/common-themes/src/main/resources/theme/keycloak/admin/resources/partials/menu.html
@@ -0,0 +1,30 @@
+<div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="#/"></a>
+</div>
+<div class="collapse navbar-collapse navbar-collapse-1">
+<ul class="nav navbar-nav navbar-utility">
+ <li class="dropdown">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <span class="pficon pficon-user"></span>
+ {{auth.user.displayName|capitalize}} <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="{{authUrl}}/realms/{{auth.user.realm}}/account?referrer=security-admin-console">Manage Account</a></li>
+ <li><a href="#/server-info">Server Info</a></li>
+ <li class="divider"></li>
+ <li><a href="" ng-click="auth.authz.logout()">Sign Out</a></li>
+ </ul>
+ </li>
+</ul>
+<ul class="nav navbar-nav navbar-primary">
+ <li class="active">
+ <a href="#/" class="active">Home</a>
+ </li>
+</ul>
+</div>
diff --git a/forms/common-themes/src/main/resources/theme/keycloak/admin/theme.properties b/forms/common-themes/src/main/resources/theme/keycloak/admin/theme.properties
index c930785..f53ae65 100755
--- a/forms/common-themes/src/main/resources/theme/keycloak/admin/theme.properties
+++ b/forms/common-themes/src/main/resources/theme/keycloak/admin/theme.properties
@@ -1,3 +1,5 @@
parent=base
import=common/keycloak
-styles=lib/patternfly/css/patternfly.css lib/select2-3.4.1/select2.css css/styles.css lib/angular/treeview/css/angular.treeview.css
\ No newline at end of file
+styles=lib/rcue/css/rcue.min.css lib/rcue/css/rcue-additions.min.css lib/select2-3.4.1/select2.css css/styles.css lib/angular/treeview/css/angular.treeview.css
+
+adminTitle=IAM Admin Console
