BUG 9012 Hide Step List SOLVED

- The steps tree cannot be closed
- Added a close icon to the steps tree panel and the panel now can be open when click in the "Steps" button

workflow/engine/templates/cases/open.js

@@ -3,8 +3,7 @@ var showCaseNavigatorPanel;
 var hideCaseNavigatorPanel;
 var informationMenu;
 var caseMenuOpen = false;
-var toReviseTreeOpen = false;
-var menuSelectedTitle = Array();
+var menuSelectedTitle = [];
 var _ENV_CURRENT_DATE;
 var winTree;
 
@@ -23,10 +22,7 @@ ActionTabFrameGlobal.tabTitle = '';
 ActionTabFrameGlobal.tabData = '';
 
 Ext.onReady(function(){
-  Ext.QuickTips.init();
-  showCaseNavigatorPanel = function(app_status) {
-
-    if (typeof(treeToReviseTitle) != 'undefined'){
+  openToRevisePanel = function() {
     var treeToRevise = new Ext.tree.TreePanel({
       title: treeToReviseTitle,
       width: 250,
@@ -58,22 +54,24 @@ Ext.onReady(function(){
         plain       : true,
         x           : 100,
         y           : 100,
-          closable    : false,
         constrain   : true,
         items       : [treeToRevise]
       });
     }
+  };
 
-      if (!toReviseTreeOpen){
-        winTree.show(this);
-        toReviseTreeOpen = true;
-      }
+  Ext.QuickTips.init();
+  showCaseNavigatorPanel = function(app_status) {
+    if (typeof(treeToReviseTitle) != 'undefined') {
+      openToRevisePanel();
     }
 
-    if( caseMenuOpen )
+    if (caseMenuOpen) {
       return false;
-    else
+    }
+    else {
       caseMenuOpen = true;
+    }
 
     //get the menu
     Ext.Ajax.request({
@@ -84,7 +82,9 @@ Ext.onReady(function(){
         for(i=0; i<data.length; i++) {
           switch(data[i].id) {
             case 'STEPS':
+              if (typeof(treeToReviseTitle) == 'undefined') {
                 Ext.getCmp('casesStepTree').root.reload();
+              }
               Ext.getCmp('stepsMenu').enable();
               break;
             case 'NOTES':
@@ -158,11 +158,22 @@ Ext.onReady(function(){
   }
 
   function togglePreview(btn, pressed){
+    if (typeof(treeToReviseTitle) == 'undefined') {
       var preview = Ext.getCmp('navPanelWest');
       preview[pressed ? 'show' : 'hide']();
       Ext.getCmp('navPanel').ownerCt.doLayout();
     }
+    else {
+      if (winTree.isVisible()) {
+        winTree.hide();
+      }
+      else  {
+        winTree.show();
+      }
+    }
+  }
 
+  if (typeof(treeToReviseTitle) == 'undefined') {
     var casesStepTree = new Ext.tree.TreePanel({
       id: 'casesStepTree',
       autoWidth: true,
@@ -191,6 +202,10 @@ Ext.onReady(function(){
 
     var loader = casesStepTree.getLoader();
     loader.on("load", setNodeini);
+  }
+  else {
+    var casesStepTree = {};
+  }
 
   function setNodeini()
   {