etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

new UI - left navigation menu - highlight selected menu.

This commit is contained in:
Jessica Wang 2010-09-14 20:25:05 -07:00
parent 012f097885
commit eb4ec49ec9
3 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -45,7 +45,13 @@ $(document).ready(function() {
var $midmenuItem = $("#midmenu_item");
function listMidMenuItems(leftmenuId, commandString, jsonResponse1, jsonResponse2, rightPanelJSP, afterLoadRightPanelJSP, toMidmenu, toRightPanel) {
$("#"+leftmenuId).bind("click", function(event) {
if(selected_leftmenu_id != null && selected_leftmenu_id.length > 0)
$("#"+selected_leftmenu_id).removeClass("selected");
selected_leftmenu_id = leftmenuId;
$(this).addClass("selected");
clearMidMenu();
$("#right_panel").load(rightPanelJSP, function(){
afterLoadRightPanelJSP();
$.ajax({

9
ui/new/scripts/cloud.core2.instance.js
View File

@ -508,12 +508,17 @@ function clickInstanceGroupHeader($arrowIcon) {
}
for(var i=0; i < instanceGroupArray.length; i++) {
if(instanceGroupArray[i]!=null && instanceGroupArray[i].length>0) {
var $leftmenuSubmenuTemplate = $("#leftmenu_submenu_template").clone().show();
var $leftmenuSubmenuTemplate = $("#leftmenu_submenu_template").clone().show();
$leftmenuSubmenuTemplate.attr("id", ("leftmenu_instance_group_"+i));
$leftmenuSubmenuTemplate.find("#submenu_name").text(instanceGroupArray[i]);
$leftmenuSubmenuTemplate.find("#icon").attr("src", "images/instance_leftmenuicon.png").show();
$leftmenuSubmenuTemplate.bind("click", function(event) {
//$(this).removeClass("leftmenu_content").addClass("leftmenu_content_selected");
if(selected_leftmenu_id != null && selected_leftmenu_id.length > 0)
$("#"+selected_leftmenu_id).removeClass("selected");
selected_leftmenu_id = $(this).attr("id");
$(this).addClass("selected");
$("#midmenu_container").empty();
selectedItemsInMidMenu = {};

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

@ -529,6 +529,8 @@ function clearRightPanel() {
$("#right_panel_content #action_message_box").hide();
}
var selected_leftmenu_id = null;