apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-10-26 08:42:29 +01:00
Code Issues Packages Projects Releases Wiki Activity
cloudstack/ui/scripts/cloud.core.instance.js

2156 lines
93 KiB
JavaScript
Raw Blame History

/**
* Copyright (C) 2010 Cloud.com, Inc. All rights reserved.
*
* This software is licensed under the GNU General Public License v3 or later.
*
* It is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or any later version.
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
function vmGetSearchParams() {
var moreCriteria = [];
var searchInput = $("#basic_search").find("#search_input").val();
if (searchInput != null && searchInput.length > 0) {
moreCriteria.push("&keyword="+todb(searchInput));
}
var $advancedSearchPopup = getAdvancedSearchPopupInSearchContainer();
if ($advancedSearchPopup.length > 0 && $advancedSearchPopup.css("display") != "none" ) {
if($advancedSearchPopup.find("#adv_search_state").length > 0) {
var state = $advancedSearchPopup.find("#adv_search_state").val();
if (state!=null && state.length > 0)
moreCriteria.push("&state="+todb(state));
}
var zone = $advancedSearchPopup.find("#adv_search_zone").val();
if (zone!=null && zone.length > 0)
moreCriteria.push("&zoneid="+todb(zone));
if ($advancedSearchPopup.find("#adv_search_domain_li").css("display") != "none") {
if($advancedSearchPopup.find("#adv_search_domain").length > 0) {
var domainId = $advancedSearchPopup.find("#adv_search_domain").val();
if(domainId!=null && domainId.length > 0)
moreCriteria.push("&domainid="+todb(domainId));
}
}
if ($advancedSearchPopup.find("#adv_search_account_li").css("display") != "none"
&& $advancedSearchPopup.find("#adv_search_account").hasClass("textwatermark") == false) {
var account = $advancedSearchPopup.find("#adv_search_account").val();
if(account!=null && account.length > 0)
moreCriteria.push("&account="+todb(account));
}
}
return moreCriteria.join("");
}
function instanceBuildSubMenu() {
if (isAdmin() || isDomainAdmin()) {
$("#leftmenu_instance_expandedbox").find("#leftmenu_instances_my_instances_container, #leftmenu_instances_all_instances_container, #leftmenu_instances_running_instances_container, #leftmenu_instances_stopped_instances_container, #leftmenu_instances_destroyed_instances_container ").show();
}
else if(isUser()) {
$("#leftmenu_instance_expandedbox").find("#leftmenu_instances_all_instances_container, #leftmenu_instances_running_instances_container, #leftmenu_instances_stopped_instances_container").show();
$.ajax({
cache: false,
data: createURL("command=listInstanceGroups"),
dataType: "json",
success: function(json) {
$("#leftmenu_instance_group_container").empty();
var instancegroups = json.listinstancegroupsresponse.instancegroup;
if(instancegroups!=null && instancegroups.length>0) {
for(var i=0; i < instancegroups.length; i++) {
instanceBuildSubMenu2(instancegroups[i].name, ("listVirtualMachines&groupid="+instancegroups[i].id));
}
}
}
});
}
}
function instanceBuildSubMenu2(label, commandString) {
var $newSubMenu = $("#leftmenu_secondindent_template").clone();
$newSubMenu.find("#label").text(label);
bindAndListMidMenuItems($newSubMenu, commandString, vmGetSearchParams, "listvirtualmachinesresponse", "virtualmachine", "jsp/instance.jsp", afterLoadInstanceJSP, vmToMidmenu, vmToRightPanel, getMidmenuId, true);
$("#leftmenu_instance_group_container").append($newSubMenu.show());
}
var $doTemplateNo, $doTemplateCustom,$doTemplateExisting, $soTemplate;
var init = false;
var $selectedVmWizardTemplate;
var osTypeMap = {};
function afterLoadInstanceJSP() {
$("#right_panel_content").data("clearRightPanelFn", vmClearRightPanel);
if (!init) {
//initialize VM Wizard
$doTemplateNo = $("#vm_popup_disk_offering_template_no");
$doTemplateCustom = $("#vm_popup_disk_offering_template_custom");
$doTemplateExisting = $("#vm_popup_disk_offering_template_existing");
$soTemplate = $("#vm_popup_service_offering_template");
init = true;
}
initVMWizard();
bindStartVMButton();
bindStopVMButton();
bindRebootVMButton();
bindDestroyVMButton();
// switch between different tabs
var tabArray = [$("#tab_details"), $("#tab_nic"), $("#tab_volume"), $("#tab_statistics")];
var tabContentArray = [$("#tab_content_details"), $("#tab_content_nic"), $("#tab_content_volume"), $("#tab_content_statistics")];
var afterSwitchFnArray = [vmJsonToDetailsTab, vmJsonToNicTab, vmJsonToVolumeTab, vmJsonToStatisticsTab];
switchBetweenDifferentTabs(tabArray, tabContentArray, afterSwitchFnArray);
// dialogs
initDialog("dialog_detach_iso_from_vm");
initDialog("dialog_attach_iso");
initDialog("dialog_change_service_offering", 600);
initDialog("dialog_create_template", 400);
$.ajax({
data: createURL("command=listOsTypes"),
dataType: "json",
async: false,
success: function(json) {
types = json.listostypesresponse.ostype;
var osTypeDropdown1 = $("#right_panel_content").find("#tab_content_details").find("#ostypename_edit").empty();
var osTypeDropdown2 = $("#dialog_create_template #create_template_os_type").empty();
if (types != null && types.length > 0) {
for (var i = 0; i < types.length; i++) {
osTypeMap[types[i].id] = fromdb(types[i].description);
var html = "<option value='" + types[i].id + "'>" + fromdb(types[i].description) + "</option>";
osTypeDropdown1.append(html);
osTypeDropdown2.append(html);
}
}
}
});
}
function bindStartVMButton() {
$("#start_vm_button").bind("click", function(event) {
var itemCounts = 0;
for(var id in selectedItemsInMidMenu) {
itemCounts ++;
}
if(itemCounts == 0) {
$("#dialog_info_please_select_one_item_in_middle_menu").dialog("open");
return false;
}
$("#dialog_confirmation")
.text(dictionary["message.action.start.instance"])
.dialog('option', 'buttons', {
"Confirm": function() {
$(this).dialog("close");
var apiInfo = {
label: "label.action.start.instance",
isAsyncJob: true,
inProcessText: "label.action.start.instance.processing",
asyncJobResponse: "startvirtualmachineresponse",
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.queryasyncjobresultresponse.jobresult.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
if(jsonObj.id.toString() == $("#right_panel_content #tab_content_details").find("#id").text())
vmToRightPanel($midmenuItem1);
}
}
for(var id in selectedItemsInMidMenu) {
var apiCommand = "command=startVirtualMachine&id="+id;
doActionToMidMenu(id, apiInfo, apiCommand);
}
selectedItemsInMidMenu = {}; //clear selected items for action
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
return false;
});
}
function bindStopVMButton() {
$("#stop_vm_button").bind("click", function(event) {
var itemCounts = 0;
for(var id in selectedItemsInMidMenu) {
itemCounts ++;
}
if(itemCounts == 0) {
$("#dialog_info_please_select_one_item_in_middle_menu").dialog("open");
return false;
}
$("#dialog_confirmation")
.text(dictionary["message.action.stop.instance"])
.dialog('option', 'buttons', {
"Confirm": function() {
$(this).dialog("close");
var apiInfo = {
label: "label.action.stop.instance",
isAsyncJob: true,
inProcessText: "label.action.stop.instance.processing",
asyncJobResponse: "stopvirtualmachineresponse",
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.queryasyncjobresultresponse.jobresult.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
if(jsonObj.id.toString() == $("#right_panel_content #tab_content_details").find("#id").text())
vmToRightPanel($midmenuItem1);
}
}
for(var id in selectedItemsInMidMenu) {
var apiCommand = "command=stopVirtualMachine&id="+id;
doActionToMidMenu(id, apiInfo, apiCommand);
}
selectedItemsInMidMenu = {}; //clear selected items for action
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
return false;
});
}
function bindRebootVMButton() {
$("#reboot_vm_button").bind("click", function(event) {
var itemCounts = 0;
for(var id in selectedItemsInMidMenu) {
itemCounts ++;
}
if(itemCounts == 0) {
$("#dialog_info_please_select_one_item_in_middle_menu").dialog("open");
return false;
}
$("#dialog_confirmation")
.text(dictionary["message.action.reboot.instance"])
.dialog('option', 'buttons', {
"Confirm": function() {
$(this).dialog("close");
var apiInfo = {
label: "label.action.reboot.instance",
isAsyncJob: true,
inProcessText: "label.action.reboot.instance.processing",
asyncJobResponse: "rebootvirtualmachineresponse",
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.queryasyncjobresultresponse.jobresult.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
if(jsonObj.id.toString() == $("#right_panel_content #tab_content_details").find("#id").text())
vmToRightPanel($midmenuItem1);
}
}
for(var id in selectedItemsInMidMenu) {
var apiCommand = "command=rebootVirtualMachine&id="+id;
doActionToMidMenu(id, apiInfo, apiCommand);
}
selectedItemsInMidMenu = {}; //clear selected items for action
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
return false;
});
}
function bindDestroyVMButton() {
$("#destroy_vm_button").bind("click", function(event) {
var itemCounts = 0;
for(var id in selectedItemsInMidMenu) {
itemCounts ++;
}
if(itemCounts == 0) {
$("#dialog_info_please_select_one_item_in_middle_menu").dialog("open");
return false;
}
$("#dialog_confirmation")
.text(dictionary["message.action.destroy.instance"])
.dialog('option', 'buttons', {
"Confirm": function() {
$(this).dialog("close");
var apiInfo = {
label: "label.action.destroy.instance",
isAsyncJob: true,
inProcessText: "label.action.destroy.instance.processing",
asyncJobResponse: "destroyvirtualmachineresponse",
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.queryasyncjobresultresponse.jobresult.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
if(jsonObj.id.toString() == $("#right_panel_content #tab_content_details").find("#id").text())
vmToRightPanel($midmenuItem1);
}
}
for(var id in selectedItemsInMidMenu) {
var apiCommand = "command=destroyVirtualMachine&id="+id;
doActionToMidMenu(id, apiInfo, apiCommand);
}
selectedItemsInMidMenu = {}; //clear selected items for action
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
return false;
});
}
var currentPageInTemplateGridInVmPopup =1;
var selectedTemplateTypeInVmPopup; //selectedTemplateTypeInVmPopup will be set to "featured" when new VM dialog box opens
var vmPopupTemplatePageSize = 6; //max number of templates in VM wizard
var currentStepInVmPopup = 1;
function initVMWizard() {
$vmPopup = $("#vm_popup");
if (isAdmin() || (getUserPublicTemplateEnabled() == "true")) {
$vmPopup.find("#wiz_community").show();
}
else {
$vmPopup.find("#wiz_community").hide();
}
$("#add_vm_button").unbind("click").bind("click", function(event) {
vmWizardOpen();
$.ajax({
data: createURL("command=listZones&available=true"),
dataType: "json",
success: function(json) {
var zones = json.listzonesresponse.zone;
var $zoneSelect = $vmPopup.find("#wizard_zone").empty();
if (zones != null && zones.length > 0) {
for (var i = 0; i < zones.length; i++) {
$zone = $("<option value='" + zones[i].id + "'>" + fromdb(zones[i].name) + "</option>");
$zone.data("zoneObj", zones[i]);
$zoneSelect.append($zone);
}
}
$zoneSelect.change();
listTemplatesInVmPopup();
}
});
$.ajax({
data: createURL("command=listSecurityGroups"+"&domainid="+g_domainid+"&account="+g_account),
dataType: "json",
success: function(json) {
var items = json.listsecuritygroupsresponse.securitygroup;
var $securityGroupDropdown = $vmPopup.find("#security_group_dropdown").empty();
if (items != null && items.length > 0) {
for (var i = 0; i < items.length; i++) {
$securityGroupDropdown.append("<option value='" + fromdb(items[i].id) + "'>" + fromdb(items[i].name) + "</option>");
}
}
}
});
$.ajax({
data: createURL("command=listServiceOfferings"),
dataType: "json",
async: false,
success: function(json) {
var offerings = json.listserviceofferingsresponse.serviceoffering;
var $container = $vmPopup.find("#service_offering_container");
$container.empty();
if (offerings != null && offerings.length > 0) {
for (var i = 0; i < offerings.length; i++) {
var $t = $soTemplate.clone();
$t.find("input:radio[name=service_offering_radio]").val(offerings[i].id);
$t.find("#name").text(fromdb(offerings[i].name));
$t.find("#description").text(fromdb(offerings[i].displaytext));
if (i > 0)
$t.find("input:radio[name=service_offering_radio]").removeAttr("checked");
$container.append($t.html());
}
}
}
});
$.ajax({
data: createURL("command=listDiskOfferings"),
dataType: "json",
async: false,
success: function(json) {
var offerings = json.listdiskofferingsresponse.diskoffering;
var $dataDiskOfferingContainer = $vmPopup.find("#data_disk_offering_container").empty();
var $rootDiskOfferingContainer = $vmPopup.find("#root_disk_offering_container").empty();
//***** data disk offering: "no, thanks", "custom", existing disk offerings in database (begin) ****************************************************
//"no, thanks" radio button (default radio button in data disk offering)
$dataDiskOfferingContainer.append($doTemplateNo.clone().html());
//disk offerings from database
if (offerings != null && offerings.length > 0) {
for (var i = 0; i < offerings.length; i++) {
var $t;
if(offerings[i].iscustomized == true)
$t = $doTemplateCustom.clone();
else
$t = $doTemplateExisting.clone();
$t.data("jsonObj", offerings[i]);
$t.find("input:radio[name=data_disk_offering_radio]").removeAttr("checked").val(fromdb(offerings[i].id));
$t.find("#name").text(fromdb(offerings[i].name));
$t.find("#description").text(fromdb(offerings[i].displaytext));
$dataDiskOfferingContainer.append($t.html());
}
}
//***** data disk offering: "no, thanks", "custom", existing disk offerings in database (end) *******************************************************
//***** root disk offering: "custom", existing disk offerings in database (begin) *******************************************************************
//disk offerings from database
if (offerings != null && offerings.length > 0) {
for (var i = 0; i < offerings.length; i++) {
var $t;
if(offerings[i].iscustomized == true)
$t = $doTemplateCustom.clone();
else
$t = $doTemplateExisting.clone();
$t.data("jsonObj", offerings[i]).attr("id", "do"+offerings[i].id);
var $offering = $t.find("input:radio").val(offerings[i].id);
if(i > 0) {
$offering.removeAttr("checked");
}
$t.find("#name").text(fromdb(offerings[i].name));
$t.find("#description").text(fromdb(offerings[i].displaytext));
$rootDiskOfferingContainer.append($t.html());
}
}
//***** root disk offering: "custom", existing disk offerings in database (end) *********************************************************************
}
});
$vmPopup.find("#wizard_service_offering").click();
return false;
});
function vmWizardCleanup() {
currentStepInVmPopup = 1;
$vmPopup.find("#step1").show().nextAll().hide();
$vmPopup.find("#wizard_message").hide();
selectedTemplateTypeInVmPopup = "featured";
$("#wiz_featured").removeClass().addClass("rev_wizmid_selectedtempbut");
$("#wiz_my, #wiz_community, #wiz_blank").removeClass().addClass("rev_wizmid_nonselectedtempbut");
currentPageInTemplateGridInVmPopup = 1;
}
function vmWizardOpen() {
$("#overlay_black").show();
$vmPopup.show();
vmWizardCleanup();
}
function vmWizardClose() {
$vmPopup.hide();
$("#overlay_black").hide();
}
$vmPopup.find("#close_button").bind("click", function(event) {
vmWizardClose();
return false;
});
$vmPopup.find("#step1 #wiz_message_continue").bind("click", function(event) {
$vmPopup.find("#step1 #wiz_message").hide();
return false;
});
$vmPopup.find("#step2 #wiz_message_continue").bind("click", function(event) {
$vmPopup.find("#step2 #wiz_message").hide();
return false;
});
$vmPopup.find("#step3 #wiz_message_continue").bind("click", function(event) {
$vmPopup.find("#step3 #wiz_message").hide();
return false;
});
$vmPopup.find("#step4 #wiz_message_continue").bind("click", function(event) {
$vmPopup.find("#step4 #wiz_message").hide();
return false;
});
function getIconForOS(osType) {
if (osType == null || osType.length == 0) {
return "";
} else {
if (osType.match("^CentOS") != null) {
return "rev_wiztemo_centosicons";
} else if (osType.match("^Windows") != null) {
return "rev_wiztemo_windowsicons";
} else {
return "rev_wiztemo_linuxicons";
}
}
}
//vm wizard search and pagination
$vmPopup.find("#step1").find("#search_button").bind("click", function(event) {
currentPageInTemplateGridInVmPopup = 1;
listTemplatesInVmPopup();
return false; //event.preventDefault() + event.stopPropagation()
});
$vmPopup.find("#step1").find("#search_input").bind("keypress", function(event) {
if(event.keyCode == keycode_Enter) {
$vmPopup.find("#step1").find("#search_button").click();
return false; //event.preventDefault() + event.stopPropagation()
}
});
$vmPopup.find("#step1").find("#next_page").bind("click", function(event){
currentPageInTemplateGridInVmPopup++;
listTemplatesInVmPopup();
return false; //event.preventDefault() + event.stopPropagation()
});
$vmPopup.find("#step1").find("#prev_page").bind("click", function(event){
currentPageInTemplateGridInVmPopup--;
listTemplatesInVmPopup();
return false; //event.preventDefault() + event.stopPropagation()
});
//var vmPopupTemplatePageSize = 6; //max number of templates in VM wizard
function listTemplatesInVmPopup() {
var zoneId = $vmPopup.find("#wizard_zone").val();
if(zoneId == null || zoneId.length == 0)
return;
var container = $vmPopup.find("#template_container");
var commandString, templateType;
var searchInput = $vmPopup.find("#step1").find("#search_input").val();
if (selectedTemplateTypeInVmPopup != "blank") { //*** template ***
templateType = "template";
if (searchInput != null && searchInput.length > 0)
commandString = "command=listTemplates&templatefilter="+selectedTemplateTypeInVmPopup+"&zoneid="+zoneId+"&keyword="+searchInput;
else
commandString = "command=listTemplates&templatefilter="+selectedTemplateTypeInVmPopup+"&zoneid="+zoneId;
}
else { //*** ISO ***
templateType = "ISO";
if (searchInput != null && searchInput.length > 0)
commandString = "command=listIsos&isReady=true&bootable=true&isofilter=executable&zoneid="+zoneId+"&keyword="+searchInput;
else
commandString = "command=listIsos&isReady=true&bootable=true&isofilter=executable&zoneid="+zoneId;
}
commandString += "&pagesize="+vmPopupTemplatePageSize+"&page="+currentPageInTemplateGridInVmPopup;
var loading = $vmPopup.find("#wiz_template_loading").show();
if(currentPageInTemplateGridInVmPopup==1)
$vmPopup.find("#step1").find("#prev_page").hide();
else
$vmPopup.find("#step1").find("#prev_page").show();
$.ajax({
data: createURL(commandString),
dataType: "json",
async: false,
success: function(json) {
var items, $vmTemplateInWizard;
if (templateType == "template") {
items = json.listtemplatesresponse.template;
$vmTemplateInWizard = $("#vmtemplate_in_vmwizard");
}
else if (templateType == "ISO") {
items = json.listisosresponse.iso;
$vmTemplateInWizard = $("#vmiso_in_vmwizard");
}
loading.hide();
container.empty();
if (items != null && items.length > 0) {
for (var i = 0; i < items.length; i++) {
var $newTemplate = $vmTemplateInWizard.clone();
vmWizardTemplateJsonToTemplate(items[i], $newTemplate, templateType, i);
container.append($newTemplate.show());
}
if(items.length < vmPopupTemplatePageSize)
$vmPopup.find("#step1").find("#next_page").hide();
else
$vmPopup.find("#step1").find("#next_page").show();
}
else {
var msg;
if (selectedTemplateTypeInVmPopup != "blank")
msg = "No templates available";
else
msg = "No ISOs available";
var html = '<div class="rev_wiztemplistbox" id="-2">'
+'<div></div>'
+'<div class="rev_wiztemp_listtext">'+msg+'</div>'
+'</div>';
container.append(html);
$vmPopup.find("#step1").find("#next_page").hide();
}
}
});
}
//var $selectedVmWizardTemplate;
function vmWizardTemplateJsonToTemplate(jsonObj, $template, templateType, i) {
$template.attr("id", ("vmWizardTemplate_"+jsonObj.id));
$template.data("templateId", jsonObj.id);
$template.data("templateType", templateType);
$template.data("templateName", fromdb(jsonObj.displaytext));
$template.data("hypervisor", jsonObj.hypervisor);
$template.find("#icon").removeClass().addClass(getIconForOS(jsonObj.ostypename));
$template.find("#name").text(fromdb(jsonObj.displaytext));
if(templateType == "template") {
$template.find("#hypervisor_text").text(fromdb(jsonObj.hypervisor));
//$template.find("#hypervisor_text").text("XenServer"); //This line is for testing only. Comment this line and uncomment the line above before checkin.
}
$template.find("#submitted_by").text(fromdb(jsonObj.account));
if(i == 0) { //select the 1st one
$selectedVmWizardTemplate = $template;
$template.addClass("rev_wiztemplistbox_selected");
}
else {
$template.addClass("rev_wiztemplistbox");
}
$template.bind("click", function(event) {
if($selectedVmWizardTemplate != null)
$selectedVmWizardTemplate.removeClass("rev_wiztemplistbox_selected").addClass("rev_wiztemplistbox");
$(this).removeClass("rev_wiztemplistbox").addClass("rev_wiztemplistbox_selected");
$selectedVmWizardTemplate = $(this);
return false;
});
}
$vmPopup.find("#wizard_zone").bind("change", function(event) {
var selectedZone = $(this).val();
if(selectedZone != null && selectedZone.length > 0) {
$.ajax({
data: createURL("command=listHypervisors&zoneid="+selectedZone),
dataType: "json",
async: false,
success: function(json) {
var items = json.listhypervisorsresponse.hypervisor;
var $hypervisorDropdown = $("#vmiso_in_vmwizard").find("#hypervisor_select");
var $hypervisorSpan = $("#vmiso_in_vmwizard").find("#hypervisor_span");
if(items != null && items.length > 0) {
if(items.length == 1) {
$hypervisorSpan.text(fromdb(items[0].name)).show();
$hypervisorDropdown.hide();
}
else {
$hypervisorDropdown.show();
$hypervisorSpan.text("").hide();
for(var i=0; i<items.length; i++) {
$hypervisorDropdown.append("<option value='"+fromdb(items[i].name)+"'>"+fromdb(items[i].name)+"</option>");
}
}
}
}
});
listTemplatesInVmPopup();
}
return false;
});
function displayDiskOffering(type) {
if(type=="data") {
$vmPopup.find("#wizard_data_disk_offering_title").show();
$vmPopup.find("#wizard_data_disk_offering").show();
$vmPopup.find("#wizard_root_disk_offering_title").hide();
$vmPopup.find("#wizard_root_disk_offering").hide();
}
else if(type=="root") {
$vmPopup.find("#wizard_root_disk_offering_title").show();
$vmPopup.find("#wizard_root_disk_offering").show();
$vmPopup.find("#wizard_data_disk_offering_title").hide();
$vmPopup.find("#wizard_data_disk_offering").hide();
}
}
displayDiskOffering("data"); //because default value of "#wiz_template_filter" is "wiz_featured"
// Setup the left template filters
$vmPopup.find("#wiz_template_filter").unbind("click").bind("click", function(event) {
var $container = $(this);
var target = $(event.target);
var targetId = target.attr("id");
selectedTemplateTypeInVmPopup = "featured";
switch (targetId) {
case "wiz_featured":
$vmPopup.find("#search_input").val("");
currentPageInTemplateGridInVmPopup = 1;
selectedTemplateTypeInVmPopup = "featured";
$container.find("#wiz_featured").removeClass().addClass("rev_wizmid_selectedtempbut");
$container.find("#wiz_my, #wiz_community, #wiz_blank").removeClass().addClass("rev_wizmid_nonselectedtempbut");
displayDiskOffering("data");
break;
case "wiz_my":
$vmPopup.find("#search_input").val("");
currentPageInTemplateGridInVmPopup = 1;
$container.find("#wiz_my").removeClass().addClass("rev_wizmid_selectedtempbut");
$container.find("#wiz_featured, #wiz_community, #wiz_blank").removeClass().addClass("rev_wizmid_nonselectedtempbut");
selectedTemplateTypeInVmPopup = "selfexecutable";
displayDiskOffering("data");
break;
case "wiz_community":
$vmPopup.find("#search_input").val("");
currentPageInTemplateGridInVmPopup = 1;
$container.find("#wiz_community").removeClass().addClass("rev_wizmid_selectedtempbut");
$container.find("#wiz_my, #wiz_featured, #wiz_blank").removeClass().addClass("rev_wizmid_nonselectedtempbut");
selectedTemplateTypeInVmPopup = "community";
displayDiskOffering("data");
break;
case "wiz_blank":
$vmPopup.find("#search_input").val("");
currentPageInTemplateGridInVmPopup = 1;
$container.find("#wiz_blank").removeClass().addClass("rev_wizmid_selectedtempbut");
$container.find("#wiz_my, #wiz_community, #wiz_featured").removeClass().addClass("rev_wizmid_nonselectedtempbut");
selectedTemplateTypeInVmPopup = "blank";
displayDiskOffering("root");
break;
}
listTemplatesInVmPopup();
return false;
});
$vmPopup.find("#next_step").bind("click", function(event) {
event.preventDefault();
event.stopPropagation();
var $thisPopup = $vmPopup;
var $reviewNetworkTemplate = $("#wizard_network_direct_review_template");
if (currentStepInVmPopup == 1) { //select a template/ISO
// prevent a person from moving on if no templates are selected
if($thisPopup.find("#step1 #template_container .rev_wiztemplistbox_selected").length == 0) {
$thisPopup.find("#step1 #wiz_message").show();
return false;
}
if ($thisPopup.find("#wiz_blank").hasClass("rev_wizmid_selectedtempbut")) { //ISO
$thisPopup.find("#step3_label").text(dictionary["label.root.disk.offering"]);
$thisPopup.find("#root_disk_offering_container").show();
$thisPopup.find("#data_disk_offering_container").hide();
}
else { //template
$thisPopup.find("#step3_label").text(dictionary["label.data.disk.offering"]);
$thisPopup.find("#data_disk_offering_container").show();
$thisPopup.find("#root_disk_offering_container").hide();
}
$thisPopup.find("#wizard_review_zone").text($thisPopup.find("#wizard_zone option:selected").text());
// This is taking from the selected template but need to change this to the dropdown that supports ISO.
if($selectedVmWizardTemplate.data("templateType") == "template") {
$selectedVmWizardTemplate.data("hypervisor", $selectedVmWizardTemplate.find("#hypervisor_text").text());
}
else {
if($selectedVmWizardTemplate.find("#hypervisor_select").css("display") != "none")
$selectedVmWizardTemplate.data("hypervisor", $selectedVmWizardTemplate.find("#hypervisor_select").val());
else //if($selectedVmWizardTemplate.find("#hypervisor_span").css("display") != "none")
$selectedVmWizardTemplate.data("hypervisor", $selectedVmWizardTemplate.find("#hypervisor_span").text());
}
$thisPopup.find("#wizard_review_hypervisor").text($selectedVmWizardTemplate.data("hypervisor"));
$thisPopup.find("#wizard_review_template").text($selectedVmWizardTemplate.data("templateName"));
}
if (currentStepInVmPopup == 2) { //service offering
// prevent a person from moving on if no service offering is selected
if($thisPopup.find("input:radio[name=service_offering_radio]:checked").length == 0) {
$thisPopup.find("#step2 #wiz_message #wiz_message_text").text("Please select a service offering to continue");
$thisPopup.find("#step2 #wiz_message").show();
return false;
}
$thisPopup.find("#wizard_review_service_offering").text($thisPopup.find("input:radio[name=service_offering_radio]:checked").next().text());
}
if(currentStepInVmPopup ==3) { //disk offering
if($selectedVmWizardTemplate.data("templateType") == "template") { //*** template ***
$thisPopup.find("#wizard_review_disk_offering_label").text(dictionary["label.data.disk.offering"] + ":");
var checkedRadioButton = $thisPopup.find("#data_disk_offering_container input[name=data_disk_offering_radio]:checked");
}
else { //*** ISO ***
// prevent a person from moving on if no disk offering is selected
if($thisPopup.find("input:radio[name=data_disk_offering_radio]:checked").length == 0) {
$thisPopup.find("#step3 #wiz_message #wiz_message_text").text("Please select a disk offering to continue");
$thisPopup.find("#step3 #wiz_message").show();
return false;
}
$thisPopup.find("#wizard_review_disk_offering_label").text(dictionary["label.root.disk.offering"] + ":");
var checkedRadioButton = $thisPopup.find("#root_disk_offering_container input[name=data_disk_offering_radio]:checked");
}
var $diskOfferingElement = checkedRadioButton.parent();
var isValid = true;
if($diskOfferingElement.find("#custom_disk_size").length > 0)
isValid &= validateInteger("Disk Size", $diskOfferingElement.find("#custom_disk_size"), $diskOfferingElement.find("#custom_disk_size_errormsg"), null, null, false); //required
else
isValid &= validateInteger("Disk Size", $diskOfferingElement.find("#custom_disk_size"), $diskOfferingElement.find("#custom_disk_size_errormsg"), null, null, true); //optional
if (!isValid)
return;
var diskOfferingName = $diskOfferingElement.find("#name").text();
if(checkedRadioButton.parent().attr("id") == "vm_popup_disk_offering_template_custom")
diskOfferingName += (" (Disk Size: " + $diskOfferingElement.find("#custom_disk_size").val() + " MB)");
$thisPopup.find("#wizard_review_disk_offering").text(diskOfferingName);
//Setup Networking before showing it. This only applies to zones with Advanced Networking support.
var zoneObj = $thisPopup.find("#wizard_zone option:selected").data("zoneObj");
if (zoneObj.networktype == "Advanced") {
$thisPopup.find("#step4").find("#for_advanced_zone").show();
$thisPopup.find("#step4").find("#for_basic_zone").hide();
$thisPopup.find("#step4").find("#for_no_network_support").hide();
var networkName = "Virtual Network";
var networkDesc = "A dedicated virtualized network for your account. The broadcast domain is contained within a VLAN and all public network access is routed out by a virtual router.";
$.ajax({
data: createURL("command=listNetworks&domainid="+g_domainid+"&account="+g_account+"&zoneId="+$thisPopup.find("#wizard_zone").val()),
dataType: "json",
async: false,
success: function(json) {
var networks = json.listnetworksresponse.network;
var virtualNetwork = null;
if (networks != null && networks.length > 0) {
for (var i = 0; i < networks.length; i++) {
if (networks[i].type == 'Virtual') {
virtualNetwork = networks[i];
}
}
}
var $virtualNetworkElement = $("#vm_popup #network_virtual_container");
// Setup Virtual Networks
var requiredVirtual = false;
var defaultNetworkAdded = false;
var availableSecondary = false;
if (virtualNetwork == null) {
$.ajax({
data: createURL("command=listNetworkOfferings&traffictype=Guest"),
dataType: "json",
async: false,
success: function(json) {
var networkOfferings = json.listnetworkofferingsresponse.networkoffering;
if (networkOfferings != null && networkOfferings.length > 0) {
for (var i = 0; i < networkOfferings.length; i++) {
if (networkOfferings[i].isdefault) {
// Create a network from this.
$.ajax({
data: createURL("command=createNetwork&networkOfferingId="+networkOfferings[i].id+"&name="+todb(networkName)+"&displayText="+todb(networkDesc)+"&zoneId="+$thisPopup.find("#wizard_zone").val()),
dataType: "json",
async: false,
success: function(json) {
var network = json.createnetworkresponse.network;
if (network.networkofferingavailability != 'Unavailable') {
$virtualNetworkElement.show();
if (network.networkofferingavailability == 'Required') {
requiredVirtual = true;
$virtualNetworkElement.find("#network_virtual").attr('disabled', true);
}
defaultNetworkAdded = true;
$virtualNetworkElement.find("#network_virtual").data("id", network.id).data("jsonObj", network);
} else {
$virtualNetworkElement.hide();
}
}
});
}
}
}
}
});
} else {
if (virtualNetwork.networkofferingavailability != 'Unavailable') {
$virtualNetworkElement.show();
if (virtualNetwork.networkofferingavailability == 'Required') {
requiredVirtual = true;
$virtualNetworkElement.find("#network_virtual").attr('disabled', true);
}
defaultNetworkAdded = true;
$virtualNetworkElement.data("id", virtualNetwork.id);
$virtualNetworkElement.find("#network_virtual").data("id", virtualNetwork.id).data("jsonObj", virtualNetwork);
} else {
$virtualNetworkElement.hide();
}
}
// Setup Direct Networks
var $networkDirectTemplate = $("#wizard_network_direct_template");
var $networkSecondaryDirectTemplate = $("#wizard_network_direct_secondary_template");
var $networkDirectContainer = $("#network_direct_container").empty();
var $networkDirectSecondaryContainer = $("#network_direct_secondary_container").empty();
if (networks != null && networks.length > 0) {
for (var i = 0; i < networks.length; i++) {
if (networks[i].type != 'Direct') {
continue;
}
var $directNetworkElement = null;
if (networks[i].isdefault) {
if (requiredVirtual) {
continue;
}
$directNetworkElement = $networkDirectTemplate.clone().attr("id", "direct"+networks[i].id);
if (defaultNetworkAdded || i > 0) {
// Only check the first default network
$directNetworkElement.find("#network_direct_checkbox").removeAttr("checked");
}
defaultNetworkAdded = true;
} else {
$directNetworkElement = $networkSecondaryDirectTemplate.clone().attr("id", "direct"+networks[i].id);
}
$directNetworkElement.find("#network_direct_checkbox").data("jsonObj", networks[i]);
$directNetworkElement.find("#network_direct_name").text(networks[i].name);
$directNetworkElement.find("#network_direct_desc").text(networks[i].displaytext);
if (networks[i].isdefault) {
$networkDirectContainer.append($directNetworkElement.show());
} else {
availableSecondary = true;
$networkDirectSecondaryContainer.append($directNetworkElement.show());
}
}
}
// Add any additional shared direct networks
$.ajax({
data: createURL("command=listNetworks&isshared=true&zoneId="+$thisPopup.find("#wizard_zone").val()),
dataType: "json",
async: false,
success: function(json) {
var sharedNetworks = json.listnetworksresponse.network;
if (sharedNetworks != null && sharedNetworks.length > 0) {
for (var i = 0; i < sharedNetworks.length; i++) {
if (sharedNetworks[i].type != 'Direct') {
continue;
}
if (sharedNetworks[i].isdefault) {
if (requiredVirtual) {
continue;
}
$directNetworkElement = $networkDirectTemplate.clone().attr("id", "direct"+sharedNetworks[i].id);
if (defaultNetworkAdded || i > 0) {
// Only check the first default network
$directNetworkElement.find("#network_direct_checkbox").removeAttr("checked");
}
defaultNetworkAdded = true;
} else {
$directNetworkElement = $networkSecondaryDirectTemplate.clone().attr("id", "direct"+sharedNetworks[i].id);
}
$directNetworkElement.find("#network_direct_checkbox").data("jsonObj", sharedNetworks[i]);
$directNetworkElement.find("#network_direct_name").text(sharedNetworks[i].name);
$directNetworkElement.find("#network_direct_desc").text(sharedNetworks[i].displaytext);
if (sharedNetworks[i].isdefault) {
$networkDirectContainer.append($directNetworkElement.show());
} else {
availableSecondary = true;
$networkDirectSecondaryContainer.append($directNetworkElement.show());
}
}
}
}
});
if (availableSecondary) {
$("#secondary_network_title, #secondary_network_desc").show();
}
}
});
}
else { // Basic Network
$thisPopup.find("#step4").find("#for_advanced_zone").hide();
if($selectedVmWizardTemplate.data("hypervisor") != "VMware" && getDirectAttachSecurityGroupsEnabled() == "true") {
$thisPopup.find("#step4").find("#for_basic_zone").show();
$thisPopup.find("#step4").find("#for_no_network_support").hide();
$thisPopup.find("#step4").find("#security_group_section").show();
$thisPopup.find("#step5").find("#wizard_review_network").text("Basic Network");
}
else {
$thisPopup.find("#step4").find("#for_basic_zone").hide();
$thisPopup.find("#step4").find("#for_no_network_support").show();
if($selectedVmWizardTemplate.data("hypervisor") == "VMware") {
$thisPopup.find("#step4").find("#for_no_network_support").find("#not_available_message_1").show();
$thisPopup.find("#step4").find("#for_no_network_support").find("#not_available_message_2").hide();
}
else if(getDirectAttachSecurityGroupsEnabled() != "true") {
$thisPopup.find("#step4").find("#for_no_network_support").find("#not_available_message_1").hide();
$thisPopup.find("#step4").find("#for_no_network_support").find("#not_available_message_2").show();
}
$thisPopup.find("#step5").find("#wizard_review_network").text("Basic Network");
}
}
}
if (currentStepInVmPopup == 4) { //network
var zoneObj = $thisPopup.find("#wizard_zone option:selected").data("zoneObj");
if (zoneObj.networktype == "Advanced") {
var $selectedSecondaryNetworks = $thisPopup.find("input:checkbox[name=secondary_network]:checked");
var $selectedPrimaryNetworks = $thisPopup.find("input:radio[name=primary_network]:checked");
// prevent a person from moving on if no network has been selected
if($selectedPrimaryNetworks.length == 0) {
$thisPopup.find("#step4 #wiz_message").show();
return false;
}
var modResult = 0;
$thisPopup.find("#step5").find("#wizard_review_network").text($selectedPrimaryNetworks.data("jsonObj").name);
$thisPopup.find("#wizard_review_primary_network_container").show();
modResult = 0;
var $reviewNetworkContainer = $("#wizard_review_secondary_network_container").empty();
if ($selectedSecondaryNetworks.length != 0) {
var networkIds = [];
$selectedSecondaryNetworks.each(function(i) {
var json = $(this).data("jsonObj");
if (i == 0) {
networkIds.push(json.id);
} else {
networkIds.push(","+json.id);
}
$reviewNetworkElement = $reviewNetworkTemplate.clone().attr("id", "network"+json.id);
if (i % 2 == modResult) {
$reviewNetworkElement.addClass("odd");
} else {
$reviewNetworkElement.addClass("even");
}
$reviewNetworkElement.find("#wizard_review_network_label").text("Network " + (i+2-modResult) + ":");
$reviewNetworkElement.find("#wizard_review_network_selected").text(json.name);
$reviewNetworkContainer.append($reviewNetworkElement.show());
});
$reviewNetworkContainer.data("directNetworkIds", networkIds.join(""));
} else {
$reviewNetworkContainer.data("directNetworkIds", null);
}
} else {
// Any basic network/security groups handling
}
}
if (currentStepInVmPopup == 5) { //last step
// validate values
var isValid = true;
isValid &= validateString("Name", $thisPopup.find("#wizard_vm_name"), $thisPopup.find("#wizard_vm_name_errormsg"), true); //optional
isValid &= validateString("Group", $thisPopup.find("#wizard_vm_group"), $thisPopup.find("#wizard_vm_group_errormsg"), true); //optional
if (!isValid)
return;
vmWizardClose();
// Create a new VM!!!!
var moreCriteria = [];
moreCriteria.push("&zoneId="+$thisPopup.find("#wizard_zone").val());
moreCriteria.push("&hypervisor="+$selectedVmWizardTemplate.data("hypervisor"));
moreCriteria.push("&templateId="+$selectedVmWizardTemplate.data("templateId"));
moreCriteria.push("&serviceOfferingId="+$thisPopup.find("input:radio[name=service_offering_radio]:checked").val());
var zoneObj = $thisPopup.find("#wizard_zone option:selected").data("zoneObj");
if (zoneObj.networktype == "Advanced") {
var $selectedPrimaryNetworks = $thisPopup.find("input:radio[name=primary_network]:checked");
var networkIds = $selectedPrimaryNetworks.data("jsonObj").id;
var directNetworkIds = $thisPopup.find("#wizard_review_secondary_network_container").data("directNetworkIds");
if (directNetworkIds != null) {
if (networkIds != null) {
networkIds = networkIds+","+directNetworkIds;
} else {
networkIds = directNetworkIds;
}
}
moreCriteria.push("&networkIds="+networkIds);
}
else { //Basic zone
if($thisPopup.find("#step4").find("#security_group_section").css("display") != "none") {
if($thisPopup.find("#security_group_dropdown").val() != null && $thisPopup.find("#security_group_dropdown").val().length > 0) {
var securityGroupList = $thisPopup.find("#security_group_dropdown").val().join(",");
moreCriteria.push("&securitygroupids="+securityGroupList);
}
}
}
var diskOfferingId, $diskOfferingElement;
if ($thisPopup.find("#wiz_blank").hasClass("rev_wizmid_selectedtempbut")) { //ISO
diskOfferingId = $thisPopup.find("#root_disk_offering_container input[name=data_disk_offering_radio]:checked").val();
$diskOfferingElement = $thisPopup.find("#root_disk_offering_container input[name=data_disk_offering_radio]:checked").parent();
}
else { //template
diskOfferingId = $thisPopup.find("#data_disk_offering_container input[name=data_disk_offering_radio]:checked").val();
$diskOfferingElement = $thisPopup.find("#data_disk_offering_container input[name=data_disk_offering_radio]:checked").parent();
}
if(diskOfferingId != null && diskOfferingId != "" && diskOfferingId != "no")
moreCriteria.push("&diskOfferingId="+diskOfferingId);
if($diskOfferingElement.find("#custom_disk_size").length > 0) {
var customDiskSize = $diskOfferingElement.find("#custom_disk_size").val(); //unit is MB
if(customDiskSize != null && customDiskSize.length > 0)
moreCriteria.push("&size="+customDiskSize);
}
var name = trim($thisPopup.find("#wizard_vm_name").val());
if (name != null && name.length > 0)
moreCriteria.push("&displayname="+todb(name));
var group = trim($thisPopup.find("#wizard_vm_group").val());
if (group != null && group.length > 0)
moreCriteria.push("&group="+todb(group));
var $midmenuItem1 = beforeAddingMidMenuItem() ;
$("#midmenu_container #midmenu_container_no_items_available").hide();
$.ajax({
data: createURL("command=deployVirtualMachine"+moreCriteria.join("")),
dataType: "json",
success: function(json) {
var jobId = json.deployvirtualmachineresponse.jobid;
var timerKey = "vmNew"+jobId;
// Process the async job
$("body").everyTime(
10000,
timerKey,
function() {
$.ajax({
data: createURL("command=queryAsyncJobResult&jobId="+jobId),
dataType: "json",
success: function(json) {
var result = json.queryasyncjobresultresponse;
if (result.jobstatus == 0) {
return; //Job has not completed
} else {
$("body").stopTime(timerKey);
if (result.jobstatus == 1) {
// Succeeded
var item = result.jobresult.virtualmachine;
vmToMidmenu(item, $midmenuItem1);
bindClickToMidMenu($midmenuItem1, vmToRightPanel, getMidmenuId);
if (item.passwordenabled == true) {
var secondRowText = dictionary["label.new.password"] + ": " + item.password;
afterAddingMidMenuItem($midmenuItem1, true, secondRowText);
$midmenuItem1.data("afterActionInfo", secondRowText);
/*
var afterActionInfo = "Instance " + getVmName(item.name, item.displayname) + " has been created successfully. New password is " + item.password;
$midmenuItem1.data("afterActionInfo", afterActionInfo);
$("#dialog_info")
.text(afterActionInfo)
.dialog('option', 'buttons', {
"OK": function() {
$(this).dialog("close");
}
}).dialog("open");
*/
}
else {
afterAddingMidMenuItem($midmenuItem1, true, null);
}
} else if (result.jobstatus == 2) {
// Failed
afterAddingMidMenuItem($midmenuItem1, false, fromdb(result.jobresult.errortext));
}
}
},
error: function(XMLHttpResponse) {
$("body").stopTime(timerKey);
handleError(XMLHttpResponse, function() {
afterAddingMidMenuItem($midmenuItem1, false, parseXMLHttpResponse(XMLHttpResponse));
});
}
});
},
0
);
},
error: function(XMLHttpResponse) {
handleError(XMLHttpResponse, function() {
afterAddingMidMenuItem($midmenuItem1, false, parseXMLHttpResponse(XMLHttpResponse));
});
}
});
}
//since no error, move to next step
$vmPopup.find("#step" + currentStepInVmPopup).hide().next().show(); //hide current step, show next step
currentStepInVmPopup++;
});
$vmPopup.find("#prev_step").bind("click", function(event) {
var $prevStep = $vmPopup.find("#step" + currentStepInVmPopup).hide().prev().show(); //hide current step, show previous step
currentStepInVmPopup--;
return false; //event.preventDefault() + event.stopPropagation()
});
}
//***** VM Detail (begin) ******************************************************************************
var vmActionMap = {
"label.action.start.instance": {
isAsyncJob: true,
asyncJobResponse: "startvirtualmachineresponse",
inProcessText: "label.action.start.instance.processing",
dialogBeforeActionFn : doStartVM,
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.queryasyncjobresultresponse.jobresult.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
}
},
"label.action.stop.instance": {
isAsyncJob: true,
asyncJobResponse: "stopvirtualmachineresponse",
inProcessText: "label.action.stop.instance.processing",
dialogBeforeActionFn : doStopVM,
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.queryasyncjobresultresponse.jobresult.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
}
},
"label.action.reboot.instance": {
isAsyncJob: true,
asyncJobResponse: "rebootvirtualmachineresponse",
inProcessText: "label.action.reboot.instance.processing",
dialogBeforeActionFn : doRebootVM,
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.queryasyncjobresultresponse.jobresult.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
}
},
"label.action.destroy.instance": {
isAsyncJob: true,
asyncJobResponse: "destroyvirtualmachineresponse",
inProcessText: "label.action.destroy.instance.processing",
dialogBeforeActionFn : doDestroyVM,
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.queryasyncjobresultresponse.jobresult.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
}
},
"label.action.restore.instance": {
isAsyncJob: false,
inProcessText: "label.action.restore.instance.processing",
dialogBeforeActionFn : doRestoreVM,
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.recovervirtualmachineresponse.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
}
},
"label.action.edit.instance": {
dialogBeforeActionFn: doEditVM
},
"label.action.attach.iso": {
isAsyncJob: true,
asyncJobResponse: "attachisoresponse",
inProcessText: "label.action.attach.iso.processing",
dialogBeforeActionFn : doAttachISO,
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.queryasyncjobresultresponse.jobresult.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
}
},
"label.action.detach.iso": {
isAsyncJob: true,
asyncJobResponse: "detachisoresponse",
inProcessText: "label.action.detach.iso.processing",
dialogBeforeActionFn : doDetachISO,
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.queryasyncjobresultresponse.jobresult.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
}
},
"label.action.reset.password": {
isAsyncJob: true,
asyncJobResponse: "resetpasswordforvirtualmachineresponse",
inProcessText: "label.action.reset.password.processing",
dialogBeforeActionFn : doResetPassword,
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.queryasyncjobresultresponse.jobresult.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
/*
$("#dialog_info")
.text("New password of instance " + getVmName(jsonObj.name, jsonObj.displayname) + " is " + fromdb(jsonObj.password))
.dialog('option', 'buttons', {
"OK": function() {
$(this).dialog("close");
}
}).dialog("open");
*/
return dictionary["label.new.password"] + ": " + fromdb(jsonObj.password);
}
},
"label.action.change.service": {
isAsyncJob: false,
inProcessText: "label.action.change.service",
dialogBeforeActionFn : doChangeService,
afterActionSeccessFn: function(json, $midmenuItem1, id) {
var jsonObj = json.changeserviceforvirtualmachineresponse.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
}
}
}
function doStartVM($actionLink, $detailsTab, $midmenuItem1) {
$("#dialog_confirmation")
.text(dictionary["message.action.start.instance"])
.dialog('option', 'buttons', {
"Confirm": function() {
$(this).dialog("close");
var jsonObj = $midmenuItem1.data("jsonObj");
var id = jsonObj.id;
var apiCommand = "command=startVirtualMachine&id="+id;
doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
}
function doStopVM($actionLink, $detailsTab, $midmenuItem1) {
$("#dialog_confirmation")
.text(dictionary["message.action.stop.instance"])
.dialog('option', 'buttons', {
"Confirm": function() {
$(this).dialog("close");
var jsonObj = $midmenuItem1.data("jsonObj");
var id = jsonObj.id;
var apiCommand = "command=stopVirtualMachine&id="+id;
doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
}
function doRebootVM($actionLink, $detailsTab, $midmenuItem1) {
$("#dialog_confirmation")
.text(dictionary["message.action.reboot.instance"])
.dialog('option', 'buttons', {
"Confirm": function() {
$(this).dialog("close");
var jsonObj = $midmenuItem1.data("jsonObj");
var id = jsonObj.id;
var apiCommand = "command=rebootVirtualMachine&id="+id;
doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
}
function doDestroyVM($actionLink, $detailsTab, $midmenuItem1) {
$("#dialog_confirmation")
.text(dictionary["message.action.destroy.instance"])
.dialog('option', 'buttons', {
"Confirm": function() {
$(this).dialog("close");
var jsonObj = $midmenuItem1.data("jsonObj");
var id = jsonObj.id;
var apiCommand = "command=destroyVirtualMachine&id="+id;
doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
}
function doRestoreVM($actionLink, $detailsTab, $midmenuItem1) {
$("#dialog_confirmation")
.text(dictionary["message.action.restore.instance"])
.dialog('option', 'buttons', {
"Confirm": function() {
$(this).dialog("close");
var jsonObj = $midmenuItem1.data("jsonObj");
var id = jsonObj.id;
var apiCommand = "command=recoverVirtualMachine&id="+id;
doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
}
function doEditVM($actionLink, $detailsTab, $midmenuItem1) {
var vmObj = $midmenuItem1.data("jsonObj");
$.ajax({
data: createURL("command=listServiceOfferings&id="+vmObj.serviceofferingid),
dataType: "json",
async: false,
success: function(json) {
if(json.listserviceofferingsresponse.serviceoffering[0].offerha == true) {
$readonlyFields = $("#tab_content_details").find("#vmname, #group, #haenable, #ostypename");
$editFields = $("#tab_content_details").find("#vmname_edit, #group_edit, #haenable_edit, #ostypename_edit");
}
else {
$readonlyFields = $("#tab_content_details").find("#vmname, #group, #ostypename");
$editFields = $("#tab_content_details").find("#vmname_edit, #group_edit, #ostypename_edit");
}
}
});
$readonlyFields.hide();
$editFields.show();
$detailsTab.find("#cancel_button, #save_button").show();
$detailsTab.find("#cancel_button").unbind("click").bind("click", function(event){
cancelEditMode($detailsTab);
return false;
});
$detailsTab.find("#save_button").unbind("click").bind("click", function(event){
doEditVM2($actionLink, $detailsTab, $midmenuItem1, $readonlyFields, $editFields);
return false;
});
}
function doEditVM2($actionLink, $detailsTab, $midmenuItem1, $readonlyFields, $editFields) {
// validate values
var isValid = true;
isValid &= validateString("Name", $detailsTab.find("#name_edit"), $detailsTab.find("#name_edit_errormsg"), true); //optional
isValid &= validateString("Display Text", $detailsTab.find("#group_edit"), $detailsTab.find("#group_edit_errormsg"), true); //optional
if (!isValid)
return;
var jsonObj = $midmenuItem1.data("jsonObj");
var id = jsonObj.id;
var array1 = [];
var name = trim($detailsTab.find("#vmname_edit").val());
array1.push("&displayName="+todb(name));
var group = trim($detailsTab.find("#group_edit").val());
array1.push("&group="+todb(group));
var haenable = $detailsTab.find("#haenable_edit").val();
array1.push("&haenable="+haenable);
var ostypeid = $detailsTab.find("#ostypename_edit").val();
array1.push("&ostypeid="+ostypeid);
$.ajax({
data: createURL("command=updateVirtualMachine&id="+id+array1.join("")),
dataType: "json",
success: function(json) {
var jsonObj = json.updatevirtualmachineresponse.virtualmachine;
vmToMidmenu(jsonObj, $midmenuItem1);
vmToRightPanel($midmenuItem1);
$editFields.hide();
$readonlyFields.show();
$("#save_button, #cancel_button").hide();
}
});
}
function doAttachISO($actionLink, $detailsTab, $midmenuItem1) {
$.ajax({
data: createURL("command=listIsos&isReady=true"),
dataType: "json",
async: false,
success: function(json) {
var isos = json.listisosresponse.iso;
var isoSelect = $("#dialog_attach_iso #attach_iso_select");
if (isos != null && isos.length > 0) {
isoSelect.empty();
for (var i = 0; i < isos.length; i++) {
isoSelect.append("<option value='"+isos[i].id+"'>"+fromdb(isos[i].displaytext)+"</option>");;
}
}
}
});
$("#dialog_attach_iso")
.dialog('option', 'buttons', {
"OK": function() {
var $thisDialog = $(this);
var isValid = true;
isValid &= validateDropDownBox("ISO", $thisDialog.find("#attach_iso_select"), $thisDialog.find("#attach_iso_select_errormsg"));
if (!isValid)
return;
$thisDialog.dialog("close");
var isoId = $("#dialog_attach_iso #attach_iso_select").val();
var jsonObj = $midmenuItem1.data("jsonObj");
var id = jsonObj.id;
var apiCommand = "command=attachIso&virtualmachineid="+id+"&id="+isoId;
doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
}
function doDetachISO($actionLink, $detailsTab, $midmenuItem1) {
$("#dialog_detach_iso_from_vm")
.dialog('option', 'buttons', {
"OK": function() {
$(this).dialog("close");
var jsonObj = $midmenuItem1.data("jsonObj");
var id = jsonObj.id;
var apiCommand = "command=detachIso&virtualmachineid="+id;
doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
}
function doResetPassword($actionLink, $detailsTab, $midmenuItem1) {
$("#dialog_confirmation")
.text(dictionary["message.action.instance.reset.password"])
.dialog('option', 'buttons', {
"Yes": function() {
$(this).dialog("close");
var jsonObj = $midmenuItem1.data("jsonObj");
if(jsonObj.passwordenabled != true) {
var $afterActionInfoContainer = $("#right_panel_content #after_action_info_container_on_top");
$afterActionInfoContainer.find("#after_action_info").text("Reset password failed. Reason: This instance is not using a template that has the password reset feature enabled. If you have forgotten your root password, please contact support.");
$afterActionInfoContainer.addClass("errorbox").show();
return;
}
var id = jsonObj.id;
var apiCommand = "command=resetPasswordForVirtualMachine&id="+id;
doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
},
"No": function() {
$(this).dialog("close");
}
}).dialog("open");
}
function doChangeService($actionLink, $detailsTab, $midmenuItem1) {
var jsonObj = $midmenuItem1.data("jsonObj");
var id = jsonObj.id;
$.ajax({
data: createURL("command=listServiceOfferings&VirtualMachineId="+id),
dataType: "json",
async: false,
success: function(json) {
var offerings = json.listserviceofferingsresponse.serviceoffering;
var offeringSelect = $("#dialog_change_service_offering #change_service_offerings").empty();
if (offerings != null && offerings.length > 0) {
for (var i = 0; i < offerings.length; i++) {
var option = $("<option value='" + offerings[i].id + "'>" + fromdb(offerings[i].displaytext) + "</option>").data("name", fromdb(offerings[i].name));
offeringSelect.append(option);
}
}
}
});
$("#dialog_change_service_offering")
.dialog('option', 'buttons', {
"OK": function() {
var $thisDialog = $(this);
var isValid = true;
isValid &= validateDropDownBox("Service Offering", $thisDialog.find("#change_service_offerings"), $thisDialog.find("#change_service_offerings_errormsg"));
if (!isValid)
return;
$thisDialog.dialog("close");
var serviceOfferingId = $thisDialog.find("#change_service_offerings").val();
if(jsonObj.state != "Stopped") {
$midmenuItem1.find("#info_icon").addClass("error").show();
$midmenuItem1.data("afterActionInfo", ($actionLink.data("label") + " action failed. Reason: virtual instance needs to be stopped before you can change its service."));
}
var apiCommand = "command=changeServiceForVirtualMachine&id="+id+"&serviceOfferingId="+serviceOfferingId;
doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
}
function vmToMidmenu(jsonObj, $midmenuItem1) {
$midmenuItem1.data("jsonObj", jsonObj);
$midmenuItem1.attr("id", getMidmenuId(jsonObj));
var vmName = getVmName(jsonObj.name, jsonObj.displayname);
$midmenuItem1.find("#first_row").text(vmName);
$midmenuItem1.find("#second_row").text(jsonObj.templatename);
updateVmStateInMidMenu(jsonObj, $midmenuItem1);
$midmenuItem1.data("toRightPanelFn", vmToRightPanel);
}
function vmToRightPanel($midmenuItem1) {
var jsonObj = $midmenuItem1.data("jsonObj");
var vmName = getVmName(jsonObj.name, jsonObj.displayname);
$("right_panel_header").find("#vm_name").text(vmName);
copyActionInfoFromMidMenuToRightPanel($midmenuItem1);
$("#right_panel_content").data("$midmenuItem1", $midmenuItem1);
$("#tab_details").click();
}
function vmJsonToDetailsTab(){
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
if ($midmenuItem1 == null) {
vmJsonClearDetailsTab();
return;
}
var jsonObj = $midmenuItem1.data("jsonObj");
if(jsonObj == null) {
vmJsonClearDetailsTab();
return;
}
var $thisTab = $("#right_panel_content").find("#tab_content_details");
$thisTab.find("#tab_container").hide();
$thisTab.find("#tab_spinning_wheel").show();
var id = jsonObj.id;
$.ajax({
data: createURL("command=listVirtualMachines&id="+id),
dataType: "json",
async: false,
success: function(json) {
var items = json.listvirtualmachinesresponse.virtualmachine;
if(items != null && items.length > 0) {
jsonObj = items[0]; //override jsonObj declared above
$midmenuItem1.data("jsonObj", jsonObj);
updateVmStateInMidMenu(jsonObj, $midmenuItem1);
}
}
});
resetViewConsoleAction(jsonObj, $thisTab);
setVmStateInRightPanel(jsonObj.state, $thisTab.find("#state"));
var timerKey = "refreshInstanceStatue";
$("body").stopTime(timerKey); //stop timer used by another middle menu item (i.e. stop timer when clicking on a different middle menu item)
if($midmenuItem1.find("#spinning_wheel").css("display") == "none") {
if(jsonObj.state == "Starting" || jsonObj.state == "Stopping") {
$("body").everyTime(
2000,
timerKey,
function() {
$.ajax({
data: createURL("command=listVirtualMachines&id="+id),
dataType: "json",
async: false,
success: function(json) {
var items = json.listvirtualmachinesresponse.virtualmachine;
if(items != null && items.length > 0) {
jsonObj = items[0]; //override jsonObj declared above
$midmenuItem1.data("jsonObj", jsonObj);
updateVmStateInMidMenu(jsonObj, $midmenuItem1);
if(!(jsonObj.state == "Starting" || jsonObj.state == "Stopping")) {
$("body").stopTime(timerKey);
}
if(jsonObj.id.toString() == $("#right_panel_content").find("#tab_content_details").find("#id").text()) {
setVmStateInRightPanel(jsonObj.state, $thisTab.find("#state"));
vmBuildActionMenu(jsonObj, $thisTab, $midmenuItem1);
}
}
}
});
}
);
}
}
$thisTab.find("#ipAddress").text(fromdb(jsonObj.ipaddress));
$thisTab.find("#id").text(fromdb(jsonObj.id));
$thisTab.find("#zoneName").text(fromdb(jsonObj.zonename));
var vmName = getVmName(jsonObj.name, jsonObj.displayname);
$thisTab.find("#title").text(vmName);
$thisTab.find("#vmname").text(vmName);
$thisTab.find("#vmname_edit").val(fromdb(jsonObj.displayname));
$thisTab.find("#ipaddress").text(fromdb(jsonObj.ipaddress));
$thisTab.find("#templateName").text(fromdb(jsonObj.templatename));
$thisTab.find("#ostypename").text(osTypeMap[fromdb(jsonObj.guestosid)]);
$thisTab.find("#ostypename_edit").val(fromdb(jsonObj.guestosid));
$thisTab.find("#serviceOfferingName").text(fromdb(jsonObj.serviceofferingname));
$thisTab.find("#account").text(fromdb(jsonObj.account));
$thisTab.find("#domain").text(fromdb(jsonObj.domain));
$thisTab.find("#hostName").text(fromdb(jsonObj.hostname));
$thisTab.find("#group").text(fromdb(jsonObj.group));
$thisTab.find("#group_edit").val(fromdb(jsonObj.group));
setDateField(jsonObj.created, $thisTab.find("#created"));
setBooleanReadField(jsonObj.haenable, $thisTab.find("#haenable"));
setBooleanEditField(jsonObj.haenable, $thisTab.find("#haenable_edit"));
setBooleanReadField((jsonObj.isoid != null), $thisTab.find("#iso"));
//actions ***
vmBuildActionMenu(jsonObj, $thisTab, $midmenuItem1);
$thisTab.find("#tab_spinning_wheel").hide();
$thisTab.find("#tab_container").show();
}
function vmBuildActionMenu(jsonObj, $thisTab, $midmenuItem1) {
var $actionMenu = $thisTab.find("#action_link #action_menu");
$actionMenu.find("#action_list").empty();
var noAvailableActions = true;
if (jsonObj.state == 'Destroyed') {
if(isAdmin() || isDomainAdmin()) {
buildActionLinkForTab("label.action.restore.instance", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
noAvailableActions = false;
}
}
else if (jsonObj.state == 'Running') {
buildActionLinkForTab("label.action.edit.instance", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
buildActionLinkForTab("label.action.stop.instance", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
buildActionLinkForTab("label.action.reboot.instance", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
buildActionLinkForTab("label.action.destroy.instance", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
if (jsonObj.isoid == null)
buildActionLinkForTab("label.action.attach.iso", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
else
buildActionLinkForTab("label.action.detach.iso", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
buildActionLinkForTab("label.action.reset.password", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
noAvailableActions = false;
}
else if (jsonObj.state == 'Stopped') {
buildActionLinkForTab("label.action.edit.instance", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
buildActionLinkForTab("label.action.start.instance", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
buildActionLinkForTab("label.action.destroy.instance", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
if (jsonObj.isoid == null)
buildActionLinkForTab("label.action.attach.iso", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
else
buildActionLinkForTab("label.action.detach.iso", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
buildActionLinkForTab("label.action.reset.password", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
buildActionLinkForTab("label.action.change.service", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
noAvailableActions = false;
}
else if (jsonObj.state == 'Error') {
buildActionLinkForTab("label.action.destroy.instance", vmActionMap, $actionMenu, $midmenuItem1, $thisTab);
noAvailableActions = false;
}
// no available actions
if(noAvailableActions == true) {
$actionMenu.find("#action_list").append($("#no_available_actions").clone().show());
}
}
function vmJsonToNicTab() {
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
if ($midmenuItem1 == null) {
vmJsonClearNicTab();
return;
}
var jsonObj = $midmenuItem1.data("jsonObj");
if(jsonObj == null) {
vmJsonClearNicTab();
return;
}
var $thisTab = $("#right_panel_content").find("#tab_content_nic");
var nics = jsonObj.nic;
var template = $("#nic_tab_template");
var $container = $thisTab.find("#tab_container").empty();
if(nics != null && nics.length > 0) {
for (var i = 0; i < nics.length; i++) {
var newTemplate = template.clone(true);
vmNicJSONToTemplate(nics[i], newTemplate, i+1);
$container.append(newTemplate.show());
}
}
}
function vmJsonClearNicTab() {
var $thisTab = $("#right_panel_content").find("#tab_content_nic");
$thisTab.find("#tab_container").empty();
}
function vmJsonToVolumeTab() {
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
if ($midmenuItem1 == null) {
vmJsonClearVolumeTab();
return;
}
var jsonObj = $midmenuItem1.data("jsonObj");
if(jsonObj == null) {
vmJsonClearVolumeTab();
return;
}
var $thisTab = $("#right_panel_content").find("#tab_content_volume");
$thisTab.find("#tab_container").hide();
$thisTab.find("#tab_spinning_wheel").show();
$.ajax({
cache: false,
data: createURL("command=listVolumes&virtualMachineId="+jsonObj.id),
dataType: "json",
success: function(json) {
var items = json.listvolumesresponse.volume;
var $container = $thisTab.find("#tab_container").empty();
if (items != null && items.length > 0) {
var template = $("#volume_tab_template");
for (var i = 0; i < items.length; i++) {
var newTemplate = template.clone(true);
vmVolumeJSONToTemplate(items[i], newTemplate);
$container.append(newTemplate.show());
}
}
$thisTab.find("#tab_spinning_wheel").hide();
$thisTab.find("#tab_container").show();
}
});
}
function vmJsonClearVolumeTab() {
var $thisTab = $("#right_panel_content").find("#tab_content_volume");
$thisTab.find("#tab_container").empty();
}
function vmJsonToStatisticsTab() {
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
if ($midmenuItem1 == null) {
vmJsonClearStatisticsTab();
return;
}
var jsonObj = $midmenuItem1.data("jsonObj");
if(jsonObj == null) {
vmJsonClearStatisticsTab();
return;
}
var $thisTab = $("#right_panel_content #tab_content_statistics");
var $barChartContainer = $thisTab.find("#cpu_barchart");
var cpuNumber = ((jsonObj.cpunumber==null)? "":jsonObj.cpunumber.toString());
$barChartContainer.find("#cpunumber").text(cpuNumber);
var cpuSpeed = ((jsonObj.cpuspeed==null)? "":convertHz(jsonObj.cpuspeed)) ;
$barChartContainer.find("#cpuspeed").text(cpuSpeed);
$barChartContainer.find("#bar_chart").removeClass().addClass("db_barbox").css("width", "0%");
$barChartContainer.find("#percentused").text("");
if(jsonObj.cpuused!=null)
drawBarChart($barChartContainer, jsonObj.cpuused);
var networkKbsRead = ((jsonObj.networkkbsread==null)? "":convertBytes(jsonObj.networkkbsread * 1024));
$thisTab.find("#networkkbsread").text(networkKbsRead);
var networkKbsWrite = ((jsonObj.networkkbswrite==null)? "":convertBytes(jsonObj.networkkbswrite * 1024));
$thisTab.find("#networkkbswrite").text(networkKbsWrite);
}
function vmJsonClearStatisticsTab() {
var $thisTab = $("#right_panel_content #tab_content_statistics");
var $barChartContainer = $thisTab.find("#cpu_barchart");
$barChartContainer.find("#cpunumber").text("");
$barChartContainer.find("#cpuspeed").text("");
$barChartContainer.find("#bar_chart").removeClass().addClass("db_barbox").css("width", "0%");
$barChartContainer.find("#percentused").text("");
drawBarChart($barChartContainer, null);
$thisTab.find("#networkkbsread").text("");
$thisTab.find("#networkkbswrite").text("");
}
function vmClearRightPanel(jsonObj) {
vmJsonClearDetailsTab();
vmJsonClearNicTab();
vmJsonClearVolumeTab();
vmJsonClearStatisticsTab();
$("#tab_details").click();
}
function vmJsonClearDetailsTab(){
var $thisTab = $("#right_panel_content").find("#tab_content_details");
resetViewConsoleAction(null, $thisTab);
setVmStateInRightPanel(null, $thisTab.find("#state"));
$thisTab.find("#ipAddress").text("");
$thisTab.find("#id").text("");
$thisTab.find("#zoneName").text("");
$thisTab.find("#title").text("");
$thisTab.find("#vmname").text("");
$thisTab.find("#vmname_edit").val("");
$thisTab.find("#ipaddress").text("");
$thisTab.find("#templateName").text("");
$thisTab.find("#ostypename").text("");
$thisTab.find("#ostypename_edit").val("");
$thisTab.find("#serviceOfferingName").text("");
$thisTab.find("#account").text("");
$thisTab.find("#domain").text("");
$thisTab.find("#hostName").text("");
$thisTab.find("#group").text("");
$thisTab.find("#group_edit").val("");
$thisTab.find("#created").text("");
$thisTab.find("#haenable").text("");
$thisTab.find("#haenable_edit").text("");
$thisTab.find("#iso").text("");
//actions ***
var $actionMenu = $("#right_panel_content #tab_content_details #action_link #action_menu");
$actionMenu.find("#action_list").empty();
$actionMenu.find("#action_list").append($("#no_available_actions").clone().show());
}
//***** declaration for volume tab (begin) *********************************************************
var vmVolumeActionMap = {
"label.action.detach.disk": {
api: "detachVolume",
isAsyncJob: true,
asyncJobResponse: "detachvolumeresponse",
inProcessText: "label.action.detach.disk.processing",
afterActionSeccessFn: function(json, id, $subgridItem) {
$subgridItem.slideUp("slow", function(){
$(this).remove();
});
}
},
"label.action.create.template": {
isAsyncJob: true,
asyncJobResponse: "createtemplateresponse",
dialogBeforeActionFn : doCreateTemplateFromVmVolume,
inProcessText: "label.action.create.template.processing",
afterActionSeccessFn: function(json, id, $subgridItem) {}
},
"label.action.take.snapshot": {
isAsyncJob: true,
asyncJobResponse: "createsnapshotresponse",
dialogBeforeActionFn : doTakeSnapshotFromVmVolume,
inProcessText: "label.action.take.snapshot.processing",
afterActionSeccessFn: function(json, id, $subgridItem) {}
}
}
function vmNicJSONToTemplate(json, $template, index) {
$template.attr("id","vm_nic_"+fromdb(json.id));
$template.find("#title").text(fromdb("NIC " + index));
$template.find("#ip").text(fromdb(json.ipaddress));
$template.find("#type").text(fromdb(json.type));
$template.find("#gateway").text(fromdb(json.gateway));
$template.find("#netmask").text(fromdb(json.netmask));
}
function vmVolumeJSONToTemplate(json, $template) {
$template.attr("id","vm_volume_"+fromdb(json.id));
$template.data("jsonObj", json);
$template.find("#title").text(fromdb(json.name));
$template.find("#id").text(fromdb(json.id));
$template.find("#name").text(fromdb(json.name));
if (json.storagetype == "shared")
$template.find("#type").text(fromdb(json.type) + " (shared storage)");
else
$template.find("#type").text(fromdb(json.type) + " (local storage)");
$template.find("#size").text((json.size == "0") ? "" : convertBytes(json.size));
setDateField(json.created, $template.find("#created"));
//***** actions (begin) *****
var $actionLink = $template.find("#action_link");
bindActionLink($actionLink);
/*
$actionLink.unbind("mouseover").bind("mouseover", function(event) {
$(this).find("#action_menu").show();
return false;
});
$actionLink.unbind("mouseout").bind("mouseout", function(event) {
$(this).find("#action_menu").hide();
return false;
});
*/
var $actionMenu = $actionLink.find("#action_menu");
$actionMenu.find("#action_list").empty();
var noAvailableActions = true;
buildActionLinkForSubgridItem("label.action.take.snapshot", vmVolumeActionMap, $actionMenu, $template);
noAvailableActions = false;
if(json.type=="ROOT") { //"label.action.create.template" is allowed(when stopped), "label.action.detach.disk" is disallowed.
if (json.vmstate == "Stopped") {
buildActionLinkForSubgridItem("label.action.create.template", vmVolumeActionMap, $actionMenu, $template);
noAvailableActions = false;
}
}
else { //json.type=="DATADISK": "label.action.detach.disk" is allowed, "label.action.create.template" is disallowed.
buildActionLinkForSubgridItem("label.action.detach.disk", vmVolumeActionMap, $actionMenu, $template);
noAvailableActions = false;
}
// no available actions
if(noAvailableActions == true) {
$actionMenu.find("#action_list").append($("#no_available_actions").clone().show());
}
//***** actions (end) *****
}
//***** declaration for volume tab (end) *********************************************************
function appendInstanceGroup(groupId, groupName) {
var $leftmenuSubmenuTemplate = $("#leftmenu_submenu_template").clone().show();
$leftmenuSubmenuTemplate.attr("id", ("leftmenu_instance_group_"+groupId));
$leftmenuSubmenuTemplate.data("groupId", groupId)
$leftmenuSubmenuTemplate.find("#submenu_name").text(groupName);
$leftmenuSubmenuTemplate.find("#icon").attr("src", "images/instance_leftmenuicon.png").show();
$leftmenuSubmenuTemplate.bind("click", function(event) {
$("#midmenu_container").empty();
selectedItemsInMidMenu = {};
var groupId = $(this).data("groupId");
$.ajax({
cache: false,
data: createURL("command=listVirtualMachines&groupid="+groupId+"&pagesize="+midmenuItemCount+"&page=1"),
dataType: "json",
success: function(json) {
var instances = json.listvirtualmachinesresponse.virtualmachine;
if (instances != null && instances.length > 0) {
var $template = $("#midmenu_item");
for(var i=0; i<instances.length;i++) {
var $midmenuItem1 = $template.clone();
vmToMidmenu(instances[i], $midmenuItem1);
bindClickToMidMenu($midmenuItem1, vmToRightPanel, getMidmenuId);
$("#midmenu_container").append($midmenuItem1.show());
if(i == 0) { //click the 1st item in middle menu as default
$midmenuItem1.click();
$midmenuItem1.addClass("ui-selected"); //because instance page is using JQuery selectable widget to do multiple-selection
selectedItemsInMidMenu[instances[i].id] = $midmenuItem1; //because instance page is using JQuery selectable widget to do multiple-selection
}
}
}
}
});
return false;
});
$("#leftmenu_instance_group_container").append($leftmenuSubmenuTemplate);
}
function doCreateTemplateFromVmVolume($actionLink, $subgridItem) {
var jsonObj = $subgridItem.data("jsonObj");
$("#dialog_create_template")
.dialog('option', 'buttons', {
"OK": function() {
var thisDialog = $(this);
// validate values
var isValid = true;
isValid &= validateString("Name", thisDialog.find("#create_template_name"), thisDialog.find("#create_template_name_errormsg"));
isValid &= validateString("Display Text", thisDialog.find("#create_template_desc"), thisDialog.find("#create_template_desc_errormsg"));
if (!isValid)
return;
thisDialog.dialog("close");
var name = trim(thisDialog.find("#create_template_name").val());
var desc = trim(thisDialog.find("#create_template_desc").val());
var osType = thisDialog.find("#create_template_os_type").val();
var isPublic = thisDialog.find("#create_template_public").val();
var password = thisDialog.find("#create_template_password").val();
var id = $subgridItem.data("jsonObj").id;
var apiCommand = "command=createTemplate&volumeId="+id+"&name="+todb(name)+"&displayText="+todb(desc)+"&osTypeId="+osType+"&isPublic="+isPublic+"&passwordEnabled="+password;
doActionToSubgridItem(id, $actionLink, apiCommand, $subgridItem);
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
}
function doTakeSnapshotFromVmVolume($actionLink, $subgridItem) {
$("#dialog_confirmation")
.text(dictionary["message.action.take.snapshot"])
.dialog('option', 'buttons', {
"Confirm": function() {
$(this).dialog("close");
var id = $subgridItem.data("jsonObj").id;
var apiCommand = "command=createSnapshot&volumeid="+id;
doActionToSubgridItem(id, $actionLink, apiCommand, $subgridItem);
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
}
Reference in New Issue View Git Blame Copy Permalink