// 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) {

/**

* Instance wizard

*/

cloudStack.uiCustom.instanceWizard = function(args) {

return function(listViewArgs) {

var context = listViewArgs.context;

var instanceWizard = function(data) {

var $wizard = $('#template').find('div.instance-wizard').clone();

var $progress = $wizard.find('div.progress ul li');

var $steps = $wizard.find('div.steps').children().hide();

var $diagramParts = $wizard.find('div.diagram').children().hide();

var $form = $wizard.find('form');

$form.validate();

// Close instance wizard

var close = function() {

$wizard.dialog('destroy');

$('div.overlay').fadeOut(function() {

$('div.overlay').remove();

});

};

// Save instance and close wizard

var completeAction = function() {

var data = cloudStack.serializeForm($form);

var $wizardLoading = $('<div>').addClass('loading-overlay').appendTo($wizard).css('z-index', '10000');

// Pass network IPs

data['my-network-ips'] = [];

$form.find('.my-networks .select .specify-ip input[type=text]').each(function() {

var $input = $(this);

if (!$input.closest('.select').find('input[type=checkbox]').is(':checked')) return true;

data['my-network-ips'].push(

$input.closest('.select').hasClass('advanced') ?

$input.val() : null

);

});

data['new-network-ip'] = $form.find('.new-network .select.advanced .specify-ip input[type=text]').val();

// Handle multi-disk service offerings

if ($form.find('.multi-disk-select-container').length) {

data['disk-offerings-multi'] = [];

var $diskGroups = $form.find('.disk-select-group');

var $selectedDisks = $.grep($diskGroups, function (diskGroup) {

return $(diskGroup).find('input[type=checkbox]:checked').length;

});

$selectedDisks.map(function (disk) {

data['disk-offerings-multi'].push(

$.extend($(disk).data('json-obj'), {

_diskOfferingId: $(disk).find('input[type=radio]:checked').val()

})

);

});

}

args.action({

// Populate data

context: context,

data: data,

$wizard: $wizard,

response: {

success: function(args) {

var $listView = $('.list-view.instances');

if ($listView.length) {

var $loading = $('.list-view.instances').listView('prependItem', {

data: [{

name: data.displayname ? data.displayname : _l('label.new.vm'),

zonename: $wizard.find('select[name=zoneid] option').filter(function() {

return $(this).val() == data.zoneid;

}).html(),

state: 'Creating'

}],

actionFilter: function(args) {

return [];

}

});

}

listViewArgs.complete({

_custom: args._custom,

messageArgs: cloudStack.serializeForm($form),

$item: $listView.length ? $loading : $('<div>')

});

close();

},

error: function(message) {

$wizard.remove();

$('div.overlay').remove();

if (message) {

cloudStack.dialog.notice({

message: message

});

}

}

}

});

};

var makeSelectsOvfProperties = function (data, fields) {

var $selects = $('<div>');

$(data).each(function() {

var item = this;

var key = item[fields.key];

var type = item[fields.type];

var value = item[fields.value];

var qualifiers = item[fields.qualifiers];

var label = item[fields.label];

var description = item[fields.description];

var password = item[fields.password];

var propertyField;

var fieldType = password ? "password" : "text";

if (type && type.toUpperCase() == "BOOLEAN") {

propertyField = $('<select id=ovf-property-' + key + '>')

.append($('<option>').attr({value: "True"}).html("True"))

.append($('<option>').attr({value: "False"}).html("False"));

} else if (type && (type.includes("int") || type.includes("real"))) {

if (qualifiers && qualifiers.includes("MinValue") && qualifiers.includes("MaxValue")) {

var split = qualifiers.split(",");

var minValue = split[0].replace("MinValue(","").slice(0, -1);

var maxValue = split[1].replace("MaxValue(","").slice(0, -1);

fieldType = "number";

propertyField = $('<input id=ovf-property-'+key+'>')

.attr({type: fieldType, min: minValue, max:maxValue})

.addClass('name').val(_s(this[fields.value]));

} else {

propertyField = $('<input id=ovf-property-'+key+'>')

.attr({type: fieldType})

.addClass('name').val(_s(this[fields.value]))

}

} else if (type && type.toUpperCase() == "STRING") {

if (qualifiers) {

propertyField = $('<select id=ovf-property-'+key+'>')

if (qualifiers.startsWith("ValueMap")) {

var possibleValues = qualifiers.replace("ValueMap","").substr(1).slice(0, -1).split(",");

$(possibleValues).each(function() {

var qualifier = this.substr(1).slice(0, -1); //remove first and last quotes

var option = $('<option>')

.attr({

value: qualifier,

type: fieldType

})

.html(qualifier)

propertyField.append(option);

});

} else if (qualifiers.startsWith("MaxLen")) {

var length = qualifiers.replace("MaxLen(","").slice(0,-1);

propertyField = $('<input id=ovf-property-'+key+'>')

.attr({maxlength : length, type: fieldType})

.addClass('name').val(_s(this[fields.value]))

}

} else {

propertyField = $('<input id=ovf-property-'+key+'>')

.attr({type: fieldType})

.addClass('name').val(_s(this[fields.value]))

}

} else {

propertyField = $('<input id=ovf-property-'+key+'>')

.attr({type: fieldType})

.addClass('name').val(_s(this[fields.value]))

}

var $select = $('<div>')

.addClass('select')

.append(

$('<div>')

.addClass('select-desc')

.addClass('ovf-property')

.append($('<div>').addClass('name').html(_s(this[fields.label])))

.append(propertyField)

.append($('<div>').addClass('desc').html(_s(this[fields.description])))

.data('json-obj', this)

);

$selects.append($select);

});

cloudStack.evenOdd($selects, 'div.select', {

even: function($elem) {

$elem.addClass('even');

},

odd: function($elem) {

$elem.addClass('odd');

}

});

return $selects.children();

};

var makeSelects = function(name, data, fields, options, selectedObj, selectedObjNonEditable) {

var $selects = $('<div>');

options = options ? options : {};

$(data).each(function() {

var item = this;

var id = item[fields.id];

var $select = $('<div>')

.addClass('select')

.append(

$('<input>')

.attr({

type: (function(type) {

return type ? type : 'radio';

})(options ? options.type : null),

name: name,

'wizard-field': options['wizard-field']

})

.val(id)

.click(function() {

var $select = $(this).closest('.select');

var isSingleSelect = $select.hasClass('single-select');

var $radio = $select.find('input[type=radio]');

var $newNetwork = $(this).closest('.content').find('.select.new-network');

var $otherSelects = $select.siblings().filter(':visible');

var isCheckbox = $(this).attr('type') == 'checkbox';

if (isCheckbox) {

if (isSingleSelect) {

$select.siblings('.single-select:visible').find('input[type=checkbox]')

.attr('checked', false);

var $checkedOtherSelect = $otherSelects.filter(function() {

return $(this).not('.single-select') &&

$(this).find('input[type=checkbox]:checked').length &&

$(this).find('input[type=radio]:checked').length;

});

if (!$checkedOtherSelect.length &&

!$('.new-network:visible input[type=radio]:checked').length) {

$(this).closest('.select').find('input[type=radio]').click();

}

}

if ((!$otherSelects.length) &&

$newNetwork.find('input[type=checkbox]').is(':unchecked')) {

// Set as default

$(this).closest('.select').find('input[type=radio]').click();

}

}

if ($radio.is(':checked') && !$(this).is(':checked')) {

if (!$radio.closest('.select').index()) {

return false;

} else {

$otherSelects.filter(':first')

.find('input[type=radio]').click();

}

}

return true;

})

)

.append(

$('<div>').addClass('select-desc')

.append($('<div>').addClass('name').html(_s(this[fields.name])))

.append($('<div>').addClass('desc').html(_s(this[fields.desc])))

)

.data('json-obj', this);

if (selectedObj != null && selectedObj.id == item.id) {

$select.find('input[type=checkbox]').attr('checked', 'checked');

if (selectedObjNonEditable) {

$select.find('input[type=checkbox]').attr('disabled', 'disabled');

$select.find('input[type=checkbox]').clone().attr({

type: 'hidden',

disabled: false

}).appendTo($selects);

}

}

$selects.append($select);

if (item._singleSelect) {

$select.addClass('single-select');

}

if (options.secondary) {

var $secondary = $('<div>').addClass('secondary-input').append(

$('<input>')

.attr({

type: options.secondary.type,

name: options.secondary.name,

'wizard-field': options.secondary['wizard-field']

})

.val(id)

.click(function() {

var $checkbox = $(this).closest('.select').find('input[type=checkbox]');

if (!$checkbox.is(':checked')) {

$checkbox.attr('checked', true);

}

if ($(this).closest('.select-container').hasClass('single-select')) {

$(this).closest('.select').siblings().find('input[type=checkbox]')

.attr('checked', false);

}

if ($select.hasClass('single-select')) {

$select.siblings('.single-select:visible').find('input[type=checkbox]')

.attr('checked', false);

}

})

).append(

$('<div>').addClass('name').html(options.secondary.desc)

).appendTo($select);

}

});

cloudStack.evenOdd($selects, 'div.select', {

even: function($elem) {

$elem.addClass('even');

},

odd: function($elem) {

$elem.addClass('odd');

}

});

return $selects.children();

};

var dataProvider = function(step, providerArgs, callback) {

// Call appropriate data provider

args.steps[step - 1]($.extend(providerArgs, {

currentData: cloudStack.serializeForm($form),

initArgs: args,

context: context

}));

};

var dataGenerators = {

setup: function($step, formData) {

var originalValues = function(formData, initialValue) {

var selectedValue = formData.zoneid || initialValue;

$step.find('select').val(selectedValue);

$step.find('input[type=radio]').filter(function() {

return $(this).val() == formData['select-template'];

}).click();

};

if (isAdmin()) {

$step.find('.select-deployment .podid').parent().show();

$step.find('.select-deployment .clusterid').parent().show();

$step.find('.select-deployment .hostid').parent().show();

var updateFieldOptions = function(fieldClass, wizardField) {

return function(data) {

var fieldSelect = $step.find('.select-deployment .' + fieldClass);

fieldSelect.find('option').remove().end();

$(data).each(function() {

fieldSelect.append(

$('<option>')

.attr({

value: this.id,

'wizard-field': wizardField,

'parentId': this.parentId

})

.html(this.description)

.data('json-obj', this)

);

});

}

};

var $zoneSelect = $step.find('.select-deployment .zoneid');

$zoneSelect.unbind('change');

$zoneSelect.change(function() {

zoneId = $zoneSelect.val();

if (zoneId != null && isAdmin()) {

args.fetchPodList(updateFieldOptions('podid', 'pod'), zoneId);

args.fetchClusterList(updateFieldOptions('clusterid', 'cluster'), -1, zoneId);

args.fetchHostList(updateFieldOptions('hostid', 'host'), -1, -1, zoneId);

}

});

var $podSelect = $step.find('.select-deployment .podid');

$podSelect.unbind('change');

$podSelect.change(function() {

podId = $podSelect.val();

if (podId != null) {

args.fetchClusterList(updateFieldOptions('clusterid', 'cluster'), podId, -1);

args.fetchHostList(updateFieldOptions('hostid', 'host'), -1, podId, -1);

}

});

var $clusterSelect = $step.find('.select-deployment .clusterid');

$clusterSelect.unbind('change');

$clusterSelect.change(function() {

clusterId = $clusterSelect.val();

if (clusterId != null) {

args.fetchHostList(updateFieldOptions('hostid', 'host'), clusterId, -1, -1);

}

});

} else {

$step.find('.select-deployment .podid').parent().hide();

$step.find('.select-deployment .clusterid').parent().hide();

$step.find('.select-deployment .hostid').parent().hide();

}

return {

response: {

success: function(args) {

// Zones

var initialValue = '';

$(args.data.zones).each(function( index ) {

if(index == 0){

initialValue = this.id;

}

$step.find('.select-deployment .zoneid').append(

$('<option>')

.attr({

value: this.id,

'wizard-field': 'zone'

})

.html(this.name)

.data('json-obj', this)

)

});

// Pods

$(args.data.pods).each(function() {

$step.find('.select-deployment .podid').append(

$('<option>')

.attr({

value: this.id,

'wizard-field': 'pod',

'parentId': this.parentId

})

.html(this.description)

.data('json-obj', this)

)

});

// Clusters

$(args.data.clusters).each(function() {

$step.find('.select-deployment .clusterid').append(

$('<option>')

.attr({

value: this.id,

'wizard-field': 'cluster',

'parentId': this.parentId

})

.html(this.description)

.data('json-obj', this)

)

});

// Hosts

$(args.data.hosts).each(function() {

$step.find('.select-deployment .hostid').append(

$('<option>')

.attr({

value: this.id,

'wizard-field': 'host',

'parentId': this.parentId

})

.html(this.description)

.data('json-obj', this)

);

});

originalValues(formData, initialValue);

}

}

};

},

'select-iso': function($step, formData) {

$step.find('.section.custom-size').hide();

var originalValues = function(formData) {

var $inputs = $step.find('.wizard-step-conditional:visible')

.find('input[type=radio]');

var $selected = $inputs.filter(function() {

return $(this).val() === formData.templateid;

});

if (!$selected.length) {

$inputs.filter(':first').click();

} else {

$selected.click();

}

$step.find('select[name=hypervisorid]:visible').val(

formData.hypervisorid

);

};

$step.find('.wizard-step-conditional').hide();

return {

response: {

success: function(args) {

if (formData['select-template']) {

$step.find('.wizard-step-conditional').filter(function() {

return $(this).hasClass(formData['select-template']);

}).show();

} else {

$step.find('.select-iso').show();

}

var makeIsos = function(type, append) {

var $selects = makeSelects('templateid', args.data.templates[type], {

name: 'name',

desc: 'displaytext',

id: 'id'

}, {

'wizard-field': 'template'

});

var $templateHypervisor = $step.find('input[type=hidden][wizard-field=hypervisor]');

// Get hypervisor from template

if (type == 'featuredtemplates' || type == 'communitytemplates' || type == 'mytemplates' || type == 'sharedtemplates') {

$selects.each(function() {

var $select = $(this);

var template = $.grep(args.data.templates[type], function(tmpl, v) {

return tmpl.id == $select.find('input').val();

})[0];

$select.change(function() {

$templateHypervisor

.attr('disabled', false)

.val(template.hypervisor);

});

});

} else {

$templateHypervisor.attr('disabled', 'disabled');

}

if (type == 'featuredisos' || type == 'communityisos' || type == 'myisos' || type == 'sharedisos') {

// Create hypervisor select

$selects.find('input').bind('click', function() {

var $select = $(this).closest('.select');

//$select.siblings().removeClass('selected').find('.hypervisor').remove(); //SelectISO has 3 tabs now. This line only remove hypervisor div in the same tab, not enough. The following 3 lines will remove hypervisor div in all of 3 tabs.

$("#instance-wizard-featured-isos .select-container div.selected").removeClass('selected').find('div.hypervisor').remove();

$("#instance-wizard-community-isos .select-container div.selected").removeClass('selected').find('div.hypervisor').remove();

$("#instance-wizard-my-isos .select-container div.selected").removeClass('selected').find('div.hypervisor').remove();

$("#instance-wizard-shared-isos .select-container div.selected").removeClass('selected').find('div.hypervisor').remove();

$select.addClass('selected').append(

$('<div>').addClass('hypervisor')

.append($('<label>').html(_l('label.hypervisor') + ':'))

.append($('<select>').attr({

name: 'hypervisorid'

}))

);

// Get hypervisor data

$(args.data.hypervisors).each(function() {

$select.find('select').append(

$('<option>').attr({

value: this[args.hypervisor.idField],

'wizard-field': 'hypervisor'

})

.html(this[args.hypervisor.nameField])

);

});

});

}

append($selects);

};

// Featured ISOs

$(

[

// Templates

['featuredtemplates', 'instance-wizard-featured-templates'],

['communitytemplates', 'instance-wizard-community-templates'],

['mytemplates', 'instance-wizard-my-templates'],

['sharedtemplates', 'instance-wizard-shared-templates'],

// ISOs

['featuredisos', 'instance-wizard-featured-isos'],

['communityisos', 'instance-wizard-community-isos'],

['myisos', 'instance-wizard-my-isos'],

['sharedisos', 'instance-wizard-shared-isos']

//['isos', 'instance-wizard-all-isos']

]

).each(function() {

var item = this;

var $selectContainer = $wizard.find('#' + item[1]).find('.select-container');

makeIsos(item[0], function($elem) {

$selectContainer.append($elem);

});

});

var custom = args.customHidden({

context: context,

data: args.data

});

$step.find('.custom-size-label').remove();

if (custom) {

$step.find('.section.custom-size').hide();

$step.removeClass('custom-slider-container');

}

$step.find('input[type=radio]').bind('change', function() {

var $target = $(this);

var val = $target.val();

var item = null;

if (item == null && args.data.templates.featuredtemplates != undefined) {

item = $.grep(args.data.templates.featuredtemplates, function(elem) {

return elem.id == val;

})[0];

}

if (item == null && args.data.templates.communitytemplates != undefined) {

item = $.grep(args.data.templates.communitytemplates, function(elem) {

return elem.id == val;

})[0];

}

if (item == null && args.data.templates.mytemplates!=undefined) {

item = $.grep(args.data.templates.mytemplates, function(elem) {

return elem.id == val;

})[0];

}

if (item == null && args.data.templates.sharedtemplates!=undefined) {

item = $.grep(args.data.templates.sharedtemplates, function(elem) {

return elem.id == val;

})[0];

}

if (!item) return true;

var hypervisor = item['hypervisor'];

if (hypervisor == 'KVM' || hypervisor == 'XenServer' || hypervisor == 'VMware') {

$step.find('.section.custom-size').show();

$step.addClass('custom-slider-container');

} else {

$step.find('.section.custom-size').hide();

$step.removeClass('custom-slider-container');

}

return true;

});

originalValues(formData);

}

}

};

},

'service-offering': function($step, formData) {

var originalValues = function(formData) {

if (formData.serviceofferingid) {

$step.find('input[type=radio]').filter(function() {

return $(this).val() == formData.serviceofferingid;

}).click();

} else {

$step.find('input[type=radio]:first').click();

}

};

return {

response: {

success: function(args) {

$step.find('.content .select-container').append(

makeSelects('serviceofferingid', args.data.serviceOfferings, {

name: 'name',

desc: 'displaytext',

id: 'id'

}, {

'wizard-field': 'service-offering'

})

);

$step.find('input[type=radio]').bind('change', function() {

var $target = $(this);

var val = $target.val();

var item = $.grep(args.data.serviceOfferings, function(elem) {

return elem.id == val;

})[0];

if (!item) return true;

var custom = item[args.customFlag];

if (custom) {

// contains min/max CPU and Memory values

$step.addClass('custom-size');

var offeringDetails = item['serviceofferingdetails'];

var offeringCpuSpeed = item['cpuspeed'];

$step.find('.custom-no-limits').hide();

$step.find('.custom-slider-container').hide();

var minCpuNumber = 0, maxCpuNumber = 0, minMemory = 0, maxMemory = 0;

if (offeringDetails){

minCpuNumber = offeringDetails['mincpunumber'];

maxCpuNumber = offeringDetails['maxcpunumber'];

minMemory = offeringDetails['minmemory'];

maxMemory = offeringDetails['maxmemory'];

}

if (minCpuNumber > 0 && maxCpuNumber > 0 && minMemory > 0 && maxMemory > 0) {

$step.find('.custom-slider-container.slider-cpu-speed input[type=text]').val(parseInt(offeringCpuSpeed));

$step.find('.custom-slider-container').show();

var setupSlider = function(sliderClassName, minVal, maxVal) {

$step.find('.custom-slider-container .' + sliderClassName + ' .size.min span').html(minVal);

$step.find('.custom-slider-container .' + sliderClassName + ' .size.max span').html(maxVal);

$step.find('.custom-slider-container .' + sliderClassName + ' input[type=text]').val(minVal);

$step.find('.custom-slider-container .' + sliderClassName + ' .slider').each(function() {

var $slider = $(this);

$slider.slider({

min: parseInt(minVal),

max: parseInt(maxVal),

slide: function(event, ui) {

$slider.closest('.section.custom-size .' + sliderClassName + '').find('input[type=text]').val(ui.value);

$step.find('span.custom-slider-container .' + sliderClassName + '').html(ui.value);

}

});

});

$step.find('.custom-slider-container .' + sliderClassName + ' input[type=text]').bind('change', function() {

var val = parseInt($(this).val(), 10);

if (val < minVal || val > maxVal) {

cloudStack.dialog.notice({ message: $.validator.format(_l('message.validate.range'), [minVal, maxVal]) });

}

if (val < minVal) {

val = minVal;

$(this).val(val);

}

if(val > maxVal) {

val = maxVal;

$(this).val(val);

}

$step.find('span.custom-slider-container .' + sliderClassName).html(_s(val));

$step.find('.custom-slider-container .' + sliderClassName + ' span.ui-slider-handle').css('left', (((val-minVal)/(maxVal-minVal))*100)+'%');

});

$step.find('.custom-slider-container .' + sliderClassName + ' span.ui-slider-handle').css('left', '0%');

}

setupSlider('slider-cpu-cores', minCpuNumber, maxCpuNumber);

setupSlider('slider-memory-mb', minMemory, maxMemory);

} else {

$step.find('.custom-slider-container.slider-cpu-speed.slider-compute-cpu-speed').val(0);

$step.find('.custom-no-limits').show();

}

} else {

$step.find('.custom-no-limits').hide();

$step.find('.custom-slider-container').hide();

$step.removeClass('custom-size');

}

var customIops = item[args.customIopsFlag];

if (customIops && args.canShowCustomIops) {

$step.addClass('custom-iops');

} else {

$step.removeClass('custom-iops');

}

return true;

});

originalValues(formData);

}

}

};

},

'data-disk-offering': function($step, formData) {

var originalValues = function(formData) {

var $targetInput = $step.find('input[type=radio]').filter(function() {

return $(this).val() == formData.diskofferingid;

}).click();

if (!$targetInput.length) {

$step.find('input[type=radio]:visible').filter(':first').click();

}

};

$step.find('.section.custom-size').hide();

return {

response: {

success: function(args) {

var multiDisk = args.multiDisk;

$step.find('.multi-disk-select-container').remove();

$step.removeClass('custom-slider-container');

$step.find('.main-desc, p.no-datadisk').remove();

if (!multiDisk){

if (args.required) {

$step.find('.section.no-thanks')

.hide();

$step.addClass('required');

} else {

$step.find('.section.no-thanks')

.show();

$step.removeClass('required');

}

} else {

$step.find('.section.no-thanks').hide();

$step.addClass('required');

}

var $selectContainer = $step.find('.content .select-container:not(.multi-disk)');

if (multiDisk) { // Render as multiple groups for each disk

if (multiDisk[0].id == "none"){

$step.find('.select-container').append(

$('<p>').addClass('no-datadisk').html(_l('message.no.datadisk'))

);

return;

}

var $multiDiskSelect = $('<div>').addClass('multi-disk-select-container');

$(multiDisk).map(function(index, disk) {

var array_do = [];

$.each(args.data.diskOfferings, function( key, value ) {

if (value){

if (value.disksize >= disk.size && value.name != "Custom"){

array_do.push(value);

}

}

})

var $group = $('<div>').addClass('disk-select-group');

var $header = $('<div>').addClass('disk-select-header').append(

$('<div>').addClass('title').html(disk.label)

).appendTo($group);

var $checkbox = $('<input>').addClass('multi-disk-select')

.attr({

type: 'checkbox',

'disk-id': disk.id

})

.prependTo($header);

var $multiSelectContainer = $selectContainer.clone().append(

makeSelects('diskofferingid.' + disk.id, array_do, {

id: 'id',

name: 'name',

desc: 'displaytext'

}, {

'wizard-field': 'disk-offering'

})

).appendTo($group).addClass('multi-disk');

$group.appendTo($multiDiskSelect);

$group.data('json-obj', disk);

// Show-hide disk group selects

$checkbox.click(function() {

$group.toggleClass('selected');

$group.find('.select:first input[type=radio]').click();

if (!$multiDiskSelect.find('input[type=checkbox]:checked').length) {

$step.find('.no-thanks input[type=radio]').click();

} else {

$step.find('.no-thanks input[type=radio]').attr('checked', false);

}

});

// Add custom disk size box

$step.find('.section.custom-size').clone().hide().appendTo($group);

});

$multiDiskSelect.insertAfter($selectContainer);

$selectContainer.hide();

// Fix issue with containers always showing after reload

$multiDiskSelect.find('.select-container').attr('style', null);

} else {

$selectContainer.show();

$step.find('.content .select-container').append(

makeSelects('diskofferingid', args.data.diskOfferings, {

id: 'id',

name: 'name',

desc: 'displaytext'

}, {

'wizard-field': 'disk-offering'

})

);

}

$step.find('input[type=radio]').bind('change', function() {

var $target = $(this);

var val = $target.val();

var item = $.grep(args.data.diskOfferings, function(elem) {

return elem.id == val;

})[0];

var isMultiDisk = $step.find('.multi-disk-select').length;

// Uncheck any multi-select groups

if ($target.closest('.no-thanks').length && isMultiDisk) {

$step.find('.disk-select-group input[type=checkbox]:checked').click();

$(this).attr('checked', true);

return true;

}

if (!item) {

if (isMultiDisk) {

$(this).closest('.disk-select-group .section.custom-size').hide();

$(this).closest('.disk-select-group').removeClass('custom-size');

} else {

// handle removal of custom size controls

$step.find('.section.custom-size').hide();

$step.removeClass('custom-slider-container');

// handle removal of custom IOPS controls

$step.removeClass('custom-iops-do');

}

return true;

}

var custom = item[args.customFlag];

if (!isMultiDisk) $step.find('.custom-size-label').remove();

if (custom && !isMultiDisk) {

$target.parent().find('.name')

.append(

$('<span>').addClass('custom-size-label')

.append(': ')

.append(

$('<span>').addClass('custom-slider-container').html(

$step.find('.custom-size input[name=size]').val()

)

)

.append(' GB')

);

$target.parent().find('.select-desc .desc')

.append(

$('<span>').addClass('custom-size-label')

.append(', ')

.append(

$('<span>').addClass('custom-slider-container').html(

$step.find('.custom-size input[name=size]').val()

)

)

.append(' GB')

);

$step.find('.section.custom-size').show();

$step.addClass('custom-slider-container');

$target.closest('.select-container').scrollTop(

$target.position().top

);

} else if (custom && isMultiDisk) {

$(this).closest('.disk-select-group').addClass('custom-size');

} else {

if (isMultiDisk) {

$(this).closest('.disk-select-group').removeClass('custom-size');

} else {

$step.find('.section.custom-size').hide();

$step.removeClass('custom-slider-container');

}

}

var customIops = item[args.customIopsDoFlag];

if (customIops) {

$step.addClass('custom-iops-do');

} else {

$step.removeClass('custom-iops-do');

}

return true;

});

originalValues(formData);

}

}

};

},

'affinity': function($step, formData) {

return {

response: {

success: function(args) {