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/base/admin/index.ftl b/forms/common-themes/src/main/resources/theme/base/admin/index.ftl
index 1584d0d..cca03f9 100755
--- a/forms/common-themes/src/main/resources/theme/base/admin/index.ftl
+++ b/forms/common-themes/src/main/resources/theme/base/admin/index.ftl
@@ -1,9 +1,23 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>Keycloak Admin Console</title>
+    <title>IAM Admin Console</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="shortcut icon" href="${resourceUrl}/img/favicon.ico">
+    <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" />
@@ -39,6 +53,9 @@
     <script src="${resourceUrl}/js/controllers/users.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">
 
@@ -74,4 +91,4 @@
 <div id="loading" class="loading">Loading...</div>
 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/forms/common-themes/src/main/resources/theme/base/admin/resources/partials/menu.html b/forms/common-themes/src/main/resources/theme/base/admin/resources/partials/menu.html
index df5560d..e8dba0c 100755
--- a/forms/common-themes/src/main/resources/theme/base/admin/resources/partials/menu.html
+++ b/forms/common-themes/src/main/resources/theme/base/admin/resources/partials/menu.html
@@ -1,25 +1,27 @@
 <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>
+<a class="navbar-brand" href="#">
+  <span>RED HAT&reg; JBOSS&reg; IDENTITY AND ACCESS MANAGEMENT</span>
+<!--  <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 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>
-</div>
\ No newline at end of file
+  </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/resources/css/styles.css b/forms/common-themes/src/main/resources/theme/keycloak/admin/resources/css/styles.css
index c0e8fb2..a0fe65f 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
@@ -149,6 +149,11 @@ table {
 
 /*********** New Menu ***********/
 
+.navbar-brand span{
+  font-size: 10pt !important;
+  font-weight: bold;
+  color: #ffffff !important;   
+}
 
 .sidebar-pf-left{
   background: #292e34;
@@ -256,29 +261,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;
@@ -324,4 +306,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/theme.properties b/forms/common-themes/src/main/resources/theme/keycloak/admin/theme.properties
index f85279f..21933c4 100644
--- 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
\ 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