From: Olivier Lamy <olamy@apache.org>
Date: Thu, 2 Feb 2012 20:41:24 +0000 (+0000)
Subject: [MRM-1598] use bootstrap css 2.x fix users tabs
X-Git-Tag: archiva-1.4-M3~1403
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=aa9a28caf8e276670c93c0745a8cf92a70bada62;p=archiva.git

[MRM-1598] use bootstrap css 2.x fix users tabs

git-svn-id: https://svn.apache.org/repos/asf/archiva/trunk@1239820 13f79535-47bb-0310-9956-ffa450edef68
---

diff --git a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/index.html b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/index.html
index b59396462..e089140d3 100644
--- a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/index.html
+++ b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/index.html
@@ -20,10 +20,10 @@
 
 <div class="container-fluid" style="min-height: 450px">
   <div class="row-fluid">
-    <div class="span2">
+    <div class="span2 columns">
       <div class="well sidebar-nav" id="sidebar-content"></div>
     </div>
-    <div class="span10">
+    <div class="span10 columns">
       <div class="content">
         <div id="user-messages"></div>
         <div id="main-content"></div>
diff --git a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/user-grids.html b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/user-grids.html
index e92d9da97..936862057 100644
--- a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/user-grids.html
+++ b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/user-grids.html
@@ -93,16 +93,16 @@
     <div class="page-header">
       <h2>${$.i18n.prop('users.list')}</h2>
     </div>
-    <ul id="users-view-tabs" class="tabs">
+    <ul id="users-view-tabs" class="nav nav-tabs" data-target="#users-view-tabs-content">
       <li class="active" id="users-view-tabs-li-users-grid">
-        <a href="#users-view">${$.i18n.prop('users.grid.tab.title')}</a>
+        <a data-toggle="tab" href="#users-view">${$.i18n.prop('users.grid.tab.title')}</a>
       </li>
       <li id="users-view-tabs-li-user-edit">
-        <a href="#createUserForm" id="users-view-tabs-li-user-edit-a">${$.i18n.prop('add')}</a>
+        <a data-toggle="tab" href="#createUserForm" id="users-view-tabs-li-user-edit-a">${$.i18n.prop('add')}</a>
       </li>
     </ul>
     <div id="users-view-tabs-content" class="tab-content">
-      <div id="users-view">
+      <div id="users-view" class="tab-pane">
         <button data-bind='click: sortByName'  class="btn">
             ${$.i18n.prop('users.sort.byname')}
         </button>
@@ -111,7 +111,7 @@
         </table>
         <div id="usersPagination"></div>
       </div>
-      <div id="createUserForm"></div>
+      <div id="createUserForm" class="tab-pane"></div>
     </div>
 </script>
 
diff --git a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/users.js b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/users.js
index 75b90146e..bbbdb9212 100644
--- a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/users.js
+++ b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/users.js
@@ -216,8 +216,8 @@ $(function() {
     window.redbackModel.usersViewModel = new usersViewModel();
     window.redbackModel.usersViewModel.loadUsers();
     ko.applyBindings(window.redbackModel.usersViewModel,jQuery("#main-content").get(0));
-    $("#main-content #users-view-tabs").tabs();
-    $("#main-content #users-view-tabs").bind('change', function (e) {
+    $("#main-content").tab('show');//#users-view-tabs
+    $("#main-content a[data-toggle='tab']").on('show', function (e) {
       //$.log( $(e.target).attr("href") ); // activated tab
       //e.relatedTarget // previous tab
       if ($(e.target).attr("href")=="#createUserForm") {