* finish task#1659.

* finish task#1661.

module/bug/css/browse.css

@@ -4,3 +4,4 @@
 .confirm0 {color:gray;  font-size:9px}
 .confirm1 {color:green; font-size:9px}
 tfoot .f-left {color:#141414;}
+form {position:relative}

module/bug/view/browse.html.php

@@ -65,6 +65,7 @@ js::set('customed', $customed);
 ?>
 
 <form method='post' action='<?php echo inLink('batchEdit', "productID=$productID");?>'>
+  <div class='treeSlider'><span>&nbsp;</span></div>
   <table class='cont-lt1'>
     <tr valign='top'>
       <td class='side <?php echo $treeClass;?>' id='treebox'>

module/company/css/browse.css

@@ -1 +1,2 @@
 .icon-green-user-unlock {padding:2px 8px; background:url(theme/default/images/main/zt-icons.png) -20px -460px;}
+form {position:relative}

module/product/css/browse.css

@@ -121,3 +121,5 @@
 /* Disabled button and disabled link. */
 .groupButton input[disabled='disabled'] {background:#eee; color:#ccc}
 .listMenu li a.disabled {color:#ccc}
+
+form {position:relative}

module/product/view/browse.html.php

@@ -39,7 +39,9 @@ var browseType = '<?php echo $browseType;?>';
   </div>
 </div>
 <div id='querybox' class='<?php if($browseType !='bysearch') echo 'hidden';?>'></div>
+
 <form method='post' id='productStoryForm'>
+  <div class='treeSlider'><span>&nbsp;</span></div>
   <table class='cont-lt1'>
     <tr valign='top'>
       <td class='side <?php echo $treeClass;?>' id='treebox'>

module/project/css/task.css

@@ -3,3 +3,4 @@
 #sidebar{position:absolute;left:15px;top:185px;width:20px;height:20px;cursor:pointer;background:url(theme/default/images/main/zt-icons.png) -81px  -161px;}
 #hideButton{cursor:pointer;}
 #hideButton span{padding:2px 10px; background:url(theme/default/images/main/zt-icons.png) -100px  -161px;}
+form { position:relative }

module/project/view/task.html.php

@@ -22,6 +22,8 @@
 var browseType  = '<?php echo $browseType;?>';
 </script>
 <div id='querybox' class='<?php if($browseType != 'bysearch') echo 'hidden';?>'></div>
+<form method='post' id='projectTaskForm'>
+<div class='treeSlider'><span>&nbsp;</span></div>
 <table class='cont-lt2'>
   <tr valign='top'>
     <td class='side'>
@@ -38,12 +40,11 @@ var browseType  = '<?php echo $browseType;?>';
     </td>
     <td class='divider'></td>
     <td>
-      <form method='post' id='projectTaskForm'>
       <?php include "./tasklist.html.php"?>
-      </form>
     </td>
   </tr>
 </table>
+</form>
 <script language='javascript'>
 $('#project<?php echo $projectID;?>').addClass('active')
 $('#<?php echo $browseType;?>Tab').addClass('active')

module/testcase/css/browse.css

@@ -1,2 +1,3 @@
 .w-220px{width:220px}
 #featurebar .f-right .icon-green-testcase-import {padding:2px 8px; background:url(theme/default/images/main/zt-icons.png) 0px   -82px;}
+form {position:relative}

module/testcase/view/browse.html.php

@@ -38,6 +38,8 @@ js::set('moduleID'  , $moduleID);
   </div>
 </div>
 <div id='querybox' class='<?php if($browseType != 'bysearch') echo 'hidden';?>'></div>
+<form id='batchForm' method='post'>
+<div class='treeSlider'><span>&nbsp;</span></div>
 <table class='cont-lt1'>
   <tr valign='top'>
     <td class='side <?php echo $treeClass;?>'>
@@ -52,10 +54,9 @@ js::set('moduleID'  , $moduleID);
     </td>
     <td class='divider <?php echo $treeClass;?>'></td>
     <td>
-      <form id='batchForm' method='post'>
       <?php include 'caselist.html.php';?>
-      </form>
     </td>              
   </tr>              
 </table>              
+</form>
 <?php include '../../common/view/footer.html.php';?>

www/js/my.full.js

@@ -285,6 +285,34 @@ function toggleHelpLink()
     if($.cookie('help') == 'on')  return $.cookie('help', 'off', {expires:config.cookieLife, path:config.webRoot});
 }
 
+/**
+ * Toggle tree menu.
+  
+ * @access public
+ * @return void
+ */
+function toggleTreeBox()
+{
+    var treeSliderH = $(window).height() - $('#header').height() - $('#navbar').height() - $('#featurebar').height() - $('#footer').height() - 15;
+
+    $('.treeSlider').height(treeSliderH);
+    $('.treeSlider').toggle
+    (
+        function()
+        {
+            $('.side').hide()
+            $('.treeSlider span').css("border-right", "0 none");
+            $('.treeSlider span').css("border-left", "4px solid #000000");
+        }, 
+        function()
+        {
+            $('.side').show()
+            $('.treeSlider span').css("border-right", "4px solid #000000");
+            $('.treeSlider span').css("border-left", "0 none");
+        }
+    );
+}
+
 /**
  * Set language.
  * 
@@ -802,6 +830,7 @@ $(document).ready(function()
 
     autoCheck();
     toggleSearch();
+    toggleTreeBox();
 
     hideClearDataLink();
 

www/theme/default/style.css

@@ -348,6 +348,30 @@ table.tablesorter thead tr .headerSortDown {background-image: url(./images/table
 
 #featurebar .dp-choose-date {padding:0px;}
 
+/* Tree slider. */
+.treeSlider
+{
+  position:absolute; 
+  background-color: #F1F1F1; 
+  background-repeat: repeat-x; 
+  border: 1px solid #eee; 
+  cursor: pointer; 
+  width:8px; 
+  left:-15px;
+  border-radius:0px 10px 10px 0px
+}
+.treeSlider span { 
+  position:absolute; 
+  top:50%; 
+  left:2px; 
+  border-bottom: 4px solid transparent; 
+  border-top: 4px solid transparent; 
+  border-right: 4px solid #000000; 
+  border-left: 0 none; 
+  height: 0; 
+  width: 0; 
+}
+
 /* Tree menu. */
 .tree li      {list-style-type:none;}
 .tree .active {color:blue; font-weight:bold}