From 645b24585fdf935147ed1f6f6b56dd484eec9593 Mon Sep 17 00:00:00 2001
From: Olivier Lamy <olamy@apache.org>
Date: Thu, 2 Feb 2012 20:44:12 +0000
Subject: [PATCH] [MRM-1598] use bootstrap css 2.x fix role management screen

git-svn-id: https://svn.apache.org/repos/asf/archiva/trunk@1239834 13f79535-47bb-0310-9956-ffa450edef68
---
 .../src/main/webapp/js/redback/roles.js            |  2 +-
 .../webapp/js/redback/templates/roles-tmpl.html    | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/roles.js b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/roles.js
index 935067508..aeadba4d4 100644
--- a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/roles.js
+++ b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/roles.js
@@ -146,7 +146,7 @@ $(function() {
     window.redbackModel.rolesViewModel.loadRoles();
     $("#main-content").html($("#rolesTabs").tmpl());
     ko.applyBindings(window.redbackModel.rolesViewModel,jQuery("#main-content").get(0));
-    $("#main-content #roles-view-tabs").pills();
+    $("#main-content #roles-view-tabs a:first").tab("show");
     activateRolesGridTab();
     removeMediumSpinnerImg();
   }
diff --git a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/roles-tmpl.html b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/roles-tmpl.html
index b29a53304..9664890fc 100644
--- a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/roles-tmpl.html
+++ b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/roles-tmpl.html
@@ -21,22 +21,22 @@
     <h2>${$.i18n.prop('roles.management.header')}</h2>
   </div>
 
-  <ul id="roles-view-tabs" class="tabs">
+  <ul id="roles-view-tabs" class="nav nav-tabs" data-target="roles-view-tabs-content">
     <li class="active" id="roles-view-tabs-li-roles-grid">
-      <a href="#roles-view" id="roles-view-tabs-a-roles-grid">${$.i18n.prop('roles.grid.tab.title')}</a>
+      <a data-toggle="tab" href="#roles-view" id="roles-view-tabs-a-roles-grid">${$.i18n.prop('roles.grid.tab.title')}</a>
     </li>
     <li id="roles-view-tabs-li-roles-edit">
-      <a href="#role-edit">${$.i18n.prop('edit')}</a>
+      <a data-toggle="tab" href="#role-edit">${$.i18n.prop('edit')}</a>
     </li>
   </ul>
-  <div id="roles-view-tabs-content" class="tab-content">
-    <div id="roles-view">
+  <div id="roles-view-tabs-content" class="pill-content">
+    <div id="roles-view" class="pill-pane">
         <table class="table table-striped table-bordered" id="usersTable"
                data-bind="simpleGrid: gridViewModel,simpleGridTemplate:'ko_rolesGrid',pageLinksId:'rolesPagination'">
         </table>
         <div id="rolesPagination"></div>
     </div>
-    <div id="role-edit"></div>
+    <div id="role-edit" class="pill-pane"></div>
   </div>
 
 </script>
@@ -45,7 +45,7 @@
   <div class="page-header">
     <h3>${$.i18n.prop('role')}</h3>
   </div>
-  <table class="bordered-table" id="editRoleTable">
+  <table class="table table-bordered" id="editRoleTable">
     <tbody>
       <tr>
         <td>${$.i18n.prop('name')}:</td>
-- 
2.39.5