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..5cad151
--- /dev/null
+++ b/forms/common-themes/src/main/resources/theme/keycloak/admin/index.ftl
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>IAM Admin Console</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="shortcut icon" href="${resourceUrl}/lib/rcue/img/favicon.ico">
+ <!-- iPad retina icon -->
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="${resourceUrl}/lib/rcue/img/apple-touch-icon-precomposed-152.png">
+ <!-- iPad retina icon (iOS < 7) -->
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="${resourceUrl}/lib/rcue/img/apple-touch-icon-precomposed-144.png">
+ <!-- iPad non-retina icon -->
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="${resourceUrl}/lib/rcue/img/apple-touch-icon-precomposed-76.png">
+ <!-- iPad non-retina icon (iOS < 7) -->
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="${resourceUrl}/lib/rcue/img/apple-touch-icon-precomposed-72.png">
+ <!-- iPhone 6 Plus icon -->
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="${resourceUrl}/lib/rcue/img/apple-touch-icon-precomposed-180.png">
+ <!-- iPhone retina icon (iOS < 7) -->
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="${resourceUrl}/lib/rcue/img/apple-touch-icon-precomposed-114.png">
+ <!-- iPhone non-retina icon (iOS < 7) -->
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="${resourceUrl}/lib/rcue/img/apple-touch-icon-precomposed-57.png">
+ <#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>
+ <script src="${resourceUrl}/lib/components/patternfly/components/bootstrap/dist/js/bootstrap.min.js"></script>
+ <script src="${resourceUrl}/lib/components/patternfly/components/datatables/media/js/jquery.dataTables.js"></script>
+ <script src="${resourceUrl}/lib/components/patternfly/dist/js/patternfly.min.js"></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>
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..01aa88d 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,9 @@ table {
/*********** New Menu ***********/
+.navbar-brand img{
+ height: 10px;
+}
.sidebar-pf-left{
background: #292e34;
@@ -261,29 +264,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 +309,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..e6aca5a
--- /dev/null
+++ b/forms/common-themes/src/main/resources/theme/keycloak/admin/resources/partials/menu.html
@@ -0,0 +1,26 @@
+<div class="navbar-header">
+<a class="navbar-brand" href="/auth/admin">
+ <img src="{{resourceUrl}}/img/brand.svg" alt="Red Hat® JBoss® Identity and Access Management" />
+</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..30e0520 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,3 @@
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
\ No newline at end of file