apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-11-03 04:12:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

new UI - template page - implement create VM from template action.

Browse Source
This commit is contained in:
Jessica Wang 2010-09-15 17:15:27 -07:00
parent bb3a330b8d
commit e9014301e2
1 changed files with 75 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
ui/new/scripts/cloud.core2.template.js
View File

@ -31,7 +31,7 @@ function afterLoadTemplateJSP() {
}); });
//OS type dropdown *** //populate dropdown ***
$.ajax({ $.ajax({
data: createURL("command=listOsTypes&response=json"+maxPageSize), data: createURL("command=listOsTypes&response=json"+maxPageSize),
dataType: "json", dataType: "json",
@ -47,6 +47,33 @@ function afterLoadTemplateJSP() {
} }
}); });
$.ajax({
data: createURL("command=listServiceOfferings&response=json"+maxPageSize),
dataType: "json",
success: function(json) {
var items = json.listserviceofferingsresponse.serviceoffering;
if(items != null && items.length > 0 ) {
var serviceOfferingField = $("#dialog_create_vm_from_template #service_offering").empty();
for(var i = 0; i < items.length; i++)
serviceOfferingField.append("<option value='" + items[i].id + "'>" + sanitizeXSS(items[i].name) + "</option>");
}
}
});
$.ajax({
data: createURL("command=listDiskOfferings&response=json"+maxPageSize),
dataType: "json",
success: function(json) {
var items = json.listdiskofferingsresponse.diskoffering;
if(items != null && items.length > 0 ) {
var diskOfferingField = $("#dialog_create_vm_from_template #disk_offering").empty();
for(var i = 0; i < items.length; i++)
diskOfferingField.append("<option value='" + items[i].id + "'>" + sanitizeXSS(items[i].name) + "</option>");
}
}
});
//initialize dialog box *** //initialize dialog box ***
activateDialog($("#dialog_copy_template").dialog({ activateDialog($("#dialog_copy_template").dialog({
width:300, width:300,
@ -153,12 +180,12 @@ function templateJsonToDetailsTab(jsonObj) {
// action Edit, Copy, Create VM // action Edit, Copy, Create VM
if ((isUser() && jsonObj.ispublic == "true" && !(jsonObj.domainid == g_domainid && jsonObj.account == g_account)) || jsonObj.id==DomRTemplateId || jsonObj.isready == "false") { if ((isUser() && jsonObj.ispublic == "true" && !(jsonObj.domainid == g_domainid && jsonObj.account == g_account)) || jsonObj.id==DomRTemplateId || jsonObj.isready == "false") {
//template.find("#template_edit_container, #template_copy_container, #template_create_vm_container").hide(); //template.find("#template_edit_container, #template_copy_container, #template_create_vm_container").hide();
$("edit_button").hide(); $("#edit_button").hide();
} }
else { else {
$("edit_button").show(); $("#edit_button").show();
buildActionLinkForDetailsTab("Copy Template", templateActionMap, $actionMenu, templateListAPIMap); buildActionLinkForDetailsTab("Copy Template", templateActionMap, $actionMenu, templateListAPIMap);
//buildActionLinkForDetailsTab("Create VM", templateActionMap, $actionMenu, templateListAPIMap); buildActionLinkForDetailsTab("Create VM", templateActionMap, $actionMenu, templateListAPIMap);
} }
// action Delete // action Delete
@ -232,7 +259,15 @@ var templateActionMap = {
isAsyncJob: true, isAsyncJob: true,
asyncJobResponse: "createtemplateresponse", asyncJobResponse: "createtemplateresponse",
dialogBeforeActionFn : doCopyTemplate, dialogBeforeActionFn : doCopyTemplate,
inProcessText: "Copy Template....", inProcessText: "Copying Template....",
afterActionSeccessFn: function(){}
}
,
"Create VM": {
isAsyncJob: true,
asyncJobResponse: "deployvirtualmachineresponse",
dialogBeforeActionFn : doCreateVMFromTemplate,
inProcessText: "Creating VM....",
afterActionSeccessFn: function(){} afterActionSeccessFn: function(){}
} }
} }
@ -370,3 +405,38 @@ function doCopyTemplate($actionLink, listAPIMap, $detailsTab) {
} }
}).dialog("open"); }).dialog("open");
} }
function doCreateVMFromTemplate($actionLink, listAPIMap, $detailsTab) {
var jsonObj = $detailsTab.data("jsonObj");
var id = jsonObj.id;
var name = jsonObj.name;
var zoneId = jsonObj.zoneid;
var createVmDialog = $("#dialog_create_vm_from_template");
createVmDialog.find("#template").text(name);
createVmDialog
.dialog('option', 'buttons', {
"Create": function() {
var thisDialog = $(this);
thisDialog.dialog("close");
// validate values
var isValid = true;
isValid &= validateString("Name", thisDialog.find("#name"), thisDialog.find("#name_errormsg"), true);
isValid &= validateString("Group", thisDialog.find("#group"), thisDialog.find("#group_errormsg"), true);
if (!isValid) return;
var name = trim(thisDialog.find("#name").val());
var group = trim(thisDialog.find("#group").val());
var serviceOfferingId = thisDialog.find("#service_offering").val();
var diskOfferingId = thisDialog.find("#disk_offering").val();
var apiCommand = "command=deployVirtualMachine&zoneId="+zoneId+"&serviceOfferingId="+serviceOfferingId+"&diskOfferingId="+diskOfferingId+"&templateId="+id+"&group="+encodeURIComponent(group)+"&displayname="+encodeURIComponent(name);
doActionToDetailsTab(id, $actionLink, apiCommand, listAPIMap);
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
}