mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
1261 lines
58 KiB
JavaScript
1261 lines
58 KiB
JavaScript
function clickInstanceGroupHeader($arrowIcon) {
|
|
//***** VM Detail (begin) ******************************************************************************
|
|
var $vmPopup
|
|
var $rightPanelHeader;
|
|
var $rightPanelContent;
|
|
|
|
var $midmenuItem = $("#midmenu_item");
|
|
|
|
var noGroupName = "(no group name)";
|
|
|
|
var vmListAPIMap = {
|
|
listAPI: "listVirtualMachines",
|
|
listAPIResponse: "listvirtualmachinesresponse",
|
|
listAPIResponseObj: "virtualmachine"
|
|
};
|
|
|
|
var vmActionMap = {
|
|
"Stop Instance": {
|
|
api: "stopVirtualMachine",
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "stopvirtualmachineresponse",
|
|
afterActionSeccessFn: vmToMidmenu
|
|
},
|
|
"Start Instance": {
|
|
api: "startVirtualMachine",
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "startvirtualmachineresponse",
|
|
afterActionSeccessFn: vmToMidmenu
|
|
},
|
|
"Reboot Instance": {
|
|
api: "rebootVirtualMachine",
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "rebootvirtualmachineresponse",
|
|
afterActionSeccessFn: vmToMidmenu
|
|
},
|
|
"Destroy Instance": {
|
|
api: "destroyVirtualMachine",
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "destroyvirtualmachineresponse",
|
|
afterActionSeccessFn: vmToMidmenu
|
|
},
|
|
"Restore Instance": {
|
|
api: "recoverVirtualMachine",
|
|
isAsyncJob: false,
|
|
afterActionSeccessFn: vmToMidmenu
|
|
},
|
|
"Attach ISO": {
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "attachisoresponse",
|
|
dialogBeforeActionFn : doAttachISO,
|
|
afterActionSeccessFn: vmToMidmenu
|
|
},
|
|
"Detach ISO": {
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "detachisoresponse",
|
|
dialogBeforeActionFn : doDetachISO,
|
|
afterActionSeccessFn: vmToMidmenu
|
|
},
|
|
"Reset Password": {
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "resetpasswordforvirtualmachineresponse",
|
|
dialogBeforeActionFn : doResetPassword,
|
|
afterActionSeccessFn: function(){}
|
|
},
|
|
"Change Name": {
|
|
isAsyncJob: false,
|
|
dialogBeforeActionFn : doChangeName,
|
|
afterActionSeccessFn: vmToMidmenu
|
|
},
|
|
"Change Service": {
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "changeserviceforvirtualmachineresponse",
|
|
dialogBeforeActionFn : doChangeService,
|
|
afterActionSeccessFn: vmToMidmenu
|
|
},
|
|
"Change Group": {
|
|
isAsyncJob: false,
|
|
dialogBeforeActionFn : doChangeGroup,
|
|
afterActionSeccessFn: vmToMidmenu
|
|
},
|
|
"Enable HA": {
|
|
isAsyncJob: false,
|
|
dialogBeforeActionFn : doEnableHA,
|
|
afterActionSeccessFn: vmToMidmenu
|
|
},
|
|
"Disable HA": {
|
|
isAsyncJob: false,
|
|
dialogBeforeActionFn : doDisableHA,
|
|
afterActionSeccessFn: vmToMidmenu
|
|
}
|
|
}
|
|
|
|
function doAttachISO($t, selectedItemsInMidMenu, vmListAPIMap) {
|
|
$.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', {
|
|
"Confirm": function() {
|
|
$(this).dialog("close");
|
|
var isoId = $("#dialog_attach_iso #attach_iso_select").val();
|
|
if (isoId == "none") {
|
|
$("#dialog_alert").html("<p>There is no ISO file to attach to the virtual machine.</p>");
|
|
$("#dialog_alert").dialog("open");
|
|
return false;
|
|
}
|
|
for(var id in selectedItemsInMidMenu) {
|
|
var apiCommand = "command=attachIso&virtualmachineid="+id+"&id="+isoId;
|
|
doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
function doDetachISO($t, selectedItemsInMidMenu, vmListAPIMap) {
|
|
$("#dialog_confirmation")
|
|
.html("<p>Please confirm you want to detach an ISO from the virtual machine(s)</p>")
|
|
.dialog('option', 'buttons', {
|
|
"Confirm": function() {
|
|
$(this).dialog("close");
|
|
for(var id in selectedItemsInMidMenu) {
|
|
var apiCommand = "command=detachIso&virtualmachineid="+id;
|
|
doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
function doResetPassword($t, selectedItemsInMidMenu, vmListAPIMap) {
|
|
$("#dialog_confirmation")
|
|
.html("<p>Please confirm you want to change the ROOT password for your virtual machine(s)</p>")
|
|
.dialog('option', 'buttons', {
|
|
"Confirm": function() {
|
|
$(this).dialog("close");
|
|
for(var id in selectedItemsInMidMenu) {
|
|
var $midMenuItem = selectedItemsInMidMenu[id];
|
|
var jsonObj = $midMenuItem.data("jsonObj");
|
|
if(jsonObj.state != "Stopped") {
|
|
$midMenuItem.find("#info_icon").addClass("error").show();
|
|
$midMenuItem.data("afterActionInfo", ($t.data("label") + " action failed. Reason: This instance needs to be stopped before you can reset password"));
|
|
continue;
|
|
}
|
|
if(jsonObj.passwordEnabled != "true") {
|
|
$midMenuItem.find("#info_icon").addClass("error").show();
|
|
$midMenuItem.data("afterActionInfo", ($t.data("label") + " action 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."));
|
|
continue;
|
|
}
|
|
var apiCommand = "command=resetPasswordForVirtualMachine&id="+id;
|
|
doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
function doChangeName($t, selectedItemsInMidMenu, vmListAPIMap) {
|
|
$("#dialog_change_name")
|
|
.dialog('option', 'buttons', {
|
|
"Confirm": function() {
|
|
var thisDialog = $(this);
|
|
thisDialog.dialog("close");
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("Name", thisDialog.find("#change_instance_name"), thisDialog.find("#change_instance_name_errormsg"));
|
|
if (!isValid) return;
|
|
|
|
var name = trim(thisDialog.find("#change_instance_name").val());
|
|
|
|
for(var id in selectedItemsInMidMenu) {
|
|
var apiCommand = "command=updateVirtualMachine&id="+id+"&displayName="+todb(name);
|
|
doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
function doChangeService($t, selectedItemsInMidMenu, vmListAPIMap) {
|
|
$.ajax({
|
|
//data: createURL("command=listServiceOfferings&VirtualMachineId="+vmId), //can not specifiy VirtualMachineId since we allow multiple-item-selection.
|
|
data: createURL("command=listServiceOfferings"), //can not specifiy VirtualMachineId since we support multiple-item-selection.
|
|
dataType: "json",
|
|
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', {
|
|
"Change": function() {
|
|
var thisDialog = $(this);
|
|
thisDialog.dialog("close");
|
|
|
|
for(var id in selectedItemsInMidMenu) {
|
|
var $midMenuItem = selectedItemsInMidMenu[id];
|
|
var jsonObj = $midMenuItem.data("jsonObj");
|
|
if(jsonObj.state != "Stopped") {
|
|
$midMenuItem.find("#info_icon").addClass("error").show();
|
|
$midMenuItem.data("afterActionInfo", ($t.data("label") + " action failed. Reason: virtual instance needs to be stopped before you can change its service."));
|
|
continue;
|
|
}
|
|
var apiCommand = "command=changeServiceForVirtualMachine&id="+id+"&serviceOfferingId="+thisDialog.find("#change_service_offerings").val();
|
|
doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
function doChangeGroup($t, selectedItemsInMidMenu, vmListAPIMap) {
|
|
$("#dialog_change_group")
|
|
.dialog('option', 'buttons', {
|
|
"Confirm": function() {
|
|
var thisDialog = $(this);
|
|
thisDialog.dialog("close");
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("Group", thisDialog.find("#change_group_name"), thisDialog.find("#change_group_name_errormsg"), true); //group name is optional
|
|
if (!isValid) return;
|
|
|
|
for(var id in selectedItemsInMidMenu) {
|
|
var $midMenuItem = selectedItemsInMidMenu[id];
|
|
var jsonObj = $midMenuItem.data("jsonObj");
|
|
var group = trim(thisDialog.find("#change_group_name").val());
|
|
var apiCommand = "command=updateVirtualMachine&id="+id+"&group="+todb(group);
|
|
doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
function doEnableHA($t, selectedItemsInMidMenu, vmListAPIMap) {
|
|
var message = "<p>Please confirm you want to enable HA for your virtual machine. Once HA is enabled, your Virtual Instance will be automatically restarted in the event it is detected to have failed.</p>";
|
|
|
|
$("#dialog_confirmation")
|
|
.html(message)
|
|
.dialog('option', 'buttons', {
|
|
"Confirm": function() {
|
|
$(this).dialog("close");
|
|
for(var id in selectedItemsInMidMenu) {
|
|
var $midMenuItem = selectedItemsInMidMenu[id];
|
|
var jsonObj = $midMenuItem.data("jsonObj");
|
|
var apiCommand = "command=updateVirtualMachine&id="+id+"&haenable=true";
|
|
doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
function doDisableHA($t, selectedItemsInMidMenu, vmListAPIMap) {
|
|
var message = "<p>Please confirm you want to disable HA for your virtual machine. Once HA is disabled, your Virtual Instance will no longer be be automatically restarted in the event of a failure.</p>";
|
|
|
|
$("#dialog_confirmation")
|
|
.html(message)
|
|
.dialog('option', 'buttons', {
|
|
"Confirm": function() {
|
|
$(this).dialog("close");
|
|
for(var id in selectedItemsInMidMenu) {
|
|
var $midMenuItem = selectedItemsInMidMenu[id];
|
|
var jsonObj = $midMenuItem.data("jsonObj");
|
|
var apiCommand = "command=updateVirtualMachine&id="+id+"&haenable=false";
|
|
doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
|
|
|
|
function updateVirtualMachineStateInRightPanel(state) {
|
|
if(state == "Running")
|
|
$rightPanelContent.find("#state").text(state).removeClass("red gray").addClass("green");
|
|
else if(state == "Stopped")
|
|
$rightPanelContent.find("#state").text(state).removeClass("green gray").addClass("red");
|
|
else //Destroyed, Creating, ~
|
|
$rightPanelContent.find("#state").text(state).removeClass("green red").addClass("gray");
|
|
}
|
|
|
|
function updateVirtualMachineStateInMidMenu(jsonObj, midmenuItem) {
|
|
if(jsonObj.state == "Running")
|
|
midmenuItem.find("#icon").attr("src", "images/status_green.png");
|
|
else if(jsonObj.state == "Stopped")
|
|
midmenuItem.find("#icon").attr("src", "images/status_red.png");
|
|
else //Destroyed, Creating, ~
|
|
midmenuItem.find("#icon").attr("src", "images/status_gray.png");
|
|
}
|
|
|
|
function vmToMidmenu(json, $midmenuItem1, toRightPanelFn) {
|
|
$midmenuItem1.data("jsonObj", json);
|
|
$midmenuItem1.data("toRightPanelFn", toRightPanelFn);
|
|
$midmenuItem1.attr("id", ("midmenuItem_"+json.id));
|
|
|
|
var $iconContainer = $midmenuItem1.find("#icon_container").show();
|
|
$iconContainer.find("#icon").attr("src", "images/status_gray.png");
|
|
|
|
var vmName = getVmName(json.name, json.displayname);
|
|
$midmenuItem1.find("#first_row").text(vmName);
|
|
//$midmenuItem1.find("#second_row_label").text("IP Address:");
|
|
$midmenuItem1.find("#second_row").text(json.ipaddress);
|
|
updateVirtualMachineStateInMidMenu(json, $midmenuItem1);
|
|
$midmenuItem1.bind("click", function(event) {
|
|
var $t = $(this);
|
|
vmToRightPanel($t);
|
|
return false;
|
|
});
|
|
}
|
|
|
|
function vmToRightPanel($midmenuItem) {
|
|
//details tab
|
|
if($midmenuItem.find("#info_icon").css("display") != "none") {
|
|
$rightPanelContent.find("#after_action_info").text($midmenuItem.data("afterActionInfo"));
|
|
if($midmenuItem.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();
|
|
}
|
|
|
|
var jsonObj = $midmenuItem.data("jsonObj");
|
|
var vmName = getVmName(jsonObj.name, jsonObj.displayname);
|
|
$rightPanelHeader.find("#vm_name").text(fromdb(vmName));
|
|
updateVirtualMachineStateInRightPanel(jsonObj.state);
|
|
$rightPanelContent.find("#ipAddress").text(jsonObj.ipaddress);
|
|
$rightPanelContent.find("#zoneName").text(fromdb(jsonObj.zonename));
|
|
$rightPanelContent.find("#templateName").text(fromdb(jsonObj.templatename));
|
|
$rightPanelContent.find("#serviceOfferingName").text(fromdb(jsonObj.serviceofferingname));
|
|
$rightPanelContent.find("#created").text(jsonObj.created);
|
|
$rightPanelContent.find("#account").text(fromdb(jsonObj.account));
|
|
$rightPanelContent.find("#domain").text(fromdb(jsonObj.domain));
|
|
$rightPanelContent.find("#hostName").text(fromdb(jsonObj.hostname));
|
|
$rightPanelContent.find("#group").text(fromdb(jsonObj.group));
|
|
|
|
setBooleanField(jsonObj.haenable, $rightPanelContent.find("#ha"));
|
|
setBooleanField((jsonObj.isoid != null && jsonObj.isoid.length > 0), $rightPanelContent.find("#iso"));
|
|
|
|
//volume tab
|
|
//if (getHypervisorType() == "kvm")
|
|
//detail.find("#volume_action_create_template").show();
|
|
$.ajax({
|
|
cache: false,
|
|
data: createURL("command=listVolumes&virtualMachineId="+jsonObj.id+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listvolumesresponse.volume;
|
|
if (items != null && items.length > 0) {
|
|
var container = $rightPanelContent.find("#tab_content_volume").empty();
|
|
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());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function vmClearRightPanel(jsonObj) {
|
|
$rightPanelHeader.find("#vm_name").text("");
|
|
updateVirtualMachineStateInRightPanel("");
|
|
$rightPanelContent.find("#ipAddress").text("");
|
|
$rightPanelContent.find("#zoneName").text("");
|
|
$rightPanelContent.find("#templateName").text("");
|
|
$rightPanelContent.find("#serviceOfferingName").text("");
|
|
$rightPanelContent.find("#ha").hide();
|
|
$rightPanelContent.find("#created").text("");
|
|
$rightPanelContent.find("#account").text("");
|
|
$rightPanelContent.find("#domain").text("");
|
|
$rightPanelContent.find("#hostName").text("");
|
|
$rightPanelContent.find("#group").text("");
|
|
$rightPanelContent.find("#iso").hide();
|
|
}
|
|
|
|
//***** declaration for volume tab (begin) *********************************************************
|
|
var vmVolumeActionMap = {
|
|
"Detach Disk": {
|
|
api: "detachVolume",
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "detachvolumeresponse",
|
|
inProcessText: "Detaching disk....",
|
|
afterActionSeccessFn: function(jsonObj, template){
|
|
template.slideUp("slow", function(){
|
|
$(this).remove();
|
|
});
|
|
}
|
|
},
|
|
"Create Template": {
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "createtemplateresponse",
|
|
dialogBeforeActionFn : doCreateTemplate,
|
|
inProcessText: "Creating template....",
|
|
afterActionSeccessFn: function(){}
|
|
}
|
|
}
|
|
|
|
function vmVolumeJSONToTemplate(json, template) {
|
|
template.attr("id","vm_volume_"+json.id);
|
|
//template.data("id", json.id);
|
|
template.data("jsonObj", json);
|
|
template.find("#id").text(json.id);
|
|
template.find("#name").text(json.name);
|
|
if (json.storagetype == "shared")
|
|
template.find("#type").text(json.type + " (shared storage)");
|
|
else
|
|
template.find("#type").text(json.type + " (local storage)");
|
|
|
|
template.find("#size").text((json.size == "0") ? "" : convertBytes(json.size));
|
|
setDateField(json.created, template.find("#created"));
|
|
|
|
var $actionLink = template.find("#volume_action_link");
|
|
$actionLink.bind("mouseover", function(event) {
|
|
$(this).find("#volume_action_menu").show();
|
|
return false;
|
|
});
|
|
$actionLink.bind("mouseout", function(event) {
|
|
$(this).find("#volume_action_menu").hide();
|
|
return false;
|
|
});
|
|
|
|
var $actionMenu = $actionLink.find("#volume_action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
if(json.type=="ROOT") { //"create template" is allowed(when stopped), "detach disk" is disallowed.
|
|
if (json.vmstate == "Stopped")
|
|
buildActionLinkForSingleObject("Create Template", vmVolumeActionMap, $actionMenu, volumeListAPIMap, template);
|
|
}
|
|
else { //json.type=="DATADISK": "detach disk" is allowed, "create template" is disallowed.
|
|
buildActionLinkForSingleObject("Detach Disk", vmVolumeActionMap, $actionMenu, volumeListAPIMap, template);
|
|
}
|
|
|
|
}
|
|
//***** declaration for volume tab (end) *********************************************************
|
|
|
|
|
|
$("#midmenu_add_link").show();
|
|
if($arrowIcon.hasClass("close") == true) {
|
|
$arrowIcon.removeClass("close").addClass("open");
|
|
$.ajax({
|
|
cache: false,
|
|
data: createURL("command=listVirtualMachines"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var instanceGroupMap = {};
|
|
var instanceGroupArray = [];
|
|
var instances = json.listvirtualmachinesresponse.virtualmachine;
|
|
if (instances != null && instances.length > 0) {
|
|
for (var i = 0; i < instances.length; i++) {
|
|
var group1 = instances[i].group;
|
|
if(group1 == null || group1.length == 0)
|
|
group1 = noGroupName;
|
|
if(group1 in instanceGroupMap) {
|
|
instanceGroupMap[group1].push(instances[i]);
|
|
}
|
|
else {
|
|
instanceGroupMap[group1] = [instances[i]];
|
|
instanceGroupArray.push(group1);
|
|
}
|
|
}
|
|
}
|
|
for(var i=0; i < instanceGroupArray.length; i++) {
|
|
if(instanceGroupArray[i]!=null && instanceGroupArray[i].length>0) {
|
|
var $leftmenuSubmenuTemplate = $("#leftmenu_submenu_template").clone().show();
|
|
$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");
|
|
$("#midmenu_container").empty();
|
|
selectedItemsInMidMenu = {};
|
|
|
|
var groupName = $(this).find("#submenu_name").text();
|
|
var group1 = groupName;
|
|
if(groupName == noGroupName)
|
|
group1 = "";
|
|
|
|
$.ajax({
|
|
cache: false,
|
|
data: createURL("command=listVirtualMachines&group="+group1+"&pagesize="+midmenuItemCount),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var instances = json.listvirtualmachinesresponse.virtualmachine;
|
|
for(var i=0; i<instances.length;i++) {
|
|
var $template = $midmenuItem.clone();
|
|
vmToMidmenu(instances[i], $template, vmToRightPanel);
|
|
$("#midmenu_container").append($template.show());
|
|
}
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
$("#leftmenu_instance_group_container").append($leftmenuSubmenuTemplate);
|
|
}
|
|
}
|
|
|
|
//action menu
|
|
$("#midmenu_action_link").show();
|
|
$("#action_menu #action_list").empty();
|
|
for(var label in vmActionMap)
|
|
buildActionLinkForMidMenu(label, vmActionMap, $("#action_menu"), vmListAPIMap);
|
|
}
|
|
});
|
|
}
|
|
else if($arrowIcon.hasClass("open") == true) {
|
|
$arrowIcon.removeClass("open").addClass("close");
|
|
$("#leftmenu_instance_group_container").empty();
|
|
}
|
|
//***** VM Detail (end) ********************************************************************************
|
|
$("#right_panel").load("jsp/instance.jsp", function() {
|
|
$rightPanelHeader = $("#right_panel_header");
|
|
$rightPanelContent = $("#right_panel_content");
|
|
|
|
var $noDiskOfferingTemplate = $("#vm_popup_disk_offering_template_no");
|
|
var $customDiskOfferingTemplate = $("#vm_popup_disk_offering_template_custom");
|
|
var $existingDiskOfferingTemplate = $("#vm_popup_disk_offering_template_existing");
|
|
|
|
activateDialog($("#dialog_attach_iso").dialog({
|
|
width: 600,
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
|
|
activateDialog($("#dialog_change_name").dialog({
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
|
|
activateDialog($("#dialog_change_service_offering").dialog({
|
|
width: 600,
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
|
|
activateDialog($("#dialog_change_group").dialog({
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
|
|
activateDialog($("#dialog_create_template").dialog({
|
|
width: 400,
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
|
|
//***** switch to different tab (begin) ********************************************************************
|
|
$("#tab_details").bind("click", function(event){
|
|
$(this).removeClass("off").addClass("on");
|
|
$("#tab_volume, #tab_statistics").removeClass("on").addClass("off");
|
|
$("#tab_content_details").show();
|
|
$("#tab_content_volume, #tab_content_statistics").hide();
|
|
return false;
|
|
});
|
|
|
|
$("#tab_volume").bind("click", function(event){
|
|
$(this).removeClass("off").addClass("on");
|
|
$("#tab_details, #tab_statistics").removeClass("on").addClass("off");
|
|
$("#tab_content_volume").show();
|
|
$("#tab_content_details, #tab_content_statistics").hide();
|
|
return false;
|
|
});
|
|
|
|
$("#tab_statistics").bind("click", function(event){
|
|
$(this).removeClass("off").addClass("on");
|
|
$("#tab_details, #tab_volume").removeClass("on").addClass("off");
|
|
$("#tab_content_statistics").show();
|
|
$("#tab_content_details, #tab_content_volume").hide();
|
|
return false;
|
|
});
|
|
//***** switch to different tab (end) **********************************************************************
|
|
|
|
//***** VM Wizard (begin) ******************************************************************************
|
|
$vmPopup = $("#vm_popup");
|
|
var $serviceOfferingTemplate = $("#vm_popup_service_offering_template");
|
|
var currentPageInTemplateGridInVmPopup =1;
|
|
var selectedTemplateTypeInVmPopup; //selectedTemplateTypeInVmPopup will be set to "featured" when new VM dialog box opens
|
|
|
|
$("#midmenu_add_link").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++) {
|
|
$zoneSelect.append("<option value='" + zones[i].id + "'>" + fromdb(zones[i].name) + "</option>");
|
|
}
|
|
}
|
|
listTemplatesInVmPopup();
|
|
}
|
|
});
|
|
|
|
$.ajax({
|
|
data: createURL("command=listServiceOfferings"),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function(json) {
|
|
var offerings = json.listserviceofferingsresponse.serviceoffering;
|
|
var $container = $("#service_offering_container");
|
|
$container.empty();
|
|
|
|
//var checked = "checked";
|
|
if (offerings != null && offerings.length > 0) {
|
|
for (var i = 0; i < offerings.length; i++) {
|
|
//if (i != 0)
|
|
// checked = "";
|
|
|
|
var $t = $serviceOfferingTemplate.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");
|
|
|
|
//if(i == 0)
|
|
// $t.find("input:radio[name=service_offering_radio]").attr("checked", true);
|
|
//var listItem = $("<li><input class='radio' type='radio' name='service' id='service' value='"+offerings[i].id+"'" + checked + "/><label style='width:500px;font-size:11px;' for='service'>"+fromdb(offerings[i].displaytext)+"</label></li>");
|
|
$container.append($t.show());
|
|
}
|
|
//Safari and Chrome are not smart enough to make checkbox checked if html markup is appended by JQuery.append(). So, the following 2 lines are added.
|
|
var html_all = $container.html();
|
|
$container.html(html_all);
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
$.ajax({
|
|
data: createURL("command=listDiskOfferings&domainid=1"),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function(json) {
|
|
var offerings = json.listdiskofferingsresponse.diskoffering;
|
|
var $dataDiskOfferingContainer = $("#data_disk_offering_container").empty();
|
|
var $rootDiskOfferingContainer = $("#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)
|
|
var $t = $noDiskOfferingTemplate.clone();
|
|
$t.find("input:radio").attr("name","data_disk_offering_radio");
|
|
$t.find("#name").text("no, thanks");
|
|
$dataDiskOfferingContainer.append($t.show());
|
|
|
|
//"custom" radio button
|
|
var $t = $customDiskOfferingTemplate.clone();
|
|
$t.find("input:radio").attr("name","data_disk_offering_radio").removeAttr("checked");
|
|
$t.find("#name").text("custom:");
|
|
$dataDiskOfferingContainer.append($t.show());
|
|
|
|
//existing disk offerings in database
|
|
if (offerings != null && offerings.length > 0) {
|
|
for (var i = 0; i < offerings.length; i++) {
|
|
var $t = $existingDiskOfferingTemplate.clone();
|
|
$t.find("input:radio").attr("name","data_disk_offering_radio").val(offerings[i].id).removeAttr("checked");
|
|
$t.find("#name").text(fromdb(noNull(offerings[i].name)));
|
|
$t.find("#description").text(fromdb(offerings[i].displaytext));
|
|
$dataDiskOfferingContainer.append($t.show());
|
|
}
|
|
}
|
|
|
|
//Safari and Chrome are not smart enough to make checkbox checked if html markup is appended by JQuery.append(). So, the following 2 lines are added.
|
|
var html_all = $dataDiskOfferingContainer.html();
|
|
$dataDiskOfferingContainer.html(html_all);
|
|
//***** data disk offering: "no, thanks", "custom", existing disk offerings in database (end) *******************************************************
|
|
|
|
//***** root disk offering: "custom", existing disk offerings in database (begin) *******************************************************************
|
|
//"custom" radio button
|
|
var $t = $customDiskOfferingTemplate.clone();
|
|
$t.find("input:radio").attr("name","root_disk_offering_radio").val("custom");
|
|
if (offerings != null && offerings.length > 0) //default is the 1st existing disk offering. If there is no existing disk offering, default to "custom" radio button
|
|
$t.find("input:radio").removeAttr("checked");
|
|
$t.find("#name").text("custom:");
|
|
$rootDiskOfferingContainer.append($t.show());
|
|
|
|
//existing disk offerings in database
|
|
if (offerings != null && offerings.length > 0) {
|
|
for (var i = 0; i < offerings.length; i++) {
|
|
var $t = $existingDiskOfferingTemplate.clone();
|
|
$t.find("input:radio").attr("name","root_disk_offering_radio").val(offerings[i].id);
|
|
if(i > 0) //default is the 1st existing disk offering. If there is no existing disk offering, default to "custom" radio button
|
|
$t.find("input:radio").removeAttr("checked");
|
|
$t.find("#name").text(fromdb(offerings[i].name));
|
|
$t.find("#description").text(fromdb(offerings[i].displaytext));
|
|
$rootDiskOfferingContainer.append($t.show());
|
|
}
|
|
}
|
|
|
|
//Safari and Chrome are not smart enough to make checkbox checked if html markup is appended by JQuery.append(). So, the following 2 lines are added.
|
|
var html_all = $rootDiskOfferingContainer.html();
|
|
$rootDiskOfferingContainer.html(html_all);
|
|
//***** root disk offering: "custom", existing disk offerings in database (end) *********************************************************************
|
|
|
|
|
|
|
|
|
|
/*
|
|
$("#wizard_root_disk_offering, #wizard_data_disk_offering").empty();
|
|
|
|
var html =
|
|
"<li>"
|
|
+"<input class='radio' type='radio' name='datadisk' id='datadisk' value='' checked/>"
|
|
+"<label style='width:500px;font-size:11px;' for='disk'>No disk offering</label>"
|
|
+"</li>";
|
|
$("#wizard_data_disk_offering").append(html);
|
|
|
|
if (offerings != null && offerings.length > 0) {
|
|
for (var i = 0; i < offerings.length; i++) {
|
|
var html =
|
|
"<li>"
|
|
+"<input class='radio' type='radio' name='rootdisk' id='rootdisk' value='"+offerings[i].id+"'" + ((i==0)?"checked":"") + "/>"
|
|
+"<label style='width:500px;font-size:11px;' for='disk'>"+fromdb(offerings[i].displaytext)+"</label>"
|
|
+"</li>";
|
|
$("#wizard_root_disk_offering").append(html);
|
|
|
|
var html2 =
|
|
"<li>"
|
|
+"<input class='radio' type='radio' name='datadisk' id='datadisk' value='"+offerings[i].id+"'" + "/>"
|
|
+"<label style='width:500px;font-size:11px;' for='disk'>"+fromdb(offerings[i].displaytext)+"</label>"
|
|
+"</li>";
|
|
$("#wizard_data_disk_offering").append(html2);
|
|
}
|
|
//Safari and Chrome are not smart enough to make checkbox checked if html markup is appended by JQuery.append(). So, the following 2 lines are added.
|
|
var html_all = $("#wizard_root_disk_offering").html();
|
|
$("#wizard_root_disk_offering").html(html_all);
|
|
|
|
var html_all2 = $("#wizard_data_disk_offering").html();
|
|
$("#wizard_data_disk_offering").html(html_all2);
|
|
}
|
|
*/
|
|
|
|
|
|
}
|
|
});
|
|
|
|
|
|
$vmPopup.find("#wizard_service_offering").click();
|
|
return false;
|
|
});
|
|
|
|
|
|
function vmWizardCleanup() {
|
|
currentStepInVmPopup = 1;
|
|
$vmPopup.find("#step1").show().nextAll().hide();
|
|
//$vmPopup.find("#prev_step").hide();
|
|
//$vmPopup.find("#next_step").show();
|
|
$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;
|
|
});
|
|
|
|
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("#search_button").bind("click", function(event) {
|
|
currentPageInTemplateGridInVmPopup = 1;
|
|
listTemplatesInVmPopup();
|
|
return false; //event.preventDefault() + event.stopPropagation()
|
|
});
|
|
|
|
$vmPopup.find("#search_input").bind("keypress", function(event) {
|
|
if(event.keyCode == keycode_Enter) {
|
|
$vmPopup.find("#search_button").click();
|
|
return false; //event.preventDefault() + event.stopPropagation()
|
|
}
|
|
});
|
|
|
|
$vmPopup.find("#nextPage").bind("click", function(event){
|
|
currentPageInTemplateGridInVmPopup++;
|
|
listTemplatesInVmPopup();
|
|
return false; //event.preventDefault() + event.stopPropagation()
|
|
});
|
|
|
|
$vmPopup.find("#prevPage").bind("click", function(event){
|
|
currentPageInTemplateGridInVmPopup--;
|
|
listTemplatesInVmPopup();
|
|
return false; //event.preventDefault() + event.stopPropagation()
|
|
});
|
|
|
|
var vmPopupStep2PageSize = 11; //max number of templates each page in step2 of New VM wizard is 11
|
|
function listTemplatesInVmPopup() {
|
|
var zoneId = $vmPopup.find("#wizard_zone").val();
|
|
if(zoneId == null || zoneId.length == 0)
|
|
return;
|
|
|
|
var container = $vmPopup.find("#template_container");
|
|
|
|
var commandString;
|
|
var searchInput = $vmPopup.find("#search_input").val();
|
|
if (selectedTemplateTypeInVmPopup != "blank") {
|
|
if (searchInput != null && searchInput.length > 0)
|
|
commandString = "command=listTemplates&templatefilter="+selectedTemplateTypeInVmPopup+"&zoneid="+zoneId+"&keyword="+searchInput+"&page="+currentPageInTemplateGridInVmPopup;
|
|
else
|
|
commandString = "command=listTemplates&templatefilter="+selectedTemplateTypeInVmPopup+"&zoneid="+zoneId+"&page="+currentPageInTemplateGridInVmPopup;
|
|
} else {
|
|
if (searchInput != null && searchInput.length > 0)
|
|
commandString = "command=listIsos&isReady=true&bootable=true&zoneid="+zoneId+"&keyword="+searchInput+"&page="+currentPageInTemplateGridInVmPopup;
|
|
else
|
|
commandString = "command=listIsos&isReady=true&bootable=true&zoneid="+zoneId+"&page="+currentPageInTemplateGridInVmPopup;
|
|
}
|
|
|
|
var loading = $vmPopup.find("#wiz_template_loading").show();
|
|
if(currentPageInTemplateGridInVmPopup==1)
|
|
$vmPopup.find("#prevPage").hide();
|
|
else
|
|
$vmPopup.find("#prevPage").show();
|
|
|
|
$.ajax({
|
|
data: createURL(commandString),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function(json) {
|
|
var items;
|
|
if (selectedTemplateTypeInVmPopup != "blank")
|
|
items = json.listtemplatesresponse.template;
|
|
else
|
|
items = json.listisosresponse.iso;
|
|
loading.hide();
|
|
container.empty();
|
|
if (items != null && items.length > 0) {
|
|
var first = true;
|
|
for (var i = 0; i < items.length; i++) {
|
|
var divClass = "rev_wiztemplistbox";
|
|
if (first) {
|
|
divClass = "rev_wiztemplistbox_selected";
|
|
first = false;
|
|
}
|
|
|
|
var html = '<div class="'+divClass+'" id="'+items[i].id+'">'
|
|
+'<div class="'+getIconForOS(items[i].ostypename)+'"></div>'
|
|
+'<div class="rev_wiztemp_listtext">'+fromdb(items[i].displaytext)+'</div>'
|
|
+'<div class="rev_wiztemp_ownertext">'+fromdb(items[i].account)+'</div>'
|
|
+'</div>';
|
|
container.append(html);
|
|
}
|
|
if(items.length < vmPopupStep2PageSize)
|
|
$vmPopup.find("#nextPage").hide();
|
|
else
|
|
$vmPopup.find("#nextPage").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("#nextPage").hide();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
$vmPopup.find("#template_container").bind("click", function(event) {
|
|
var container = $(this);
|
|
var target = $(event.target);
|
|
var parent = target.parent();
|
|
if (parent.hasClass("rev_wiztemplistbox_selected") || parent.hasClass("rev_wiztemplistbox")) {
|
|
target = parent;
|
|
}
|
|
if (target.attr("id") != "-2") {
|
|
if (target.hasClass("rev_wiztemplistbox")) {
|
|
container.find(".rev_wiztemplistbox_selected").removeClass().addClass("rev_wiztemplistbox");
|
|
target.removeClass().addClass("rev_wiztemplistbox_selected");
|
|
} else if (target.hasClass("rev_wiztemplistbox_selected")) {
|
|
target.removeClass().addClass("rev_wiztemplistbox");
|
|
}
|
|
}
|
|
});
|
|
|
|
$vmPopup.find("#wizard_zone").bind("change", function(event) {
|
|
var selectedZone = $(this).val();
|
|
if(selectedZone != null && selectedZone.length > 0)
|
|
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;
|
|
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("Root Disk Offering");
|
|
$thisPopup.find("#root_disk_offering_container").show();
|
|
$thisPopup.find("#data_disk_offering_container").hide();
|
|
}
|
|
else { //template
|
|
$thisPopup.find("#step3_label").text("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());
|
|
$thisPopup.find("#wizard_review_template").text($thisPopup.find("#step1 .rev_wiztemplistbox_selected .rev_wiztemp_listtext").text());
|
|
}
|
|
|
|
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($thisPopup.find("#wiz_blank").hasClass("rev_wizmid_selectedtempbut")) { //ISO
|
|
$thisPopup.find("#wizard_review_disk_offering_label").text("Root Disk Offering:");
|
|
$thisPopup.find("#wizard_review_disk_offering").text($thisPopup.find("#root_disk_offering_container input[name=root_disk_offering_radio]:checked").next().text());
|
|
}
|
|
else { //template
|
|
var checkedRadioButton = $thisPopup.find("#data_disk_offering_container input[name=data_disk_offering_radio]:checked");
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
if(checkedRadioButton.parent().attr("id") == "vm_popup_disk_offering_template_custom")
|
|
isValid &= validateNumber("Disk Size", $thisPopup.find("#custom_disk_size"), $thisPopup.find("#custom_disk_size_errormsg"), null, null, false); //required
|
|
else
|
|
isValid &= validateNumber("Disk Size", $thisPopup.find("#custom_disk_size"), $thisPopup.find("#custom_disk_size_errormsg"), null, null, true); //optional
|
|
if (!isValid) return;
|
|
|
|
$thisPopup.find("#wizard_review_disk_offering_label").text("Data Disk Offering:");
|
|
|
|
var diskOfferingName = checkedRadioButton.next().text();
|
|
if(checkedRadioButton.parent().attr("id") == "vm_popup_disk_offering_template_custom")
|
|
diskOfferingName += (" " + $thisPopup.find("#data_disk_offering_container input[name=data_disk_offering_radio]:checked").next().next().next().val() + " MB");
|
|
$thisPopup.find("#wizard_review_disk_offering").text(diskOfferingName);
|
|
}
|
|
}
|
|
|
|
if (currentStepInVmPopup == 4) { //network
|
|
|
|
}
|
|
|
|
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;
|
|
|
|
// Create a new VM!!!!
|
|
var moreCriteria = [];
|
|
moreCriteria.push("&zoneId="+$thisPopup.find("#wizard_zone").val());
|
|
|
|
moreCriteria.push("&templateId="+$thisPopup.find("#step1 .rev_wiztemplistbox_selected").attr("id"));
|
|
|
|
moreCriteria.push("&serviceOfferingId="+$thisPopup.find("input:radio[name=service_offering_radio]:checked").val());
|
|
|
|
var diskOfferingId;
|
|
if ($thisPopup.find("#wiz_blank").hasClass("rev_wizmid_selectedtempbut")) //ISO
|
|
diskOfferingId = $thisPopup.find("#root_disk_offering_container input[name=root_disk_offering_radio]:checked").val();
|
|
else //template
|
|
diskOfferingId = $thisPopup.find("#data_disk_offering_container input[name=data_disk_offering_radio]:checked").val();
|
|
if(diskOfferingId != null && diskOfferingId != "" && diskOfferingId != "no" && diskOfferingId != "custom")
|
|
moreCriteria.push("&diskOfferingId="+diskOfferingId);
|
|
|
|
var customDiskSize = $thisPopup.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));
|
|
|
|
vmWizardClose();
|
|
|
|
var $t = $("#midmenu_item").clone();
|
|
$t.find("#first_row").text("Adding....");
|
|
$t.find("#content").addClass("inaction");
|
|
$t.find("#spinning_wheel").show();
|
|
$("#midmenu_container").append($t.show());
|
|
|
|
$.ajax({
|
|
data: createURL("command=deployVirtualMachine"+moreCriteria.join("")),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var jobId = json.deployvirtualmachineresponse.jobid;
|
|
$t.attr("id","vmNew"+jobId).data("jobId", 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);
|
|
$t.find("#content").removeClass("inaction");
|
|
$t.find("#spinning_wheel").hide();
|
|
if (result.jobstatus == 1) {
|
|
// Succeeded
|
|
$t.find("#info_icon").removeClass("error").show();
|
|
$t.data("afterActionInfo", ("Adding succeeded."));
|
|
if("virtualmachine" in result)
|
|
vmToMidmenu(result.virtualmachine[0], $t, vmToRightPanel);
|
|
|
|
} else if (result.jobstatus == 2) {
|
|
// Failed
|
|
$t.find("#first_row").text("Adding failed");
|
|
$t.find("#info_icon").addClass("error").show();
|
|
$t.data("afterActionInfo", ("Adding failed. Reason: " + fromdb(result.jobresult)));
|
|
$t.bind("click", function(event) {
|
|
$rightPanelContent.find("#after_action_info").text($(this).data("afterActionInfo"));
|
|
$rightPanelContent.find("#after_action_info_container").addClass("errorbox");
|
|
$rightPanelContent.find("#after_action_info_container").show();
|
|
vmClearRightPanel();
|
|
return false;
|
|
});
|
|
}
|
|
}
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
$("body").stopTime(timerKey);
|
|
$t.find("#info_icon").addClass("error").show();
|
|
$t.find("#first_row").text("Adding failed");
|
|
handleError(XMLHttpResponse);
|
|
}
|
|
});
|
|
},
|
|
0
|
|
);
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
$t.find("#info_icon").addClass("error").show();
|
|
$t.find("#first_row").text("Adding failed");
|
|
handleError(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--;
|
|
// if (currentStepInVmPopup == 1) {
|
|
// $vmPopup.find("#prev_step").hide();
|
|
// }
|
|
return false; //event.preventDefault() + event.stopPropagation()
|
|
});
|
|
//***** VM Wizard (end) ********************************************************************************
|
|
|
|
//***** Volume tab (begin) *****************************************************************************
|
|
/*
|
|
$("#volume_action_link").live("mouseover", function(event) {
|
|
$(this).find("#volume_action_menu").show();
|
|
return false;
|
|
});
|
|
$("#volume_action_link").live("mouseout", function(event) {
|
|
$(this).find("#volume_action_menu").hide();
|
|
return false;
|
|
});
|
|
*/
|
|
|
|
$.ajax({
|
|
data: createURL("command=listOsTypes&response=json"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
types = json.listostypesresponse.ostype;
|
|
if (types != null && types.length > 0) {
|
|
var select = $("#dialog_create_template #create_template_os_type").empty();
|
|
for (var i = 0; i < types.length; i++) {
|
|
select.append("<option value='" + types[i].id + "'>" + types[i].description + "</option>");
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
//***** Volume tab (end) *******************************************************************************
|
|
|
|
|
|
});
|
|
}
|
|
|
|
|
|
|