mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
new UI - clear selected items when switching to different page or sub-page.
This commit is contained in:
parent
ec01e0b423
commit
d341d1ab64
@ -41,14 +41,6 @@ $(document).ready(function() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
var $rightPanel = $("#right_panel");
|
|
||||||
var $addLink = $("#add_link");
|
|
||||||
//var $actionLink = $("#action_link");
|
|
||||||
//var $actionMenu = $("#action_menu");
|
|
||||||
//var $actionList = $("#action_menu #action_list");
|
|
||||||
var $midmenuContainer = $("#midmenu_container");
|
|
||||||
//var $actionListItem = $("#action_list_item");
|
|
||||||
|
|
||||||
$("#leftmenu_instance_group_header").bind("click", function(event) {
|
$("#leftmenu_instance_group_header").bind("click", function(event) {
|
||||||
var $arrowIcon = $(this).find("#arrow_icon");
|
var $arrowIcon = $(this).find("#arrow_icon");
|
||||||
clickInstanceGroupHeader($arrowIcon);
|
clickInstanceGroupHeader($arrowIcon);
|
||||||
@ -75,14 +67,16 @@ $(document).ready(function() {
|
|||||||
data: createURL("command="+apiName+"&response=json"),
|
data: createURL("command="+apiName+"&response=json"),
|
||||||
dataType: "json",
|
dataType: "json",
|
||||||
success: function(json) {
|
success: function(json) {
|
||||||
$midmenuContainer.empty();
|
$("#midmenu_container").empty();
|
||||||
|
selectedItemsInMidMenu = {};
|
||||||
|
|
||||||
var items = json[jsonResponse1][jsonResponse2];
|
var items = json[jsonResponse1][jsonResponse2];
|
||||||
if(items != null && items.length > 0) {
|
if(items != null && items.length > 0) {
|
||||||
for(var i=0; i<items.length;i++) {
|
for(var i=0; i<items.length;i++) {
|
||||||
var item = items[i];
|
var item = items[i];
|
||||||
var $midmenuItem1 = $midmenuItem.clone();
|
var $midmenuItem1 = $midmenuItem.clone();
|
||||||
jsonToMidmenu(item, $midmenuItem1, propertyForFirstRow, propertyForSecondRow, toRightPanelFn);
|
jsonToMidmenu(item, $midmenuItem1, propertyForFirstRow, propertyForSecondRow, toRightPanelFn);
|
||||||
$midmenuContainer.append($midmenuItem1.show());
|
$("#midmenu_container").append($midmenuItem1.show());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,14 +3,6 @@ function clickInstanceGroupHeader($arrowIcon) {
|
|||||||
var $vmPopup
|
var $vmPopup
|
||||||
var $rightPanelHeader;
|
var $rightPanelHeader;
|
||||||
var $rightPanelContent;
|
var $rightPanelContent;
|
||||||
var $instanceGroupContainer = $("#leftmenu_instance_group_container");
|
|
||||||
var $instanceGroupTemplate = $("#leftmenu_instance_group_template");
|
|
||||||
|
|
||||||
//var $actionLink = $("#action_link");
|
|
||||||
//var $actionMenu = $("#action_menu");
|
|
||||||
//var $actionList = $("#action_menu #action_list");
|
|
||||||
var $midmenuContainer = $("#midmenu_container");
|
|
||||||
//var $actionListItem = $("#action_list_item");
|
|
||||||
|
|
||||||
var $midmenuItem = $("#midmenu_item");
|
var $midmenuItem = $("#midmenu_item");
|
||||||
|
|
||||||
@ -480,12 +472,14 @@ function clickInstanceGroupHeader($arrowIcon) {
|
|||||||
}
|
}
|
||||||
for(var i=0; i < instanceGroupArray.length; i++) {
|
for(var i=0; i < instanceGroupArray.length; i++) {
|
||||||
if(instanceGroupArray[i]!=null && instanceGroupArray[i].length>0) {
|
if(instanceGroupArray[i]!=null && instanceGroupArray[i].length>0) {
|
||||||
var $groupTemplate = $instanceGroupTemplate.clone().show();
|
var $groupTemplate = $("#leftmenu_instance_group_template").clone().show();
|
||||||
$groupTemplate.find("#group_name").text(instanceGroupArray[i]);
|
$groupTemplate.find("#group_name").text(instanceGroupArray[i]);
|
||||||
|
|
||||||
$groupTemplate.bind("click", function(event) {
|
$groupTemplate.bind("click", function(event) {
|
||||||
//$(this).removeClass("leftmenu_content").addClass("leftmenu_content_selected");
|
//$(this).removeClass("leftmenu_content").addClass("leftmenu_content_selected");
|
||||||
$("#midmenu_container").empty();
|
$("#midmenu_container").empty();
|
||||||
|
selectedItemsInMidMenu = {};
|
||||||
|
|
||||||
var groupName = $(this).find("#group_name").text();
|
var groupName = $(this).find("#group_name").text();
|
||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
@ -511,7 +505,7 @@ function clickInstanceGroupHeader($arrowIcon) {
|
|||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
|
|
||||||
$instanceGroupContainer.append($groupTemplate);
|
$("#leftmenu_instance_group_container").append($groupTemplate);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -525,7 +519,7 @@ function clickInstanceGroupHeader($arrowIcon) {
|
|||||||
}
|
}
|
||||||
else if($arrowIcon.hasClass("open") == true) {
|
else if($arrowIcon.hasClass("open") == true) {
|
||||||
$arrowIcon.removeClass("open").addClass("close");
|
$arrowIcon.removeClass("open").addClass("close");
|
||||||
$instanceGroupContainer.empty();
|
$("#leftmenu_instance_group_container").empty();
|
||||||
}
|
}
|
||||||
//***** VM Detail (end) ********************************************************************************
|
//***** VM Detail (end) ********************************************************************************
|
||||||
$("#right_panel").load("jsp/instance.jsp", function() {
|
$("#right_panel").load("jsp/instance.jsp", function() {
|
||||||
|
|||||||
@ -163,7 +163,6 @@ function doActionForMidMenu(id, $actionLink, apiCommand, listAPIMap) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function handleErrorInMidMenu(XMLHttpResponse, $midmenuItem) {
|
function handleErrorInMidMenu(XMLHttpResponse, $midmenuItem) {
|
||||||
debugger;
|
|
||||||
$midmenuItem.find("#content").removeClass("inaction");
|
$midmenuItem.find("#content").removeClass("inaction");
|
||||||
$midmenuItem.find("#spinning_wheel").hide();
|
$midmenuItem.find("#spinning_wheel").hide();
|
||||||
$midmenuItem.find("#info_icon").addClass("error").show();
|
$midmenuItem.find("#info_icon").addClass("error").show();
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user