From 8763f0392dd8ee2d6044941dba297f4b5486772b Mon Sep 17 00:00:00 2001
From: Sebastian Sdorra <sebastian.sdorra@cloudogu.com>
Date: Mon, 15 Aug 2011 11:28:14 +0200
Subject: [PATCH] handle history for main navigation

---
 .../main/webapp/resources/js/sonia.history.js | 32 +++++---
 .../src/main/webapp/resources/js/sonia.scm.js | 77 ++++++++++++++-----
 2 files changed, 80 insertions(+), 29 deletions(-)

diff --git a/scm-webapp/src/main/webapp/resources/js/sonia.history.js b/scm-webapp/src/main/webapp/resources/js/sonia.history.js
index b1d6eae314..6a817f8542 100644
--- a/scm-webapp/src/main/webapp/resources/js/sonia.history.js
+++ b/scm-webapp/src/main/webapp/resources/js/sonia.history.js
@@ -49,21 +49,31 @@ Sonia.History = {
     }
   },
   
-  register: function(id, fn){
-    this.historyElements.push({
-      'id': id,
-      'fn': fn
-    });
+  register: function(id, fn, scope){
+    if (scope){
+      this.historyElements[id] = {
+        'fn': fn,
+        'scope': scope
+      };
+    } else {
+      this.historyElements[id] = fn;
+    }
+    
   },
   
   handleChange: function(id, params){
-    if ( debug ){
-      console.debug( 'handle ' + id + ' with "' + params + '"' );
-    }
-    for (var i=0; i<this.historyElements.length; i++){
-      if (this.historyElements.id == id){
-        el.fn(params);
+    var el = this.historyElements[id];
+    if (el){
+      if (debug){
+        console.debug('handle history event for ' + id + ' with "' + params + '"');
       }
+      if (Ext.isFunction(el) ){
+        el();
+      } else {
+        el.fn.call(el.scope, params);
+      }
+    } else if (debug){
+      console.debug('could not find history element for ' + id);
     }
   }
 
diff --git a/scm-webapp/src/main/webapp/resources/js/sonia.scm.js b/scm-webapp/src/main/webapp/resources/js/sonia.scm.js
index a285a660a9..c246c9cb7d 100644
--- a/scm-webapp/src/main/webapp/resources/js/sonia.scm.js
+++ b/scm-webapp/src/main/webapp/resources/js/sonia.scm.js
@@ -75,6 +75,7 @@ Sonia.scm.Main = Ext.extend(Ext.util.Observable, {
     this.addEvents('login', 'logout', 'init');
     this.mainTabPanel = Ext.getCmp('mainTabPanel');
     this.addListener('login', this.postLogin, this);
+    this.createHistory();
     Sonia.scm.Main.superclass.constructor.call(this, config);
   },
   
@@ -117,6 +118,58 @@ Sonia.scm.Main = Ext.extend(Ext.util.Observable, {
     });
     this.mainTabPanel.setActiveTab('repositories');
   },
+  
+  addRepositoriesTabPanel: function(){
+    this.mainTabPanel.setActiveTab('repositories');
+  },
+  
+  addScmConfigTabPanel: function(){
+    if (admin){
+      this.addTabPanel("scmConfig", "scmConfig", this.navGeneralConfigText);
+    }
+  },
+  
+  addRepositoryConfigTabPanel: function(){
+    if (admin){
+      this.addTabPanel('repositoryConfig', 'repositoryConfig', this.tabRepositoryTypesText);
+    }
+  },
+  
+  addPluginTabPanel: function(){
+    if (admin){
+      this.addTabPanel('plugins', 'pluginGrid', this.navPluginsText);
+    }
+  },
+  
+  addUsersTabPanel: function(){
+    if (admin){
+      this.addTabPanel('users', 'userPanel', this.navUsersText);
+    }
+  },
+  
+  addGroupsTabPanel: function(){
+    if (admin){
+      this.addTabPanel('groups', 'groupPanel', this.tabGroupsText);
+    }
+  },
+  
+  createHistory: function(){
+    Sonia.History.register('repositories', function(params){
+      this.addRepositoriesTabPanel();
+      // todo handle params
+    }, this);
+    Sonia.History.register('scmConfig', this.addScmConfigTabPanel, this);
+    Sonia.History.register('repositoryConfig', this.addRepositoryConfigTabPanel, this);
+    Sonia.History.register('plugins', this.addPluginTabPanel, this);
+    Sonia.History.register('users', function(params){
+      this.addUsersTabPanel();
+      // todo handle params
+    }, this);
+    Sonia.History.register('groups', function(params){
+      this.addUsersTabPanel();
+      // todo handle params
+    }, this);
+  },
 
   createMainMenu: function(){
     if ( debug ){
@@ -128,9 +181,7 @@ Sonia.scm.Main = Ext.extend(Ext.util.Observable, {
       title: this.sectionMainText,
       links: [{
         label: this.navRepositoriesText,
-        fn: function(){
-          this.mainTabPanel.setActiveTab('repositories');
-        },
+        fn: this.addRepositoriesTabPanel,
         scope: this
       }]
     });
@@ -156,21 +207,15 @@ Sonia.scm.Main = Ext.extend(Ext.util.Observable, {
         title: this.sectionConfigText,
         links: [{
           label: this.navGeneralConfigText,
-          fn: function(){
-            this.addTabPanel("scmConfig", "scmConfig", this.navGeneralConfigText);
-          },
+          fn: this.addScmConfigTabPanel,
           scope: this
         },{
           label: this.navRepositoryTypesText,
-          fn: function(){
-            this.addTabPanel('repositoryConfig', 'repositoryConfig', this.tabRepositoryTypesText);
-          },
+          fn: this.addRepositoryConfigTabPanel,
           scope: this
         },{
           label: this.navPluginsText,
-          fn: function(){
-            this.addTabPanel('plugins', 'pluginGrid', this.navPluginsText);
-          },
+          fn: this.addPluginTabPanel,
           scope: this
         }]
       }]);
@@ -184,16 +229,12 @@ Sonia.scm.Main = Ext.extend(Ext.util.Observable, {
 
       securitySection.links.push({
         label: this.navUsersText,
-        fn: function(){
-          this.addTabPanel('users', 'userPanel', this.navUsersText);
-        },
+        fn: this.addUsersTabPanel,
         scope: this
       });
       securitySection.links.push({
         label: this.navGroupsText,
-        fn: function(){
-          this.addTabPanel('groups', 'groupPanel', this.tabGroupsText);
-        },
+        fn: this.addGroupsTabPanel,
         scope: this
       });
     }