Merge pull request #621 from patriot1burke/master

refactor UI screens, remove breadcrumbs

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/application-claims.html

@@ -10,13 +10,8 @@
         <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/revocation">Revocation</a></li>
         <li data-ng-show="!application.bearerOnly"><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/sessions">Sessions</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications">Applications</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}">{{application.name}}</a></li>
-            <li class="active">Claims</li>
-        </ol>
         <h2 data-ng-hide="create"><span>{{application.name}}</span> Allowed Claims</h2>
         <form class="form-horizontal" name="claimForm">
             <div data-ng-include data-src="'partials/claims.html'"></div>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/application-credentials.html

@@ -10,13 +10,8 @@
         <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/revocation">Revocation</a></li>
         <li data-ng-show="!application.bearerOnly"><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/sessions">Sessions</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications">Applications</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}">{{application.name}}</a></li>
-            <li class="active">Credentials</li>
-        </ol>
         <h2 data-ng-hide="create"><span>{{application.name}}</span> Credentials</h2>
         <form class="form-horizontal" name="credentialForm" novalidate kc-read-only="!access.manageApplications">
             <fieldset >

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/application-detail.html

@@ -10,13 +10,8 @@
         <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/revocation">Revocation</a></li>
         <li data-ng-show="!application.bearerOnly"><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/sessions">Sessions</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications">Applications</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}">{{application.name}}</a></li>
-            <li class="active">Settings</li>
-        </ol>
         <h2 data-ng-hide="create"><span>{{application.name}}</span> Settings</h2>
         
         <ol class="breadcrumb" data-ng-show="create">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/application-installation.html

@@ -11,14 +11,9 @@
         <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/revocation">Revocation</a></li>
         <li data-ng-show="!application.bearerOnly"><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/sessions">Sessions</a></li>
     </ul>
+    <h2></h2>
 
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications">Applications</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}">{{application.name}}</a></li>
-            <li class="active">Installation</li>
-        </ol>
         <h2><span>{{application.name}}</span> Installation</h2>
         <form class="form-horizontal" name="realmForm" novalidate>
             <fieldset class="border-top">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/application-list.html

@@ -3,11 +3,8 @@
     <ul class="nav nav-tabs nav-tabs-pf">
         <li class="active"><a href="">Application List</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li class="active">Applications</li>
-        </ol>
         <h2><span>{{realm.realm}}</span> Applications</h2>
         <table class="table table-striped table-bordered">
             <thead>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/application-revocation.html

@@ -10,11 +10,8 @@
         <li class="active"><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/revocation">Revocation</a></li>
         <li data-ng-show="!application.bearerOnly"><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/sessions">Sessions</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/">{{realm.realm}}</a></li>
-            <li class="active">Revocation</li>
-        </ol>
         <h2 data-ng-hide="create"><span>{{application.name}}</span> Revocation Policies</h2>
         <form class="form-horizontal" name="credentialForm" novalidate kc-read-only="!access.manageRealm">
             <fieldset class="border-top">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/application-role-detail.html

@@ -10,16 +10,8 @@
         <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/revocation">Revocation</a></li>
         <li data-ng-show="!application.bearerOnly"><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/sessions">Sessions</a></li>
     </ul>
-
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-show="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications">Applications</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}">{{application.name}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/roles">Roles</a></li>
-            <li class="active">Add role</li>
-        </ol>
-
         <ol class="breadcrumb" data-ng-hide="create">
             <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
             <li><a href="#/realms/{{realm.realm}}/applications">Applications</a></li>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/application-role-list.html

@@ -11,14 +11,8 @@
         <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/revocation">Revocation</a></li>
         <li data-ng-show="!application.bearerOnly"><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/sessions">Sessions</a></li>
     </ul>
-
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications">Applications</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}">{{application.name}}</a></li>
-            <li class="active">Roles</li>
-        </ol>
         <h2><span>{{application.name}}</span> Roles</h2>
         <table class="table table-striped table-bordered">
             <thead>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/application-scope-mappings.html

@@ -11,14 +11,8 @@
         <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/revocation">Revocation</a></li>
         <li data-ng-show="!application.bearerOnly"><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/sessions">Sessions</a></li>
     </ul>
-
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications">Applications</a></li>
-            <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}">{{application.name}}</a></li>
-            <li class="active">Scope</li>
-        </ol>
         <h2><span>{{application.name}}</span> Scope Mappings</h2>
         <p class="subtitle"></p>
         <form class="form-horizontal" name="allowScope" novalidate kc-read-only="!access.manageApplications">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/application-sessions.html

@@ -10,11 +10,8 @@
         <li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/revocation">Revocation</a></li>
         <li class="active"><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/sessions">Sessions</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{application.name}}</a></li>
-            <li class="active">Application Sessions</li>
-        </ol>
         <h2><span>{{application.name}}</span> Sessions</h2>
         <form class="form-horizontal" name="sessionStats">
             <fieldset class="border-top">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/brute-force.html

@@ -4,6 +4,7 @@
         <li><a href="#/realms/{{realm.realm}}/defense/headers">Headers</a></li>
         <li class="active"><a href="#/realms/{{realm.realm}}/defense/brute-force">Brute Force Protection</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
         <h2><span>{{realm.realm}}</span> Brute Force Protection Settings</h2>
         <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/defense-headers.html

@@ -4,6 +4,7 @@
         <li class="active"><a href="#/realms/{{realm.realm}}/defense/headers">Headers</a></li>
         <li><a href="#/realms/{{realm.realm}}/defense/brute-force">Brute Force Detection</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
         <div data-ng-show="access.viewRealm">
             <h2><span>{{realm.realm}}</span> Browser Security Headers</h2>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/federated-generic.html

@@ -4,11 +4,8 @@
         <li><a href="#/realms/{{realm.realm}}/users">User List</a></li>
         <li><a href="#/realms/{{realm.realm}}/user-federation">Federation</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}/user-federation">Federation</a></li>
-            <li class="active">User Federation Provider Configuration</li>
-        </ol>
         <h2 class="pull-left"><span>{{realm.realm}}</span> Provider Settings</h2>
         <p class="subtitle"><span class="required">*</span> Required fields</p>
         <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/federated-ldap.html

@@ -4,11 +4,8 @@
         <li><a href="#/realms/{{realm.realm}}/users">User List</a></li>
         <li><a href="#/realms/{{realm.realm}}/user-federation">Federation</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}/user-federation">Federation</a></li>
-            <li class="active">Ldap Configuration</li>
-        </ol>
         <h2 class="pull-left"><span>{{realm.realm}}</span> Ldap Server Settings</h2>
         <p class="subtitle"><span class="required">*</span> Required fields</p>
         <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/oauth-client-claims.html

@@ -8,13 +8,8 @@
         <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}/installation">Installation</a></li>
         <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}/revocation">Revocation</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/oauth-clients">OAuth Clients</a></li>
-            <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.id}}">{{oauth.name}}</a></li>
-            <li class="active">Claims</li>
-        </ol>
         <h2 data-ng-hide="create"><span>{{oauth.name}}</span> Allowed Claims</h2>
         <form class="form-horizontal" name="claimForm">
             <div data-ng-include data-src="'partials/claims.html'"></div>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/oauth-client-credentials.html

@@ -8,14 +8,8 @@
         <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}/installation">Installation</a></li>
         <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}/revocation">Revocation</a></li>
     </ul>
-
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/oauth-clients">OAuth Clients</a></li>
-            <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.id}}">{{oauth.name}}</a></li>
-            <li class="active">Credentials</li>
-        </ol>
         <h2 data-ng-hide="create"><span>{{oauth.name}}</span> Credentials</h2>
         <form class="form-horizontal" name="credentialForm" novalidate kc-read-only="!access.manageClients">
             <fieldset >

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/oauth-client-detail.html

@@ -8,12 +8,8 @@
         <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}/installation">Installation</a></li>
         <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}/revocation">Revocation</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-show="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/oauth-clients">OAuth Clients</a></li>
-            <li class="active">Add OAuth Client</li>
-        </ol>
         <h2 data-ng-show="create" class="pull-left"><span>{{realm.realm}}</span> Add OAuth Client</h2>
         <p class="subtitle" data-ng-show="create"><span class="required">*</span> Required fields</p>
         <ol class="breadcrumb" data-ng-hide="create">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/oauth-client-installation.html

@@ -8,13 +8,8 @@
         <li class="active"><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}/installation">Installation</a></li>
         <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}/revocation">Revocation</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/oauth-clients">OAuth Clients</a></li>
-            <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}">{{oauth.name}}</a></li>
-            <li class="active">Installation</li>
-        </ol>
         <h2>OAuth Client Installation</h2>
         <form class="form-horizontal" name="realmForm" novalidate>
             <fieldset>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/oauth-client-list.html

@@ -3,11 +3,8 @@
     <ul class="nav nav-tabs nav-tabs-pf">
         <li class="active"><a href="">OAuth List</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li class="active">OAuth Clients</li>
-        </ol>
         <h2><span>{{realm.realm}}</span> OAuth Clients</h2>
         <table class="table table-striped table-bordered">
             <thead>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/oauth-client-revocation.html

@@ -8,13 +8,8 @@
         <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}/installation">Installation</a></li>
         <li class="active"><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}/revocation">Revocation</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/oauth-clients">OAuth Clients</a></li>
-            <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}">{{oauth.name}}</a></li>
-            <li class="active">Revocation</li>
-        </ol>
         <h2 data-ng-hide="create"><span>{{oauth.name}}</span> Revocation Policies</h2>
         <form class="form-horizontal" name="credentialForm" novalidate kc-read-only="!access.manageRealm">
             <fieldset class="border-top">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/oauth-client-scope-mappings.html

@@ -9,14 +9,8 @@
         <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}/installation">Installation</a></li>
         <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}/revocation">Revocation</a></li>
     </ul>
-
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/oauth-clients">OAuth Clients</a></li>
-            <li><a href="#/realms/{{realm.realm}}/oauth-clients/{{oauth.name}}">{{oauth.name}}</a></li>
-            <li class="active">Scope</li>
-        </ol>
         <h2><span>{{oauth.name}}</span> Scope Mappings</h2>
         <p class="subtitle"></p>
         <form class="form-horizontal" name="allowScope" novalidate kc-read-only="!access.manageClients">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-audit-config.html

@@ -5,13 +5,8 @@
         <li data-ng-class="(path[2] == 'audit') && 'active'"><a href="#/realms/{{realm.realm}}/audit">View</a></li>
         <li data-ng-class="(path[2] == 'audit-settings') && 'active'"><a href="#/realms/{{realm.realm}}/audit-settings">Config</a></li>
     </ul>
-
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/audit">Audit</a></li>
-            <li class="active">Config</li>
-        </ol>
         <h2><span>{{realm.realm}}</span> Audit Config</h2>
 
         <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageAudit">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-audit.html

@@ -5,12 +5,9 @@
         <li data-ng-class="(path[2] == 'audit') && 'active'"><a href="#/realms/{{realm.realm}}/audit">View</a></li>
         <li data-ng-class="(path[2] == 'audit-settings') && 'active'"><a href="#/realms/{{realm.realm}}/audit-settings">Config</a></li>
     </ul>
+    <h2></h2>
 
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li class="active">View Audit</li>
-        </ol>
         <h2><span>{{realm.realm}}</span> Audit Log</h2>
 
         <table class="table table-striped table-bordered">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-cache-settings.html

@@ -1,12 +1,8 @@
 <div class="bs-sidebar col-sm-3 " data-ng-include data-src="'partials/realm-menu.html'"></div>
 <div id="content-area" class="col-sm-9" role="main">
     <kc-navigation data-kc-current="general" data-kc-realm="realm.realm" data-kc-social="social"></kc-navigation>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="createRealm">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}">Settings</a></li>
-            <li class="active">Cache</li>
-        </ol>
         <div data-ng-show="access.viewRealm">
             <h2><span>{{realm.realm}}</span> Cache Settings</h2>
             <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-credentials.html

@@ -1,13 +1,9 @@
 <div class="bs-sidebar col-sm-3 " data-ng-include data-src="'partials/realm-menu.html'"></div>
 <div id="content-area" class="col-sm-9" role="main">
     <data-kc-navigation data-kc-current="credentials" data-kc-realm="realm.realm" data-kc-social="realm.social"></data-kc-navigation>
+    <h2></h2>
 
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}">Settings</a></li>
-            <li class="active">Required Credentials</li>
-        </ol>
         <h2><span>{{realm.realm}}</span> Credentials</h2>
         <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">
             <fieldset class="border-top">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-default-roles.html

@@ -1,12 +1,11 @@
 <div class="bs-sidebar col-sm-3 " data-ng-include data-src="'partials/realm-menu.html'"></div>
 <div id="content-area" class="col-sm-9" role="main">
-    <data-kc-navigation data-kc-current="defRoles" data-kc-realm="realm.realm" data-kc-social="realm.social"></data-kc-navigation>
+    <ul class="nav nav-tabs nav-tabs-pf">
+        <li><a href="#/realms/{{realm.realm}}/roles">Realm Roles</a></li>
+        <li class="active"><a href="#/realms/{{realm.realm}}/default-roles">Default Roles</a></li>
+    </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}">Settings</a></li>
-            <li class="active">Default Roles</li>
-        </ol>
         <h2><span>{{realm.realm}}</span> Default Roles</h2>
         <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">
             <fieldset>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-detail.html

@@ -1,12 +1,8 @@
 <div class="bs-sidebar col-sm-3 " data-ng-include data-src="'partials/realm-menu.html'"></div>
 <div id="content-area" class="col-sm-9" role="main">
     <kc-navigation data-kc-current="general" data-kc-realm="realm.realm" data-kc-social="social"></kc-navigation>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="createRealm">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}">Settings</a></li>
-            <li class="active">General</li>
-        </ol>
         <div data-ng-show="access.viewRealm">
             <h2 class="pull-left" data-ng-show="createRealm">Add Realm</h2>
             <h2 data-ng-hide="createRealm"><span>{{realm.realm}}</span> General Settings</h2>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-keys.html

@@ -1,12 +1,8 @@
 <div class="bs-sidebar col-sm-3 " data-ng-include data-src="'partials/realm-menu.html'"></div>
 <div id="content-area" class="col-sm-9" role="main">
     <data-kc-navigation data-kc-current="keys" data-kc-realm="realm.realm" data-kc-social="realm.social"></data-kc-navigation>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}">Settings</a></li>
-            <li class="active">Keys</li>
-        </ol>
         <h2><span>{{realm.realm}}</span> Keys</h2>
         <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">
             <fieldset class="border-top">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-login-settings.html

@@ -1,12 +1,8 @@
 <div class="bs-sidebar col-sm-3 " data-ng-include data-src="'partials/realm-menu.html'"></div>
 <div id="content-area" class="col-sm-9" role="main">
     <kc-navigation data-kc-current="general" data-kc-realm="realm.realm" data-kc-social="social"></kc-navigation>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="createRealm">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}">Settings</a></li>
-            <li class="active">Login</li>
-        </ol>
         <div data-ng-show="access.viewRealm">
             <h2><span>{{realm.realm}}</span> Login Settings</h2>
             <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-menu.html

@@ -1,11 +1,16 @@
 <ul data-ng-hide="createRealm">
-    <li data-ng-show="access.viewRealm" data-ng-class="((!path[2] || path[1] == 'role' || path[2] == 'roles' ||
+    <li data-ng-show="access.viewRealm" data-ng-class="((!path[2] ||
-    path[2] == 'social-settings' || path[2] == 'required-credentials' || path[2] == 'default-roles' || path[2] == 'registration-settings' ||
+    path[2] == 'social-settings' || path[2] == 'required-credentials'
-    path[2] == 'keys-settings' || path[2] == 'smtp-settings' || path[2] == 'ldap-settings' || path[2] == 'auth-settings') && path[3] != 'applications') && 'active'">
+    || path[2] == 'login-settings'
+    || path[2] == 'theme-settings'
+    || path[2] == 'cache-settings'
+    || path[2] == 'keys-settings' || path[2] == 'smtp-settings' || path[2] == 'ldap-settings' || path[2] == 'auth-settings') && path[3] != 'applications') && 'active'">
         <a href="#/realms/{{realm.realm}}">Settings</a>
     </li>
     <li data-ng-show="access.viewUsers" data-ng-class="(path[2] == 'users' || path[1] == 'user') && 'active'"><a href="#/realms/{{realm.realm}}/users">Users</a>
     </li>
+    <li data-ng-show="access.viewRealm" data-ng-class="(path[2] == 'roles' || (path[1] == 'role' & path[3] != 'applications') && 'active'"><a href="#/realms/{{realm.realm}}/roles">Roles</a>
+    </li>
     <li data-ng-show="access.viewApplications" data-ng-class="(path[2] == 'applications' || path[1] == 'application' || path[3] == 'applications') && 'active'"><a href="#/realms/{{realm.realm}}/applications">Applications</a></li>
     <li data-ng-show="access.viewClients" data-ng-class="(path[2] == 'oauth-clients' || path[1] == 'oauth-client') && 'active'"><a href="#/realms/{{realm.realm}}/oauth-clients">OAuth Clients</a></li>
     <li data-ng-show="access.viewRealm" data-ng-class="(path[2] == 'sessions' || path[2] == 'token-settings') && 'active'"><a href="#/realms/{{realm.realm}}/sessions/realm">Sessions and Tokens</a></li>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-smtp.html

@@ -1,12 +1,8 @@
 <div class="bs-sidebar col-sm-3 " data-ng-include data-src="'partials/realm-menu.html'"></div>
 <div id="content-area" class="col-sm-9" role="main">
     <data-kc-navigation data-kc-current="email" data-kc-realm="realm.realm" data-kc-social="realm.social"></data-kc-navigation>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}">Settings</a></li>
-            <li class="active">SMTP Configuration</li>
-        </ol>
         <h2 class="pull-left"><span>{{realm.realm}}</span> Email Server Settings</h2>
         <p class="subtitle"><span class="required">*</span> Required fields</p>
         <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-social.html

@@ -1,12 +1,8 @@
 <div class="bs-sidebar col-sm-3 " data-ng-include data-src="'partials/realm-menu.html'"></div>
 <div id="content-area" class="col-sm-9" role="main">
     <data-kc-navigation data-kc-current="social" data-kc-realm="realm.realm" data-kc-social="realm.social"></data-kc-navigation>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}">Settings</a></li>
-            <li class="active">Social</li>
-        </ol>
         <h2 class="pull-left"><span>{{realm.realm}}</span> Social Providers Settings</h2>
         <p class="subtitle"><span class="required">*</span> Required fields</p>
 

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-theme-settings.html

@@ -1,12 +1,8 @@
 <div class="bs-sidebar col-sm-3 " data-ng-include data-src="'partials/realm-menu.html'"></div>
 <div id="content-area" class="col-sm-9" role="main">
     <kc-navigation data-kc-current="general" data-kc-realm="realm.realm" data-kc-social="social"></kc-navigation>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="createRealm">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}">Settings</a></li>
-            <li class="active">Theme</li>
-        </ol>
         <div data-ng-show="access.viewRealm">
             <h2><span>{{realm.realm}}</span> Theme Settings</h2>
             <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/realm-tokens.html

@@ -5,11 +5,8 @@
         <li class="active"><a href="#/realms/{{realm.realm}}/token-settings">Timeout Settings</a></li>
         <li><a href="#/realms/{{realm.realm}}/sessions/revocation">Revocation</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li class="active">Timeouts</li>
-        </ol>
         <h2><span>{{realm.realm}}</span> Session and Token Timeout Settings</h2>
         <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">
             <fieldset class="border-top">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/role-detail.html

@@ -2,31 +2,14 @@
 <div id="content-area" class="col-md-9" role="main">
 
     <ul class="nav nav-tabs nav-tabs-pf">
-        <li><a href="#/realms/{{realm.realm}}">General</a></li>
-        <li data-ng-show="realm.social"><a href="#/realms/{{realm.realm}}/social-settings">Social</a></li>
         <li class="active"><a href="#/realms/{{realm.realm}}/roles">Roles</a></li>
         <li><a href="#/realms/{{realm.realm}}/default-roles">Default Roles</a></li>
-        <li><a href="#/realms/{{realm.realm}}/required-credentials">Credentials</a></li>
-        <li><a href="#/realms/{{realm.realm}}/token-settings">Token</a></li>
-        <li><a href="#/realms/{{realm.realm}}/keys-settings">Keys</a></li>
-        <li><a href="#/realms/{{realm.realm}}/smtp-settings">Email</a></li>
     </ul>
+    <h2></h2>
 
     <div id="content">
-        <ol class="breadcrumb" data-ng-hide="create">
+        <h2 data-ng-hide="create"><span>{{realm.realm}}</span> {{role.name}} Realm Role</h2>
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
+        <h2 data-ng-show="create" class="pull-left"><span>{{realm.realm}}</span> Add Realm Role</h2>
-            <li><a href="#/realms/{{realm.realm}}">Settings</a></li>
-            <li><a href="#/realms/{{realm.realm}}/roles">Roles</a></li>
-            <li class="active">{{role.name}}</li>
-        </ol>
-        <h2 data-ng-hide="create"><span>{{realm.realm}}</span> {{role.name}}</h2>
-        <ol class="breadcrumb" data-ng-show="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}">Settings</a></li>
-            <li><a href="#/realms/{{realm.realm}}/roles">Roles</a></li>
-            <li class="active">Add Role</li>
-        </ol>
-        <h2 data-ng-show="create" class="pull-left"><span>{{realm.realm}}</span> Add Role</h2>
         <p class="subtitle" data-ng-show="create"><span class="required">*</span> Required fields</p>
         <form class="form-horizontal clearfix" name="realmForm" novalidate kc-read-only="!access.manageRealm">
             <fieldset>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/role-list.html

@@ -1,13 +1,12 @@
 <div class="bs-sidebar col-sm-3 " data-ng-include data-src="'partials/realm-menu.html'"></div>
 <div id="content-area" class="col-sm-9" role="main">
-    <data-kc-navigation data-kc-current="roles" data-kc-realm="realm.realm" data-kc-social="realm.social"></data-kc-navigation>
+    <ul class="nav nav-tabs nav-tabs-pf">
+        <li class="active"><a href="#/realms/{{realm.realm}}/roles">Realm Roles</a></li>
+        <li><a href="#/realms/{{realm.realm}}/default-roles">Default Roles</a></li>
+    </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
+        <h2><span>{{realm.realm}}</span> Realm-Level Roles</h2>
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}">Settings</a></li>
-            <li class="active">Roles</li>
-        </ol>
-        <h2><span>{{realm.realm}}</span> Roles</h2>
 
             <table class="table table-striped table-bordered">
                 <thead>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/role-mappings.html

@@ -7,13 +7,8 @@
         <li><a href="#/realms/{{realm.realm}}/users/{{user.username}}/sessions">Sessions</a></li>
         <li data-ng-show="realm.social"><a href="#/realms/{{realm.realm}}/users/{{user.username}}/social-links">Social Links</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/users">Users</a></li>
-            <li><a href="#/realms/{{realm.realm}}/users/{{user.username}}">{{user.username}}</a></li>
-            <li class="active">Role Mappings</li>
-        </ol>
         <h2><span>{{user.username}}'s</span> Role Mappings</h2>
         <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageUsers">
 

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/session-realm.html

@@ -5,11 +5,8 @@
         <li><a href="#/realms/{{realm.realm}}/token-settings">Timeout Settings</a></li>
         <li><a href="#/realms/{{realm.realm}}/sessions/revocation">Revocation</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li class="active">Realm Sessions</li>
-        </ol>
         <h2><span>{{realm.realm}}</span> Sessions</h2>
         <table class="table table-striped table-bordered">
             <thead>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/session-revocation.html

@@ -5,11 +5,8 @@
         <li><a href="#/realms/{{realm.realm}}/token-settings">Timeout Settings</a></li>
         <li class="active"><a href="#/realms/{{realm.realm}}/sessions/revocation">Revocation</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li class="active">Revocation</li>
-        </ol>
         <h2 data-ng-hide="create"><span>{{realm.realm}}</span> Revocation Policies</h2>
         <form class="form-horizontal" name="credentialForm" novalidate kc-read-only="!access.manageRealm">
             <fieldset class="border-top">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/user-credentials.html

@@ -9,13 +9,8 @@
         <li data-ng-show="realm.social"><a href="#/realms/{{realm.realm}}/users/{{user.username}}/social-links">Social Links</a></li>
     </ul>
 
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/users">Users</a></li>
-            <li><a href="#/realms/{{realm.realm}}/users/{{user.username}}">{{user.username}}</a></li>
-            <li class="active">Credentials</li>
-        </ol>
         <h2><span>{{user.username}}'s</span> Credentials</h2>
 
         <form class="form-horizontal" name="userForm" novalidate>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/user-detail.html

@@ -8,20 +8,13 @@
         <li><a href="#/realms/{{realm.realm}}/users/{{user.username}}/sessions">Sessions</a></li>
         <li data-ng-show="realm.social"><a href="#/realms/{{realm.realm}}/users/{{user.username}}/social-links">Social Links</a></li>
     </ul>
-
+    <ul class="nav nav-tabs nav-tabs-pf" data-ng-show="create">
+        <li class="active"><a href="">User List</a></li>
+        <li><a href="#/realms/{{realm.realm}}/user-federation">Federation</a></li>
+    </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb" data-ng-show="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/users">Users</a></li>
-            <li class="active">Add</li>
-        </ol>
         <h2 data-ng-show="create" class="pull-left">Add User</h2>
-        <ol class="breadcrumb" data-ng-hide="create">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/users">Users</a></li>
-            <li><a href="#/realms/{{realm.realm}}/users/{{user.username}}">{{user.username}}</a></li>
-            <li class="active">Attributes</li>
-        </ol>
         <h2 data-ng-hide="create" class="pull-left"><span>{{user.username}}'s</span> Attributes</h2>
         <p class="subtitle"><span class="required">*</span> Required fields</p>
 

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/user-federation.html

@@ -4,11 +4,8 @@
         <li><a href="#/realms/{{realm.realm}}/users">User List</a></li>
         <li class="active"><a href="">Federation</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li class="active">Federation</li>
-        </ol>
         <h2><span>{{realm.realm}}</span> User Federation Providers</h2>
 
         <table class="table table-striped table-bordered">

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/user-list.html

@@ -4,11 +4,8 @@
         <li class="active"><a href="">User List</a></li>
         <li><a href="#/realms/{{realm.realm}}/user-federation">Federation</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li class="active">Users</li>
-        </ol>
         <h2><span>{{realm.realm}}</span> Users</h2>
         <table class="table table-striped table-bordered">
             <caption data-ng-show="users" class="hidden">Table of realm users</caption>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/user-sessions.html

@@ -7,13 +7,8 @@
         <li class="active"><a href="#/realms/{{realm.realm}}/users/{{user.username}}/sessions">Sessions</a></li>
         <li data-ng-show="realm.social"><a href="#/realms/{{realm.realm}}/users/{{user.username}}/social-links">Social Links</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/users">Users</a></li>
-            <li><a href="#/realms/{{realm.realm}}/users/{{user.username}}">{{user.username}}</a></li>
-            <li class="active">User Sessions</li>
-        </ol>
         <h2><span>{{user.username}}</span> Sessions</h2>
         <table class="table table-striped table-bordered">
             <thead>

forms/common-themes/src/main/resources/theme/admin/base/resources/partials/user-social-links.html

@@ -7,13 +7,8 @@
         <li><a href="#/realms/{{realm.realm}}/users/{{user.username}}/sessions">Sessions</a></li>
         <li class="active"><a href="#/realms/{{realm.realm}}/users/{{user.username}}/social-links">Social Links</a></li>
     </ul>
+    <h2></h2>
     <div id="content">
-        <ol class="breadcrumb">
-            <li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
-            <li><a href="#/realms/{{realm.realm}}/users">Users</a></li>
-            <li><a href="#/realms/{{realm.realm}}/users/{{user.username}}">{{user.username}}</a></li>
-            <li class="active">Social Links</li>
-        </ol>
         <h2><span>{{user.username}}</span> Social Links</h2>
         <table class="table table-striped table-bordered">
             <thead>

forms/common-themes/src/main/resources/theme/admin/base/resources/templates/kc-navigation.html

@@ -2,8 +2,6 @@
     <li ng-class="{active: !path[2]}"><a href="#/realms/{{realm.realm}}">General</a></li>
     <li ng-class="{active: path[2] == 'login-settings'}" data-ng-show="access.viewRealm"><a href="#/realms/{{realm.realm}}/login-settings">Login</a></li>
     <li ng-class="{active: path[2] == 'social-settings'}" data-ng-show="realm.social && access.viewRealm"><a href="#/realms/{{realm.realm}}/social-settings">Social</a></li>
-    <li ng-class="{active: path[2] == 'roles'}" data-ng-show="access.viewRealm"><a href="#/realms/{{realm.realm}}/roles">Roles</a></li>
-    <li ng-class="{active: path[2] == 'default-roles'}" data-ng-show="access.viewRealm"><a href="#/realms/{{realm.realm}}/default-roles">Default Roles</a></li>
     <li ng-class="{active: path[2] == 'required-credentials'}" data-ng-show="access.viewRealm"><a href="#/realms/{{realm.realm}}/required-credentials">Credentials</a></li>
     <li ng-class="{active: path[2] == 'keys-settings'}" data-ng-show="access.viewRealm"><a href="#/realms/{{realm.realm}}/keys-settings">Keys</a></li>
     <li ng-class="{active: path[2] == 'smtp-settings'}" data-ng-show="access.viewRealm"><a href="#/realms/{{realm.realm}}/smtp-settings">Email</a></li>