Create shared function vmJsonToRightPanel()

This commit is contained in:
jessica 2010-08-25 20:46:01 -07:00 committed by unknown
parent 6ec5455579
commit bd46014574
2 changed files with 70 additions and 67 deletions

View File

@ -585,7 +585,7 @@
<strong id="vm_name"></strong>
</p>
<p id="ip_address_container">
IP Address: <span id="ip_address"></span>
<span id="label">IP Address: </span><span id="ip_address"></span>
</p>
</div>
<div class="midmenu_selectedloader" id="spinning_wheel" style="display: none;">

View File

@ -53,14 +53,58 @@ function clickInstanceGroupHeader($arrowIcon) {
}
function setMidmenuItemVm(instance, $midmenuItemVm1) {
function setMidmenuItemVm(instance, $midmenuItemVm1) {
$midmenuItemVm1.attr("id", ("midmenuItemVm_"+instance.id));
$midmenuItemVm1.data("id", instance.id);
var vmName = getVmName(instance.name, instance.displayname);
$midmenuItemVm1.data("jsonObj", instance);
/*
$midmenuItemVm1.data("vmName", vmName);
$midmenuItemVm1.data("ipAddress", sanitizeXSS(instance.ipaddress));
$midmenuItemVm1.data("zoneName", sanitizeXSS(instance.zonename));
$midmenuItemVm1.data("templateName", sanitizeXSS(instance.templatename));
$midmenuItemVm1.data("serviceOfferingName", sanitizeXSS(instance.serviceofferingname));
$midmenuItemVm1.data("haEnable", instance.haenable);
$midmenuItemVm1.data("created", instance.created);
$midmenuItemVm1.data("account", sanitizeXSS(instance.account));
$midmenuItemVm1.data("domain", sanitizeXSS(instance.domain));
$midmenuItemVm1.data("hostName", sanitizeXSS(instance.hostname));
$midmenuItemVm1.data("group", sanitizeXSS(instance.group));
$midmenuItemVm1.data("state", instance.state);
$midmenuItemVm1.data("isoId", instance.isoid);
*/
$midmenuItemVm1.find("#vm_name").text(vmName);
$midmenuItemVm1.find("#ip_address").text(instance.ipaddress);
$midmenuItemVm1.find("#ip_address").text(instance.ipaddress);
updateVirtualMachineStateInMidMenu(instance.state, $midmenuItemVm1);
}
function vmJsonToRightPanel(jsonObj) {
var vmName = getVmName(jsonObj.name, jsonObj.displayname);
$rightPanelHeader.find("#vm_name").text(vmName);
updateVirtualMachineStateInRightPanel(jsonObj.state);
$rightPanelContent.find("#ipAddress").text(jsonObj.ipaddress);
$rightPanelContent.find("#zoneName").text(jsonObj.zonename);
$rightPanelContent.find("#templateName").text(jsonObj.templatename);
$rightPanelContent.find("#serviceOfferingName").text(jsonObj.serviceofferingname);
if(jsonObj.haenable == "true")
$rightPanelContent.find("#ha").removeClass("cross_icon").addClass("tick_icon");
else
$rightPanelContent.find("#ha").removeClass("tick_icon").addClass("cross_icon");
$rightPanelContent.find("#created").text(jsonObj.created);
$rightPanelContent.find("#account").text(jsonObj.account);
$rightPanelContent.find("#domain").text(jsonObj.domain);
$rightPanelContent.find("#hostName").text(jsonObj.hostname);
$rightPanelContent.find("#group").text(jsonObj.group);
if(jsonObj.isoid != null && jsonObj.isoid.length > 0)
$rightPanelContent.find("#iso").removeClass("cross_icon").addClass("tick_icon");
else
$rightPanelContent.find("#iso").removeClass("tick_icon").addClass("cross_icon");
}
@ -93,43 +137,24 @@ function clickInstanceGroupHeader($arrowIcon) {
if(instanceGroupArray[i]!=null && instanceGroupArray[i].length>0) {
var $groupTemplate = $instanceGroupTemplate.clone().show();
$groupTemplate.find("#group_name").text(instanceGroupArray[i]);
$groupTemplate.bind("click", function(event) {
//$(this).removeClass("leftmenu_content").addClass("leftmenu_content_selected");
$("#midmenu_container").empty();
var groupName = $(this).find("#group_name").text();
var instances = instanceGroupMap[groupName];
for(var i=0; i<instances.length;i++) {
var instance = instances[i];
var $midmenuItemVm1 = $midmenuItemVm.clone().attr("id", ("midmenuItemVm_"+instance.id));
//debugger;
setMidmenuItemVm(instance, $midmenuItemVm1);
// var vmName = getVmName(instance.name, instance.displayname);
// $midmenuItemVm1.find("#vm_name").text(vmName);
// $midmenuItemVm1.find("#ip_address").text(instance.ipaddress);
// updateVirtualMachineStateInMidMenu(instance.state, $midmenuItemVm1);
var $midmenuItemVm1 = $midmenuItemVm.clone();
setMidmenuItemVm(instance, $midmenuItemVm1);
$midmenuItemVm1.data("id", instance.id);
$midmenuItemVm1.data("vmName", getVmName(instance.name, instance.displayname));
$midmenuItemVm1.data("ipAddress", sanitizeXSS(instance.ipaddress));
$midmenuItemVm1.data("zoneName", sanitizeXSS(instance.zonename));
$midmenuItemVm1.data("templateName", sanitizeXSS(instance.templatename));
$midmenuItemVm1.data("serviceOfferingName", sanitizeXSS(instance.serviceofferingname));
$midmenuItemVm1.data("haEnable", instance.haenable);
$midmenuItemVm1.data("created", instance.created);
$midmenuItemVm1.data("account", sanitizeXSS(instance.account));
$midmenuItemVm1.data("domain", sanitizeXSS(instance.domain));
$midmenuItemVm1.data("hostName", sanitizeXSS(instance.hostname));
$midmenuItemVm1.data("group", sanitizeXSS(instance.group));
$midmenuItemVm1.data("state", instance.state);
$midmenuItemVm1.data("isoId", instance.isoid);
//begin of $midmenuItemVm1.bind("click")
$midmenuItemVm1.bind("click", function(event) {
var $t = $(this);
var id = $t.data("id");
var id = $t.data("id");
/*
var vmName = $t.data("vmName");
var ipAddress = $t.data("ipAddress");
var zoneName = $t.data("zoneName");
@ -143,43 +168,31 @@ function clickInstanceGroupHeader($arrowIcon) {
var group = $t.data("group");
var state = $t.data("state");
var isoId = $t.data("isoId");
*/
$t.find("#content").addClass("selected");
$t.find("#content").addClass("selected");
if(!(id in selectedItemIds))
selectedItemIds[id] = null;
//populate right panel (begin)
if($t.find("#info_icon").css("display") != "none") {
$rightPanelContent.find("#after_action_info").text($t.data("afterActionInfo"));
if($t.find("#info_icon").hasClass("error"))
$rightPanelContent.find("#after_action_info_container").addClass("errorbox");
else
$rightPanelContent.find("#after_action_info_container").removeClass("errorbox");
$rightPanelContent.find("#after_action_info_container").show();
}
else {
$rightPanelContent.find("#after_action_info").text("");
$rightPanelContent.find("#after_action_info_container").hide();
}
$rightPanelContent.show();
$rightPanelContent.show();
$rightPanelHeader.find("#vm_name").text(vmName);
updateVirtualMachineStateInRightPanel(state);
$rightPanelContent.find("#ipAddress").text(ipAddress);
$rightPanelContent.find("#zoneName").text(zoneName);
$rightPanelContent.find("#templateName").text(templateName);
$rightPanelContent.find("#serviceOfferingName").text(serviceOfferingName);
if(haEnable == "true")
$rightPanelContent.find("#ha").removeClass("cross_icon").addClass("tick_icon");
else
$rightPanelContent.find("#ha").removeClass("tick_icon").addClass("cross_icon");
$rightPanelContent.find("#created").text(created);
$rightPanelContent.find("#account").text(account);
$rightPanelContent.find("#domain").text(domain);
$rightPanelContent.find("#hostName").text(hostName);
$rightPanelContent.find("#group").text(group);
if(isoId != null && isoId.length > 0)
$rightPanelContent.find("#iso").removeClass("cross_icon").addClass("tick_icon");
else
$rightPanelContent.find("#iso").removeClass("tick_icon").addClass("cross_icon");
var jsonObj = $t.data("jsonObj");
vmJsonToRightPanel(jsonObj);
$rightPanelHeader.show();
$rightPanelContent.show();
//populate right panel (end)
return false;
@ -823,18 +836,9 @@ function clickInstanceGroupHeader($arrowIcon) {
var $t = $("#midmenu_item_vm").clone();
$t.find("#vm_name").text("Adding....");
$t.find("#status_icon_container, #ip_address_container").hide();
$t.find("#ip_address_container #label").hide();
$t.find("#spinning_wheel").show();
$("#midmenu_container").append($t.show());
/*
var vmInstance = vmInstanceTemplate.clone(true);
// Add it to the DOM
showInstanceLoading(vmInstance, "Creating...");
vmInstance.find("#vm_state_bar").removeClass("admin_vmred_arrow admin_vmgreen_arrow").addClass("admin_vmgrey_arrow");
vmInstance.find("#vm_state").text("Creating").removeClass("grid_stoppedtitles grid_runningtitles").addClass("grid_celltitles");
vmInstance.fadeIn("slow");
$("#submenu_content_vms #grid_content").prepend(vmInstance);
*/
$.ajax({
data: createURL("command=deployVirtualMachine"+moreCriteria.join("")+"&response=json"),
@ -858,12 +862,11 @@ function clickInstanceGroupHeader($arrowIcon) {
return; //Job has not completed
} else {
$("body").stopTime(timerKey);
$t.find("#spinning_wheel").hide();
//vmInstance.find(".loading_animationcontainer").hide();
//vmInstance.find("#vm_loading_container").hide();
$t.find("#spinning_wheel").hide();
if (result.jobstatus == 1) {
// Succeeded
setMidmenuItemVm(result.virtualmachine[0], $t);
$t.find("#ip_address_container #label").show();
$t.find("#info_icon").show();
/*