apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-11-02 20:02:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

new UI - left menu - collapse other menu before expand a menu. Only keep one menu open at a time.

Browse Source
This commit is contained in:
Jessica Wang 2010-10-14 09:59:46 -07:00
parent d0e914a68d
commit e80d32ba5c
2 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
ui/new/scripts/cloud.core2.init.js
View File

@ -1,16 +1,28 @@
$(document).ready(function() {
$(document).ready(function() {
function expandFirstLevelMenu($firstLevelMenu, $secondLevelMenu) {
$firstLevelMenu.find("#expandable_first_level_arrow").removeClass("close").addClass("open");
$firstLevelMenu.addClass("highlighted");
$expandedFirstLevelMenu = $firstLevelMenu;
$secondLevelMenu.show();
$expandedSecondLevelMenu = $secondLevelMenu;
}
function collapseFirstLevelMenu($firstLevelMenu, $secondLevelMenu) {
$firstLevelMenu.find("#expandable_first_level_arrow").removeClass("open").addClass("close");
$firstLevelMenu.removeClass("highlighted");
$secondLevelMenu.hide();
}
$("#leftmenu_container").find("#expandable_first_level").bind("click", function(event) {
var $firstLevelMenu = $(this);
var $secondLevelMenu = $firstLevelMenu.siblings(".leftmenu_expandedbox");
if($secondLevelMenu.css("display") == "none") {
$firstLevelMenu.find("#expandable_first_level_arrow").removeClass("close").addClass("open");
$firstLevelMenu.addClass("highlighted");
$secondLevelMenu.show();
if($expandedFirstLevelMenu != null && $expandedSecondLevelMenu != null) //collapse other expanded menu if there is.
collapseFirstLevelMenu($expandedFirstLevelMenu, $expandedSecondLevelMenu);
expandFirstLevelMenu($firstLevelMenu, $secondLevelMenu);
}
else {
$firstLevelMenu.find("#expandable_first_level_arrow").removeClass("open").addClass("close");
$firstLevelMenu.removeClass("highlighted");
$secondLevelMenu.hide();
collapseFirstLevelMenu($firstLevelMenu, $secondLevelMenu);
}
return false;
});

4
ui/new/scripts/cloud.core2.js
View File

@ -504,9 +504,9 @@ function selectLeftMenu($menuToSelect) {
$selectedLeftMenu = $menuToSelect;
}
var $expandedFirstLevelMenu, $expandedSecondLevelMenu;
var selected_midmenu_id = null;
var selected_midmenu_id = null;
function hideMiddleMenu() {
$("#middle_menu, #search_panel, #middle_menu_pagination").hide();
$("#right_panel").removeClass("main_contentarea").addClass("main_contentarea_dashboard");