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 = [];
-var menuSelectedTitle = Array();
 var _ENV_CURRENT_DATE;
 var winTree;
 
@@ -23,57 +22,56 @@ ActionTabFrameGlobal.tabTitle = '';
 ActionTabFrameGlobal.tabData = '';
 
 Ext.onReady(function(){
+  openToRevisePanel = function() {
+    var treeToRevise = new Ext.tree.TreePanel({
+      title: treeToReviseTitle,
+      width: 250,
+      height: 250,
+      userArrows: true,
+      animate: true,
+      autoScroll: true,
+      rootVisible: false,
+      dataUrl: casesPanelUrl,
+      root: {
+        nodeType: 'async',
+        text    : 'To Revise',
+        id      : 'node-root'
+      },
+      listeners: {
+        render: function() {
+          this.expandAll();
+        }
+      }
+    });
+
+    if (typeof(winTree) == 'undefined') {
+      winTree = new Ext.Window({
+        id          : 'toReviseWindow',
+        width       : 220,
+        height      : 300,
+        el          : 'toReviseTree',
+        collapsible : true,
+        plain       : true,
+        x           : 100,
+        y           : 100,
+        constrain   : true,
+        items       : [treeToRevise]
+      });
+    }
+  };
+
   Ext.QuickTips.init();
   showCaseNavigatorPanel = function(app_status) {
-
+    if (typeof(treeToReviseTitle) != 'undefined') {
-    if (typeof(treeToReviseTitle) != 'undefined'){
+      openToRevisePanel();
-      var treeToRevise = new Ext.tree.TreePanel({
-        title: treeToReviseTitle,
-        width: 250,
-        height: 250,
-        userArrows: true,
-        animate: true,
-        autoScroll: true,
-        rootVisible: false,
-        dataUrl: casesPanelUrl,
-        root: {
-            nodeType : 'async',
-            text     : 'To Revise',
-            id       : 'node-root'
-        },
-        listeners: {
-            render: function() {
-                this.expandAll();
-            }
-        }
-      });
-
-      if (typeof(winTree) == 'undefined') {
-        winTree = new Ext.Window({
-          id          : 'toReviseWindow',
-          width       : 220,
-          height      : 300,
-          el          : 'toReviseTree',
-          collapsible : true,
-          plain       : true,
-          x           : 100,
-          y           : 100,
-          closable    : false,
-          constrain   : true,
-          items       : [treeToRevise]
-        });
-      }
-
-      if (!toReviseTreeOpen){
-        winTree.show(this);
-        toReviseTreeOpen = true;
-      }
     }
 
-    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':
-              Ext.getCmp('casesStepTree').root.reload();
+              if (typeof(treeToReviseTitle) == 'undefined') {
+                Ext.getCmp('casesStepTree').root.reload();
+              }
               Ext.getCmp('stepsMenu').enable();
               break;
             case 'NOTES':
@@ -158,39 +158,54 @@ Ext.onReady(function(){
   }
 
   function togglePreview(btn, pressed){
-    var preview = Ext.getCmp('navPanelWest');
+    if (typeof(treeToReviseTitle) == 'undefined') {
-    preview[pressed ? 'show' : 'hide']();
+      var preview = Ext.getCmp('navPanelWest');
-    Ext.getCmp('navPanel').ownerCt.doLayout();
+      preview[pressed ? 'show' : 'hide']();
-  }
+      Ext.getCmp('navPanel').ownerCt.doLayout();
-
+    }
-  var casesStepTree = new Ext.tree.TreePanel({
+    else {
-    id: 'casesStepTree',
+      if (winTree.isVisible()) {
-    autoWidth: true,
+        winTree.hide();
-    userArrows: true,
+      }
-    animate: true,
+      else  {
-    autoScroll: true,
+        winTree.show();
-    dataUrl: 'ajaxListener?action=steps',
-    rootVisible: false,
-    containerScroll: true,
-    border: false,
-    root: {
-      nodeType: 'async'
-    },
-
-    listeners: {
-      render: function() {
-        this.getRootNode().expand();
-      },
-      click: function(tp) {
-        if( tp.attributes.url ){
-          document.getElementById('openCaseFrame').src = tp.attributes.url;
-        }
       }
     }
-  })
+  }
 
-  var loader = casesStepTree.getLoader();
+  if (typeof(treeToReviseTitle) == 'undefined') {
-  loader.on("load", setNodeini);    
+    var casesStepTree = new Ext.tree.TreePanel({
+      id: 'casesStepTree',
+      autoWidth: true,
+      userArrows: true,
+      animate: true,
+      autoScroll: true,
+      dataUrl: 'ajaxListener?action=steps',
+      rootVisible: false,
+      containerScroll: true,
+      border: false,
+      root: {
+        nodeType: 'async'
+      },
+
+      listeners: {
+        render: function() {
+          this.getRootNode().expand();
+        },
+        click: function(tp) {
+          if( tp.attributes.url ){
+            document.getElementById('openCaseFrame').src = tp.attributes.url;
+          }
+        }
+      }
+    })
+
+    var loader = casesStepTree.getLoader();
+    loader.on("load", setNodeini);
+  }
+  else {
+    var casesStepTree = {};
+  }
 
   function setNodeini()
   {