* finish task #2730.

module/bug/css/browse.css

@@ -13,3 +13,6 @@
 .dropdown-list > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.53846154; color: #141414; white-space: nowrap;}
 .dropdown-list > li > a:hover,
 .dropdown-list > li > a:focus {color: #1a4f85;text-decoration: none;background-color: #ddd;}
+
+#treebox{position:fixed;margin-left:20px;}
+.outer.hide-side #treebox{margin-left:0px;}

module/bug/js/browse.js

@@ -19,4 +19,10 @@ $(document).ready(function()
     });
     setTimeout(function(){fixedTfootAction('#bugForm')}, 100);
     setTimeout(function(){fixedTheadOfList('#bugList')}, 100);
+
+    var treeMaxHeight = document.documentElement.clientHeight - $('#header').height() - $('#featurebar').height() - $('#footer').height() - $('#treebox .side-body .panel-heading').height() - 120;
+    if($('#treebox').height() > $('#bugList').height()) treeMaxHeight -= 20;
+    $('#treebox .side-body .panel-body').children().each(function(){if(!$(this).hasClass('tree')) treeMaxHeight -= $(this).height()});
+    $('#treebox .tree').css({'max-height':treeMaxHeight, 'overflow-y': 'auto', 'overflow-x':'hidden'})
+    if(moduleID > 0)$('#treebox .tree').scrollTop($('#treebox .tree #module' + moduleID).offset().top - $('#treebox .tree li[data-id="1"]').offset().top);
 });

module/product/css/browse.css

@@ -6,6 +6,8 @@
 .dropdown-list > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.53846154; color: #141414; white-space: nowrap;}
 .dropdown-list > li > a:hover,
 .dropdown-list > li > a:focus {color: #1a4f85;text-decoration: none;background-color: #ddd;}
+#treebox{position:fixed;margin-left:20px;}
+.outer.hide-side #treebox{margin-left:0px;}
 
 .pl-5px{padding-left:5px;}
 a.removeModule{color:#ddd}

module/product/js/browse.js

@@ -23,4 +23,10 @@ $(function()
     $('.popoverStage').mouseout(function(){$(this).popover('hide')});
     setTimeout(function(){fixedTfootAction('#productStoryForm')}, 100);
     setTimeout(function(){fixedTheadOfList('#storyList')}, 100);
+
+    var treeMaxHeight = document.documentElement.clientHeight - $('#header').height() - $('#featurebar').height() - $('#footer').height() - $('#treebox .side-body .panel-heading').height() - 120;
+    if($('#treebox').height() > $('#storyList').height()) treeMaxHeight -= 20;
+    $('#treebox .side-body .panel-body').children().each(function(){if(!$(this).hasClass('tree')) treeMaxHeight -= $(this).height()});
+    $('#treebox .tree').css({'max-height':treeMaxHeight, 'overflow-y': 'auto', 'overflow-x':'hidden'})
+    if(moduleID > 0)$('#treebox .tree').scrollTop($('#treebox .tree #module' + moduleID).offset().top - $('#treebox .tree li[data-id="1"]').offset().top);
 })

module/product/view/browse.html.php

@@ -285,6 +285,7 @@
   </form>
 </div>
 <script language='javascript'>
+var moduleID = <?php echo $moduleID?>;
 $('#module<?php echo $moduleID;?>').addClass('active');
 $('#<?php echo ($browseType == 'bymodule' and $this->session->storyBrowseType == 'bysearch') ? 'all' : $this->session->storyBrowseType;?>Tab').addClass('active');
 <?php if($browseType == 'bysearch'):?>

module/project/css/task.css

@@ -18,3 +18,6 @@
 .dropdown-list > li > a:focus {color: #1a4f85;text-decoration: none;background-color: #ddd;}
 
 .pl-5px{padding-left:5px;}
+
+#taskTree{position:fixed;margin-left:20px;}
+.outer.hide-side #taskTree{margin-left:0px;}

module/project/js/task.js

@@ -20,6 +20,12 @@ $(function()
             $option.toggleClass('hide', $option.text().toString().toLowerCase().indexOf(val) < 0 && $option.data('key').toString().toLowerCase().indexOf(val) < 0);
         });
     });
+
+    var treeMaxHeight = document.documentElement.clientHeight - $('#header').height() - $('#featurebar').height() - $('#footer').height() - $('#taskTree .side-body .panel-heading').height() - 120;
+    if($('#taskTree').height() > $('#taskList').height()) treeMaxHeight -= 20;
+    $('#taskTree .side-body .panel-body').children().each(function(){if(!$(this).hasClass('tree')) treeMaxHeight -= $(this).height()});
+    $('#taskTree .tree').css({'max-height':treeMaxHeight, 'overflow-y': 'auto', 'overflow-x':'hidden'})
+    if(moduleID > 0)$('#taskTree .tree').scrollTop($('#taskTree .tree #module' + moduleID).offset().top - $('#taskTree .tree li[data-id="1"]').offset().top);
 });
 
 $('#module' + moduleID).addClass('active');

module/testcase/css/browse.css

@@ -10,3 +10,5 @@
 .dropdown-list > li > a:focus {color: #1a4f85;text-decoration: none;background-color: #ddd;}
 
 .pl-5px{padding-left:5px;}
+#treebox{position:fixed;margin-left:20px;}
+.outer.hide-side #treebox{margin-left:0px;}

module/testcase/js/browse.js

@@ -44,4 +44,10 @@ $(document).ready(function()
     });
 
     setModal4List('runCase', 'caseList');
+
+    var treeMaxHeight = document.documentElement.clientHeight - $('#header').height() - $('#featurebar').height() - $('#footer').height() - $('#treebox .side-body .panel-heading').height() - 120;
+    if($('#treebox').height() > $('#caseList').height()) treeMaxHeight -= 20;
+    $('#treebox .side-body .panel-body').children().each(function(){if(!$(this).hasClass('tree')) treeMaxHeight -= $(this).height()});
+    $('#treebox .tree').css({'max-height':treeMaxHeight, 'overflow-y': 'auto', 'overflow-x':'hidden'})
+    if(moduleID > 0)$('#treebox .tree').scrollTop($('#treebox .tree #module' + moduleID).offset().top - $('#treebox .tree li[data-id="1"]').offset().top);
 });

module/testtask/css/cases.css

@@ -1,2 +1,4 @@
 tfoot .table-actions #assignedTo_chosen a.chosen-default{height:26px;line-height:15px}
 tfoot .table-actions .input-group-addon{padding:5px 12px;}
+#casesbox{position:fixed;margin-left:20px;}
+.outer.hide-side #casesbox{margin-left:0px;}

module/testtask/js/cases.js

@@ -4,4 +4,10 @@ $(document).ready(function()
     if(browseType == 'bysearch') ajaxGetSearchForm();
     setTimeout(function(){fixedTfootAction('#casesForm')}, 100);
     setTimeout(function(){fixedTheadOfList('#caseList')}, 100);
+
+    var treeMaxHeight = document.documentElement.clientHeight - $('#header').height() - $('#featurebar').height() - $('#footer').height() - $('#casesbox .side-body .panel-heading').height() - 120;
+    if($('#casesbox').height() > $('#caseList').height()) treeMaxHeight -= 20;
+    $('#casesbox .side-body .panel-body').children().each(function(){if(!$(this).hasClass('tree')) treeMaxHeight -= $(this).height()});
+    $('#casesbox .tree').css({'max-height':treeMaxHeight, 'overflow-y': 'auto', 'overflow-x':'hidden'});
+    if(moduleID > 0)$('#casesbox .tree').scrollTop($('#casesbox .tree #module' + moduleID).offset().top - $('#casesbox .tree li[data-id="1"]').offset().top);
 });