cloudstack/ui/scripts/autoscaler.js
Brian Federle bbfb13a1d9 Merge Autoscaler UI implemetation
This change includes the new dialog box for the CloudStack Autoscaler
implementation. It is accessible by a button ('Autoscaler') that
appears under each LB rule.

This also contains changes to the multiEdit widget to support features
required for Autoscaler:

-Fixes context/data passing to custom button widgets
-Fixes data retrieval for select fields
2012-11-16 10:56:45 +05:30

1044 lines
36 KiB
JavaScript

// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing,
// software distributed under the License is distributed on an
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
// KIND, either express or implied. See the License for the
// specific language governing permissions and limitations
// under the License.
(function($,cloudstack) {
var scaleUpData = [];
var totalScaleUpCondition = 0;
var scaleDownData = [];
var totalScaleDownCondition = 0;
cloudStack.autoscaler = {
dataProvider: function(args) {
// Reset data
scaleUpData = [];
totalScaleUpCondition = 0;
scaleDownData = [];
totalScaleDownCondition = 0;
var sampleData = null;
/*
var sampleData = {
templateNames: '58d3f4b2-e847-4f93-993d-1ab1505129b6', //(will set this value to dropdown)
serviceOfferingId: '4aa823f3-27ec-46af-9e07-b023d7a7a6f1', //(will set this value to dropdown)
minInstance: 1,
maxInstance: 10,
scaleUpPolicy: {
id: 12345,
duration: 1000,
conditions: [
{
id: 1,
counterid: 'cpu',
relationaloperator: "GE",
threshold: 100
},
{
id: 2,
counterid: 'memory',
relationaloperator: "LT",
threshold: 200
}
]
},
scaleDownPolicy: {
id: 6789,
duration: 500,
conditions: [
{
id: 1,
counterid: 'cpu',
relationaloperator: "LT",
threshold: 30
},
{
id: 2,
counterid: 'cpu',
relationaloperator: "LT",
threshold: 50
}
]
},
interval: 200,
quietTime: 300,
destroyVMgracePeriod: null,
securityGroups: null, // (will set this value to dropdown)
diskOfferingId: 'a21c9aa4-ef7e-41dd-91eb-70b2182816b0', // (will set this value to dropdown)
snmpCommunity: 1,
snmpPort: 225,
isAdvanced: false // Set this to true if any advanced field data is present
};
*/
args.response.success({ data: sampleData });
},
// --
// Add the following object blocks:
//
// topFields: { <standard createForm field format> }
// bottomFields: { <standard createForm field format> },
// scaleUpPolicy: { <standard multiEdit field format> },
// scaleDownPolicy: { <standard multiEdit field format> }
// --
//
forms: {
topFields: {
//**
//** Disabled due to UI issues
//**
// templateCategory: {
// label: 'Template',
// id: 'templatecategory',
// select: function(args) {
// args.response.success({
// data: [
// { id: 'all', description: _l('ui.listView.filters.all') },
// { id: 'featured', description: _l('label.featured') },
// { id: 'Community', description: _l('label.menu.community.templates') },
// { id: 'self', description: _l('ui.listView.filters.mine') }
// ]
// });
// }
// },
//**
templateNames: {
label: 'label.template',
id: 'templatename',
select: function(args) {
var templates;
var templateIdMap = {};
$.ajax({
url: createURL('listTemplates'),
data: {
templatefilter: 'featured',
zoneid: args.context.networks[0].zoneid
},
async: false,
success: function(json) {
templates = json.listtemplatesresponse.template;
if (templates == null)
templates = [];
$(templates).each(function() {
templateIdMap[this.id] = 1;
});
}
});
$.ajax({
url: createURL('listTemplates'),
data: {
templatefilter: 'community',
zoneid: args.context.networks[0].zoneid
},
async: false,
success: function(json) {
var items = json.listtemplatesresponse.template;
$(items).each(function() {
if(!(this.id in templateIdMap)) {
templates.push(this);
templateIdMap[this.id] = 1;
}
});
}
});
$.ajax({
url: createURL('listTemplates'),
data: {
templatefilter: 'selfexecutable',
zoneid: args.context.networks[0].zoneid
},
async: false,
success: function(json) {
var items = json.listtemplatesresponse.template;
$(items).each(function() {
if(!(this.id in templateIdMap)) {
templates.push(this);
templateIdMap[this.id] = 1;
}
});
}
});
args.response.success({
data: $.map(templates, function(template) {
return {
id: template.id,
description: template.name
};
})
});
}
},
serviceOfferingId: {
label: 'label.compute.offering',
select: function(args) {
$.ajax({
url: createURL("listServiceOfferings&issystem=false"),
dataType: "json",
async: true,
success: function(json) {
var serviceofferings = json.listserviceofferingsresponse.serviceoffering;
args.response.success({
data: $.map(serviceofferings, function(serviceoffering) {
return {
id: serviceoffering.id,
description: serviceoffering.name
};
})
});
}
});
}
},
minInstance: {
label: 'Min Instances',
defaultValue: '3',
validation: { required: true }
},
maxInstance: {
label: 'Max Instances',
defaultValue: '10',
validation: { required: true }
}
},
bottomFields: {
isAdvanced: { isBoolean: true, label: 'Show advanced settings' },
interval: {
label: 'Polling Interval (in sec)',
defaultValue: '30',
validation: { required: true }
},
quietTime: {
label: 'Quiet Time (in sec)',
defaultValue: '300',
validation: { required: true }
},
destroyVMgracePeriod: {
label: 'Destroy VM Grace Period',
defaultValue: '30',
isHidden:true,
dependsOn:'isAdvanced',
validation: { required: true }
},
securityGroups: {
label: 'label.menu.security.groups',
isHidden: true,
dependsOn: 'isAdvanced',
select: function(args) {
$.ajax({
url: createURL("listSecurityGroups&listAll=true"),
dataType: "json",
async: true,
success: function(json) {
var securitygroups = json.listsecuritygroupsresponse.securitygroup;
var items = [];
items.push({id: "", description: ""});
$(securitygroups).each(function(){
items.push({id: this.id, description: this.name});
});
args.response.success({ data: items });
}
});
}
},
diskOfferingId: {
label: 'label.menu.disk.offerings',
isHidden: true,
dependsOn: 'isAdvanced',
select: function(args) {
$.ajax({
url: createURL("listDiskOfferings&listAll=true"),
dataType: "json",
async: true,
success: function(json) {
var diskofferings = json.listdiskofferingsresponse.diskoffering;
var items = [];
items.push({id: "", description: ""});
$(diskofferings).each(function(){
items.push({id: this.id, description: this.name});
});
args.response.success({ data: items });
}
});
}
},
snmpCommunity: {
isHidden: true,
dependsOn: 'isAdvanced',
label: 'SNMP Community',
defaultValue: 'public',
validation: { required: true }
},
snmpPort: {
isHidden: true,
dependsOn: 'isAdvanced',
label: 'SNMP Port',
defaultValue: '161',
validation: { required: true }
},
username: {
isHidden: true,
dependsOn: 'isAdvanced',
label: 'User',
select: function(args) {
var items = [];
if(isAdmin() || isDomainAdmin()) {
$.ajax({
url: createURL('listUsers'),
data: {
domainid: g_domainid,
account: g_account
},
success: function(json) {
var users = json.listusersresponse.user;
$(users).each(function(){
items.push({id: this.id, description: this.username});
});
args.response.success({ data: items });
}
});
}
else { //regular user doesn't have access to listUers API call.
items.push({id: "", description: ""});
}
}
}
},
scaleUpPolicy: {
title: 'ScaleUp Policy',
label: 'SCALE UP POLICY',
noSelect: true,
noHeaderActionsColumn: true,
ignoreEmptyFields: true,
fields: {
'counterid': {
label: 'Counter',
select: function(args) {
$.ajax({
url: createURL("listCounters"),
dataType: "json",
async: true,
success: function(json) {
var counters = json.counterresponse.counter;
args.response.success({
data: $.map(counters, function(counter) {
return {
name: counter.id,
description: counter.name
};
})
});
}
});
}
},
'relationaloperator': {
label: 'Operator',
select: function(args) {
args.response.success({
data: [
{ name: 'GT', description: 'greater-than' },
{ name: 'GE', description: 'greater-than or equals to' },
{ name: 'LT', description: 'less-than' },
{ name: 'LE', description: 'less-than or equals to' },
{ name: 'EQ', description: 'equals-to' }
]
});
}
},
'threshold': { edit: true, label: 'Threshold' },
'add-scaleUpcondition': {
label: 'label.add',
addButton: true
}
},
add: {
label: 'label.add',
action: function(args) {
scaleUpData.push($.extend(args.data, {
index: totalScaleUpCondition
}));
totalScaleUpCondition++;
args.response.success();
}
},
actions: {
destroy: {
label: '',
action: function(args) {
scaleUpData = $.grep(scaleUpData, function(item) {
return item.index != args.context.multiRule[0].index;
});
totalScaleUpCondition--;
args.response.success();
}
}
},
dataProvider: function(args) {
var data = scaleUpData;
var $autoscaler = $('.ui-dialog .autoscaler');
var initialData = $autoscaler.data('autoscaler-scale-up-data');
if ($.isArray(initialData)) {
$(initialData).each(function() {
this.index = totalScaleUpCondition;
totalScaleUpCondition++;
scaleUpData.push(this);
});
$autoscaler.data('autoscaler-scale-up-data', null);
}
args.response.success({
data: scaleUpData
});
}
/*actions: {
destroy: {
label: '',
action: function(args) {
$.ajax({
url: createURL("deleteCondition&id=" + args.context.multiRule[0].counterid),
dataType: 'json',
async: true,
success: function(data) {
var jobId = data.deleteconditionresponse.jobid;
args.response.success({
_custom: {
jobId: jobId
}
});
}
});
}
}
},
ignoreEmptyFields: true,
dataProvider: function(args) {
$.ajax({
url: createURL('listConditions'),
dataType: 'json',
async: true,
success: function(data) {
args.response.success({
data: $.map(
data.listconditionsresponse.condition ?
data.listconditionsresponse.condition : [],
function(elem) {
return {
counterid: elem.id,
relationaloperator: elem.relationaloperator,
threshold: elem.threshold
};
}
)
});
}
});
}*/
},
scaleDownPolicy: {
title: 'ScaleDown Policy',
noSelect: true,
noHeaderActionsColumn: true,
ignoreEmptyFields: true,
fields: {
'counterid': {
label: 'Counter',
select: function(args) {
$.ajax({
url: createURL("listCounters"),
dataType: "json",
async: true,
success: function(json) {
var counters = json.counterresponse.counter;
args.response.success({
data: $.map(counters, function(counter) {
return {
name: counter.id,
description: counter.name
};
})
});
}
});
}
},
'relationaloperator': {
label: 'Operator',
select: function(args) {
args.response.success({
data: [
{ name: 'GT', description: 'greater-than' },
{ name: 'GE', description: 'greater-than or equals to' },
{ name: 'LT', description: 'less-than' },
{ name: 'LE', description: 'less-than or equals to' },
{ name: 'EQ', description: 'equals-to' }
]
});
}
},
'threshold': { edit: true, label: 'Threshold'},
'add-scaleDowncondition': {
label: 'label.add',
addButton: true
}
},
add: {
label: 'label.add',
action: function(args) {
scaleDownData.push($.extend(args.data, {
index: totalScaleDownCondition
}));
totalScaleDownCondition++;
args.response.success();
}
},
actions: {
destroy: {
label: '',
action: function(args) {
scaleDownData = $.grep(scaleDownData, function(item) {
return item.index != args.context.multiRule[0].index;
});
totalScaleDownCondition--;
args.response.success();
}
}
},
dataProvider: function(args) {
var data = scaleDownData;
var $autoscaler = $('.ui-dialog .autoscaler');
var initialData = $autoscaler.data('autoscaler-scale-down-data');
if ($.isArray(initialData)) {
$(initialData).each(function() {
this.index = totalScaleDownCondition;
totalScaleDownCondition++;
scaleDownData.push(this);
});
$autoscaler.data('autoscaler-scale-down-data', null);
}
args.response.success({
data: scaleDownData
});
}
/*
actions: {
destroy: {
label: '',
action: function(args) {
$.ajax({
url: createURL("deleteCondition&id=" + args.context.multiRule[0].counterid),
dataType: 'json',
async: true,
success: function(data) {
var jobId = data.deleteconditionresponse.jobid;
args.response.success({
_custom: {
jobId: jobId
}
});
}
});
}
}
},
ignoreEmptyFields: true,
dataProvider: function(args) {
$.ajax({
url: createURL('listConditions'),
dataType: 'json',
async: true,
success: function(data) {
args.response.success({
data: $.map(
data.listconditionsresponse.condition ?
data.listconditionsresponse.condition : [],
function(elem) {
return {
counterid: elem.id,
relationaloperator: elem.relationaloperator,
threshold: elem.threshold
};
}
)
});
}
});
}*/
}
},
actions: {
add: function(args) {
//validation (begin) *****
if(isAdmin() || isDomainAdmin()) { //only admin and domain-admin has access to listUers API
var havingApiKeyAndSecretKey = false;
$.ajax({
url: createURL('listUsers'),
data: {
id: args.data.username
},
async: false,
success: function(json) {
if(json.listusersresponse.user[0].apikey != null && json.listusersresponse.user[0].secretkey != null) {
havingApiKeyAndSecretKey = true;
}
}
});
if(havingApiKeyAndSecretKey == false) {
args.response.error('The selected user in advanced settings does not have API key or secret key');
return;
}
}
if(isAdmin()) { //only admin has access to listConfigurations API
var hasValidEndpointeUrl = false;
$.ajax({
url: createURL('listConfigurations'),
data: {
name: 'endpointe.url'
},
async: false,
success: function(json) {
if(json.listconfigurationsresponse.configuration != null) {
if(json.listconfigurationsresponse.configuration[0].value.indexOf('localhost') == -1) {
hasValidEndpointeUrl = true;
}
}
}
});
if(hasValidEndpointeUrl == false) {
args.response.error("Global setting endpointe.url has to be set to the Management Server's API end point");
return;
}
}
//validation (end) *****
var scaleVmProfileResponse = [];
var loadBalancerResponse = [];
var scaleVmGroupResponse = [];
var scaleUpConditionIds = [];
var scaleDownConditionIds = [];
var scaleUp = function(args){
var scaleUpConditionIds = [];
$(scaleUpData).each(function(){
var data = {
counterid: this.counterid,
relationaloperator: this.relationaloperator,
threshold: this.threshold
};
$.ajax({
url: createURL('createCondition'),
data: data,
success: function(json) {
var createConditionIntervalID = setInterval(function() {
$.ajax({
url: createURL("queryAsyncJobResult&jobid=" + json.conditionresponse.jobid),
dataType: "json",
success: function(json) {
var result = json.queryasyncjobresultresponse;
if(result.jobstatus == 0) {
return;
}
else {
clearInterval(createConditionIntervalID);
if(result.jobstatus == 1) {
var item = json.queryasyncjobresultresponse.jobresult.condition;
scaleUpConditionIds.push(item.id);
if (scaleUpConditionIds.length == scaleUpData.length) {
var data = {
action: 'scaleup',
conditionids: scaleUpConditionIds.join(","),
duration: args.data.scaleUpDuration,
quiettime: args.data.quietTime
};
$.ajax({
url: createURL('createAutoScalePolicy'),
data: data,
success: function(json) {
var jobId = json.autoscalepolicyresponse.jobid;
var createAutoScalePolicyInterval = setInterval(function(){
$.ajax({
url: createURL("queryAsyncJobResult&jobId="+jobId),
dataType: "json",
success: function(json) {
var result = json.queryasyncjobresultresponse;
if (result.jobstatus == 0) {
return; //Job has not completed
}
else {
clearInterval(createAutoScalePolicyInterval);
if (result.jobstatus == 1) { //AutoScalePolicy successfully created
var item = result.jobresult.autoscalepolicy;
scaleDown($.extend(args, {
scaleUpPolicyResponse: item
}));
}
else if (result.jobstatus == 2) {
args.response.error({ message: _s(result.jobresult.errortext) });
}
}
}
});
}, 3000);
},
error: function(XMLHttpResponse) {
args.response.error(parseXMLHttpResponse(XMLHttpResponse));
}
});
}
}
else if(result.jobstatus == 2) {
args.response.error({ message: _s(result.jobresult.errortext) });
}
}
}
});
}, 3000);
},
error: function(XMLHttpResponse) {
args.response.error(parseXMLHttpResponse(XMLHttpResponse));
}
});
});
};
var scaleDown = function(args){
var scaleDownConditionIds = [];
$(scaleDownData).each(function(){
var data = {
counterid: this.counterid,
relationaloperator: this.relationaloperator,
threshold: this.threshold
};
$.ajax({
url: createURL('createCondition'),
data: data,
success: function(json) {
var createConditionIntervalID = setInterval(function() {
$.ajax({
url: createURL("queryAsyncJobResult&jobid=" + json.conditionresponse.jobid),
dataType: "json",
success: function(json) {
var result = json.queryasyncjobresultresponse;
if(result.jobstatus == 0) {
return;
}
else {
clearInterval(createConditionIntervalID);
if(result.jobstatus == 1) {
var item = json.queryasyncjobresultresponse.jobresult.condition;
scaleDownConditionIds.push(item.id);
if (scaleDownConditionIds.length == scaleDownData.length) {
var data = {
action: 'scaledown',
conditionids: scaleDownConditionIds.join(","),
duration: args.data.scaleDownDuration,
quiettime: args.data.quietTime
};
$.ajax({
url: createURL('createAutoScalePolicy'),
data: data,
success: function(json) {
var jobId = json.autoscalepolicyresponse.jobid;
var createAutoScalePolicyInterval = setInterval(function(){
$.ajax({
url: createURL("queryAsyncJobResult&jobId="+jobId),
dataType: "json",
success: function(json) {
var result = json.queryasyncjobresultresponse;
if (result.jobstatus == 0) {
return; //Job has not completed
}
else {
clearInterval(createAutoScalePolicyInterval);
if (result.jobstatus == 1) { //AutoScalePolicy successfully created
var item = result.jobresult.autoscalepolicy;
createVmProfile($.extend(args, {
scaleDownPolicyResponse: item
}));
}
else if (result.jobstatus == 2) {
args.response.error({ message: _s(result.jobresult.errortext) });
}
}
}
});
}, 3000);
},
error: function(XMLHttpResponse) {
args.response.error(parseXMLHttpResponse(XMLHttpResponse));
}
});
}
}
else if(result.jobstatus == 2) {
args.response.error({ message: _s(result.jobresult.errortext) });
}
}
},
error: function(XMLHttpResponse) {
args.response.error(parseXMLHttpResponse(XMLHttpResponse));
}
});
}, 3000);
}
});
});
};
var createVmProfile = function(args){
var array1 = [];
array1.push("&zoneid=" + args.context.networks[0].zoneid);
array1.push("&templateid=" + args.data.templateNames);
array1.push("&serviceofferingid=" + args.data.serviceOfferingId);
array1.push("&snmpcommunity=" + args.data.snmpCommunity);
array1.push("&snmpport=" + args.data.snmpPort);
array1.push("&destroyvmgraceperiod=" + args.data.destroyVMgracePeriod);
if(args.data.username != "")
array1.push("&autoscaleuserid=" + args.data.username);
var array2 = [];
if(args.data.diskOfferingId != "")
array2.push("diskofferingid=" + args.data.diskOfferingId);
if(args.data.securityGroups != ""){
if(array2.join("") != "")
array2.push("&securitygroupids=" + args.data.securityGroups);
else
array2.push("securitygroupids=" + args.data.securityGroups);
}
array2 = array2.join("");
if(array2 != "")
array1.push("&otherdeployparams=" + encodeURIComponent(array2));
$.ajax({
url: createURL('createAutoScaleVmProfile' + array1.join("")),
dataType: 'json',
async: true,
success: function(data) {
var jobId = data.autoscalevmprofileresponse.jobid;
var autoscaleVmProfileTimer = setInterval(function(){
$.ajax({
url: createURL("queryAsyncJobResult&jobId="+jobId),
dataType: "json",
success: function(json) {
var result = json.queryasyncjobresultresponse;
if (result.jobstatus == 0) {
return; //Job has not completed
}
else {
clearInterval(autoscaleVmProfileTimer);
if (result.jobstatus == 1) { //VM Profile successfully created
scaleVmProfileResponse = result.jobresult.autoscalevmprofile;
loadBalancer(args);
}
else if (result.jobstatus == 2) {
args.response.error({message: _s(result.jobresult.errortext)});
}
}
}
});
}, 3000);
},
error: function(XMLHttpResponse) {
args.response.error(parseXMLHttpResponse(XMLHttpResponse));
}
});
};
var loadBalancer = function(args){
var networkid;
if('vpc' in args.context) { //from VPC section
if(args.data.tier == null) {
cloudStack.dialog.notice({ message: 'Tier is required' });
return;
}
networkid = args.data.tier;
}
else if('networks' in args.context) { //from Guest Network section
networkid = args.context.networks[0].id;
}
var data = {
algorithm: args.formData.algorithm,
name: args.formData.name,
privateport: args.formData.privateport,
publicport: args.formData.publicport,
openfirewall: false,
networkid: networkid,
publicipid: args.context.ipAddresses[0].id
};
$.ajax({
url: createURL('createLoadBalancerRule'),
dataType: 'json',
data: data,
async: true,
success: function(json) {
var jobId = json.createloadbalancerruleresponse.jobid;
var loadBalancerTimer = setInterval(function(){
$.ajax({
url: createURL("queryAsyncJobResult&jobId="+jobId),
dataType: "json",
success: function(json) {
var result = json.queryasyncjobresultresponse;
if (result.jobstatus == 0) {
return; //Job has not completed
}
else {
clearInterval(loadBalancerTimer);
if (result.jobstatus == 1) { //LoadBalancerRule successfully created
loadBalancerResponse = result.jobresult.loadbalancer;
autoScaleVmGroup(args);
}
else if (result.jobstatus == 2) {
args.response.error({message: _s(result.jobresult.errortext)});
}
}
}
});
}, 3000);
},
error: function(XMLHttpResponse) {
args.response.error(parseXMLHttpResponse(XMLHttpResponse));
}
});
};
var autoScaleVmGroup = function(args){
var array1 = [];
array1.push("&lbruleid=" + loadBalancerResponse.id);
array1.push("&minMembers=" + args.data.minInstance);
array1.push("&maxMembers=" + args.data.maxInstance );
array1.push("&vmprofileid=" + scaleVmProfileResponse.id);
array1.push("&interval=" + args.data.interval);
array1.push("&scaleuppolicyids=" + args.scaleUpPolicyResponse.id);
array1.push("&scaledownpolicyids=" + args.scaleDownPolicyResponse.id );
$.ajax({
url: createURL('createAutoScaleVmGroup' + array1.join("")),
dataType: 'json',
async: true,
success: function(json) {
var jobId = json.autoscalevmgroupresponse.jobid;
var scaleVmGroupTimer = setInterval(function(){
$.ajax({
url: createURL("queryAsyncJobResult&jobId="+jobId),
dataType: "json",
success: function(json) {
var result = json.queryasyncjobresultresponse;
if (result.jobstatus == 0) {
return; //Job has not completed
}
else {
clearInterval(scaleVmGroupTimer);
if (result.jobstatus == 1) { //autoscale Vm group successfully created
scaleVmGroupResponse = result.jobresult.autoscalevmgroup;
args.response.success();
}
else if (result.jobstatus == 2) {
args.response.error({message: _s(result.jobresult.errortext)});
}
}
}
});
}, 3000);
},
error: function(XMLHttpResponse) {
args.response.error(parseXMLHttpResponse(XMLHttpResponse));
}
});
};
scaleUp(args);
//setTimeout(function() { args.response.success(); }, 1000);
//setTimeout(function() { args.response.error('Error!'); }, 1000);
},
destroy: function(args) {
$.ajax({
url: createURL('')
});
}
},
dialog: function(args) {
return function(args) {
var context = args.context;
var $dialog= $('<div>');
$dialog.dialog ({
title: 'AutoScale Configuration Wizard',
closeonEscape: false,
draggable:true,
width: 825 ,
height :600,
buttons: {
'Cancel': function() {
$(this).dialog("close");
$('.overlay').remove();
},
'Apply': function() {
$(':ui-dialog').remove();
$('.overlay').remove();
}
}
}).closest('.ui-dialog').overlay();
$("buttons").each(function() {
$(this).attr('style','float: right');
});
var $field = $('<div>').addClass('field username');
var $input = $('<input>').attr({ name: 'username' });
var $inputLabel = $('<label>').html('Username');
$field.append($input, $inputLabel);
$field.appendTo($dialog);
}
}
}
} (jQuery,cloudStack));