From 9c7aa0a9b1c53a3c70a00214b8585e8f3fafbf1b Mon Sep 17 00:00:00 2001
From: Olivier Lamy <olamy@apache.org>
Date: Thu, 2 Feb 2012 22:44:22 +0000
Subject: [PATCH] [MRM-1598] use bootstrap css 2.x fix repositories tabs/pills

git-svn-id: https://svn.apache.org/repos/asf/archiva/trunk@1239896 13f79535-47bb-0310-9956-ffa450edef68
---
 .../main/webapp/js/archiva/repositories.js    | 12 ++++----
 .../js/archiva/templates/repositories.html    | 30 +++++++++----------
 2 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/archiva/repositories.js b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/archiva/repositories.js
index 0ca226fd1..5f9eb9e78 100644
--- a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/archiva/repositories.js
+++ b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/archiva/repositories.js
@@ -724,7 +724,7 @@ $(function() {
     clearUserMessages();
     $("#main-content").html(mediumSpinnerImg());
     $("#main-content").html($("#repositoriesMain").tmpl());
-    $("#main-content #repositories-tabs").tabs();
+    $("#main-content #repositories-tabs a:first").tab("show");
 
     $("#main-content #managed-repositories-content").append(mediumSpinnerImg());
     $("#main-content #remote-repositories-content").append(mediumSpinnerImg());
@@ -761,8 +761,7 @@ $(function() {
             }
           });
           ko.applyBindings(managedRepositoriesViewModel,$("#main-content #managed-repositories-table").get(0));
-          $("#main-content #managed-repositories-pills").pills();
-          $("#managed-repositories-view").addClass("active");
+          $("#main-content #managed-repositories-pills a:first").tab('show');
           removeMediumSpinnerImg("#main-content #managed-repositories-content");
           activateManagedRepositoriesGridTab();
         }
@@ -802,8 +801,7 @@ $(function() {
             }
           });
           ko.applyBindings(remoteRepositoriesViewModel,$("#main-content #remote-repositories-table").get(0));
-          $("#main-content #remote-repositories-pills").pills();
-          $("#remote-repositories-view").addClass("active");
+          $("#main-content #remote-repositories-pills a:first").tab('show')
           removeMediumSpinnerImg("#main-content #remote-repositories-content");
         }
       }
@@ -811,7 +809,7 @@ $(function() {
 
 
 
-    $("#main-content #managed-repositories-pills").bind('change', function (e) {
+    $("#main-content #managed-repositories-pills").on('show', function (e) {
       if ($(e.target).attr("href")=="#managed-repository-edit") {
         var viewModel = new ManagedRepositoryViewModel(new ManagedRepository(),false,managedRepositoriesViewModel);
         ko.applyBindings(viewModel,$("#main-content #managed-repository-edit").get(0));
@@ -823,7 +821,7 @@ $(function() {
 
     });
 
-    $("#main-content #remote-repositories-pills").bind('change', function (e) {
+    $("#main-content #remote-repositories-pills").on('show', function (e) {
       if ($(e.target).attr("href")=="#remote-repository-edit") {
         $.ajax("restServices/archivaServices/networkProxyService/getNetworkProxies", {
             type: "GET",
diff --git a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/archiva/templates/repositories.html b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/archiva/templates/repositories.html
index d3654e212..bc290a51f 100644
--- a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/archiva/templates/repositories.html
+++ b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/archiva/templates/repositories.html
@@ -21,55 +21,55 @@
       <h2>${$.i18n.prop('administration.repositories')}</h2>
     </div>
 
-      <ul id="repositories-tabs" class="tabs">
+      <ul id="repositories-tabs" class="nav nav-tabs">
         <li class="active">
-          <a href="#managed-repositories-content">${$.i18n.prop('managedrepositories.grid.head')}</a>
+          <a data-toggle="tab" href="#managed-repositories-content">${$.i18n.prop('managedrepositories.grid.head')}</a>
         </li>  
         <li>
-          <a href="#remote-repositories-content">${$.i18n.prop('remoterepositories.grid.head')}</a>
+          <a data-toggle="tab" href="#remote-repositories-content">${$.i18n.prop('remoterepositories.grid.head')}</a>
         </li>
       </ul>  
       <div class="tab-content">
-    	<div id="managed-repositories-content" class="active">
-            <ul id="managed-repositories-pills" class="pills">
+    	<div id="managed-repositories-content" class="tab-pane active">
+            <ul id="managed-repositories-pills" class="nav nav-pills">
               <li class="active" id="managed-repositories-view-li">
-                <a href="#managed-repositories-view">${$.i18n.prop('managedrepositories.grid.tab.title')}</a>
+                <a data-toggle="tab" href="#managed-repositories-view">${$.i18n.prop('managedrepositories.grid.tab.title')}</a>
               </li>
               <li id="managed-repository-edit-li">
-                <a href="#managed-repository-edit">${$.i18n.prop('add')}</a>
+                <a data-toggle="tab" href="#managed-repository-edit">${$.i18n.prop('add')}</a>
               </li>
             </ul>
             <div id="managed-repositories-tabs-content" class="pill-content">
-              <div id="managed-repositories-view" class="active">
+              <div id="managed-repositories-view" class="pill-pane active">
                   <table class="table table-striped table-bordered" id="managed-repositories-table"
                          data-bind="simpleGrid: gridViewModel,simpleGridTemplate:'ko_managed-repositoriesGrid',pageLinksId:'managed-repositoriesPagination',data:'managedRepositories'">
                   </table>
                   <div id="managed-repositoriesPagination"></div>
                   <div id="managed-repositories-pom-snippet"></div>
               </div>
-              <div id="managed-repository-edit" data-bind='template: {name:"managed-repository-edit-tmpl"}'>
+              <div id="managed-repository-edit" class="pill-pane" data-bind='template: {name:"managed-repository-edit-tmpl"}'>
               </div>
             </div>
     	</div>
 
 
-    	<div id="remote-repositories-content">
-            <ul id="remote-repositories-pills" class="pills">
+    	<div id="remote-repositories-content" class="tab-pane">
+            <ul id="remote-repositories-pills" class="nav nav-pills">
               <li class="active" id="remote-repositories-view-li">
-                <a href="#remote-repositories-view">${$.i18n.prop('remoterepositories.grid.tab.title')}</a>
+                <a data-toggle="tab" href="#remote-repositories-view">${$.i18n.prop('remoterepositories.grid.tab.title')}</a>
               </li>
               <li id="remote-repository-edit-li">
-                <a href="#remote-repository-edit">${$.i18n.prop('add')}</a>
+                <a data-toggle="tab" href="#remote-repository-edit">${$.i18n.prop('add')}</a>
               </li>
             </ul>
             <div id="remote-repositories-tabs-content" class="pill-content">
-              <div id="remote-repositories-view" class="active">
+              <div id="remote-repositories-view" class="pill-pane active">
                   <table class="table table-striped table-bordered" id="remote-repositories-table"
                          data-bind="simpleGrid: gridViewModel,simpleGridTemplate:'ko_remote-repositoriesGrid',pageLinksId:'remote-repositoriesPagination',data:'remoteRepositories'">
                   </table>
                   <div id="remote-repositoriesPagination"></div>
               </div>
-              <div id="remote-repository-edit" data-bind='template: {name:"remote-repository-edit-tmpl"}'>
+              <div id="remote-repository-edit" class="pill-pane" data-bind='template: {name:"remote-repository-edit-tmpl"}'>
               </div>
             </div>
     	</div>
-- 
2.39.5