keycloak-uncached

Admin console branding

8/27/2015 4:41:11 AM

Changes

forms/common-themes/src/main/resources/theme/keycloak/admin/resources/img/brand.svg 498(+0 -498)

forms/common-themes/src/main/resources/theme/keycloak/admin/resources/img/favicon.ico 0(+0 -0)

forms/common-themes/src/main/resources/theme/keycloak/admin/resources/img/keyclok-logo.svg 194(+0 -194)

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&reg; JBoss&reg; 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