mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
a7c8c618a3
-Move example VPN section to detail view -Support reordering of list view items -Example reorder actions for service offerings
548 lines
17 KiB
JavaScript
548 lines
17 KiB
JavaScript
(function(cloudStack, testData, $) {
|
|
cloudStack.sections.configuration = {
|
|
title: 'Configuration',
|
|
id: 'configuration',
|
|
sectionSelect: {
|
|
label: 'Select Offering'
|
|
},
|
|
sections: {
|
|
serviceOfferings: {
|
|
type: 'select',
|
|
title: 'Service',
|
|
listView: {
|
|
label: 'Service Offerings',
|
|
fields: {
|
|
name: { label: 'Name', editable: true },
|
|
storagetype: { label: 'Storage Type' },
|
|
cpuspeed: { label: 'CPU' },
|
|
memory: { label: 'Memory' },
|
|
domain: { label: 'Domain'}
|
|
},
|
|
actions: {
|
|
add: {
|
|
label: 'Add service offering',
|
|
|
|
action: function(args) {
|
|
args.response.success();
|
|
},
|
|
|
|
messages: {
|
|
confirm: function(args) {
|
|
return 'Are you sure you want to add ' + args.name + '?';
|
|
},
|
|
success: function(args) {
|
|
return 'Your new service offering is being created.';
|
|
},
|
|
notification: function(args) {
|
|
return 'Created service offering';
|
|
},
|
|
complete: function(args) {
|
|
return 'Service offering has been created';
|
|
}
|
|
},
|
|
|
|
createForm: {
|
|
title: 'New service offering',
|
|
desc: 'Please fill in the following data to add a new service offering.',
|
|
fields: {
|
|
name: { label: 'Name', editable: true },
|
|
displayText: { label: 'Display Text' },
|
|
storageType: {
|
|
label: 'Storage Type',
|
|
select: [
|
|
{ id: 'shared', description: 'Shared' },
|
|
{ id: 'local', description: 'Local' }
|
|
]
|
|
},
|
|
cpuCores: { label: '# of CPU cores' },
|
|
cpuSpeed: { label: 'CPU Speed (in MHz)'},
|
|
memory: { label: 'Memory (in MB)' },
|
|
tags: { label: 'Tags' },
|
|
offerHA: { label: 'Offer HA', isBoolean: true },
|
|
isPublic: { label: 'Public', isBoolean: true }
|
|
}
|
|
},
|
|
|
|
notification: {
|
|
poll: testData.notifications.testPoll
|
|
}
|
|
}
|
|
},
|
|
|
|
reorder: {
|
|
moveTop: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveBottom: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveUp: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveDown: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveDrag: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
}
|
|
},
|
|
|
|
dataProvider: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success({
|
|
data: testData.data.serviceOfferings
|
|
});
|
|
});
|
|
}
|
|
}
|
|
},
|
|
|
|
systemServiceOfferings: {
|
|
type: 'select',
|
|
title: 'System Service',
|
|
listView: {
|
|
label: 'System Service Offerings',
|
|
fields: {
|
|
name: { label: 'Name', editable: true },
|
|
storagetype: { label: 'Storage Type' },
|
|
cpuspeed: { label: 'CPU' },
|
|
memory: { label: 'Memory' },
|
|
domain: { label: 'Domain'}
|
|
},
|
|
|
|
reorder: {
|
|
moveTop: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveBottom: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveUp: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveDown: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveDrag: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
}
|
|
},
|
|
|
|
actions: {
|
|
add: {
|
|
label: 'Add system service offering',
|
|
|
|
action: function(args) {
|
|
args.response.success();
|
|
},
|
|
|
|
messages: {
|
|
confirm: function(args) {
|
|
return 'Are you sure you want to add ' + args.name + '?';
|
|
},
|
|
success: function(args) {
|
|
return 'Your new system service offering is being created.';
|
|
},
|
|
notification: function(args) {
|
|
return 'Created system service offering';
|
|
},
|
|
complete: function(args) {
|
|
return 'Sysmte service offering has been created';
|
|
}
|
|
},
|
|
|
|
createForm: {
|
|
title: 'New system service offering',
|
|
desc: 'Please fill in the following data to add a new service offering.',
|
|
fields: {
|
|
name: { label: 'Name', editable: true },
|
|
displayText: { label: 'Display Text' },
|
|
storageType: {
|
|
label: 'Storage Type',
|
|
select: [
|
|
{ id: 'shared', description: 'Shared' },
|
|
{ id: 'local', description: 'Local' }
|
|
]
|
|
},
|
|
cpuCores: { label: '# of CPU cores' },
|
|
cpuSpeed: { label: 'CPU Speed (in MHz)'},
|
|
memory: { label: 'Memory (in MB)' },
|
|
tags: { label: 'Tags' },
|
|
offerHA: { label: 'Offer HA', isBoolean: true },
|
|
isPublic: { label: 'Public', isBoolean: true }
|
|
}
|
|
},
|
|
|
|
notification: {
|
|
poll: testData.notifications.testPoll
|
|
}
|
|
}
|
|
},
|
|
dataProvider: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success({
|
|
data: testData.data.systemServiceOfferings
|
|
});
|
|
});
|
|
}
|
|
}
|
|
},
|
|
|
|
diskOfferings: {
|
|
type: 'select',
|
|
title: 'Disk',
|
|
listView: {
|
|
label: 'Disk Offerings',
|
|
fields: {
|
|
displaytext: { label: 'Name' },
|
|
disksize: { label: 'Disk Size' },
|
|
domain: { label: 'Domain'}
|
|
},
|
|
dataProvider: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success({
|
|
data: testData.data.diskOfferings
|
|
});
|
|
});
|
|
},
|
|
|
|
reorder: {
|
|
moveTop: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveBottom: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveUp: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveDown: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveDrag: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
}
|
|
},
|
|
|
|
actions: {
|
|
add: {
|
|
label: 'Add disk offering',
|
|
|
|
messages: {
|
|
confirm: function(args) {
|
|
return 'Are you sure you want to add a disk offering?';
|
|
},
|
|
success: function(args) {
|
|
return 'Your new disk offering is being created.';
|
|
},
|
|
notification: function(args) {
|
|
return 'Creating new disk offering';
|
|
},
|
|
complete: function(args) {
|
|
return 'Disk offering has been created successfully!';
|
|
}
|
|
},
|
|
|
|
createForm: {
|
|
title: 'Add disk offering',
|
|
fields: {
|
|
name: {
|
|
label: 'Name',
|
|
validation: { required: true }
|
|
},
|
|
description: {
|
|
label: 'Description',
|
|
validation: { required: true }
|
|
},
|
|
isCustomized: {
|
|
label: 'Custom disk size',
|
|
isBoolean: true,
|
|
isReverse: true,
|
|
isChecked: true
|
|
},
|
|
disksize: {
|
|
label: 'Disk size (in GB)',
|
|
dependsOn: 'isCustomized',
|
|
validation: { required: true, number: true },
|
|
isHidden: true
|
|
},
|
|
tags: {
|
|
label: 'Storage tags'
|
|
},
|
|
isDomainSpecific: {
|
|
label: 'Domain specific',
|
|
isBoolean: true
|
|
},
|
|
domainId: {
|
|
label: 'Domain',
|
|
dependsOn: 'isDomainSpecific',
|
|
select: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success({
|
|
descriptionField: 'name',
|
|
data: testData.data.domains
|
|
});
|
|
});
|
|
},
|
|
isHidden: true
|
|
}
|
|
}
|
|
},
|
|
|
|
action: function(args) {
|
|
args.response.success();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
networkOfferings: {
|
|
type: 'select',
|
|
title: 'Network',
|
|
listView: {
|
|
label: 'Network Offerings',
|
|
fields: {
|
|
name: { label: 'Name', editable: true },
|
|
networkrate: { label: 'Network Rate' },
|
|
traffictype: { label: 'Traffic Type'}
|
|
},
|
|
|
|
reorder: {
|
|
moveTop: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveBottom: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveUp: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveDown: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
},
|
|
moveDrag: {
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 500);
|
|
}
|
|
}
|
|
},
|
|
|
|
actions: {
|
|
add: {
|
|
label: 'Add network offering',
|
|
|
|
action: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success();
|
|
}, 200);
|
|
},
|
|
|
|
createForm: {
|
|
title: 'Add network offering',
|
|
desc: 'Please specify the network offering',
|
|
fields: {
|
|
name: { label: 'Name', validation: { required: true } },
|
|
|
|
displayText: { label: 'Display Text', validation: { required: true } },
|
|
|
|
maxConnections: { label: 'Max Connections' },
|
|
|
|
networkRate: { label: 'Network Rate' },
|
|
|
|
trafficType: {
|
|
label: 'Traffic Type', validation: { required: true },
|
|
select: function(args) {
|
|
args.response.success({
|
|
data: [
|
|
{ id: 'GUEST', description: 'Guest' }
|
|
]
|
|
});
|
|
}
|
|
},
|
|
|
|
guestType: {
|
|
label: 'Guest Type',
|
|
select: function(args) {
|
|
args.response.success({
|
|
data: [
|
|
{ id: 'Isolated', description: 'Isolated' },
|
|
{ id: 'Shared', description: 'Shared' }
|
|
]
|
|
});
|
|
}
|
|
},
|
|
|
|
availability: {
|
|
label: 'Availability',
|
|
select: function(args) {
|
|
args.response.success({
|
|
data: [
|
|
{ id: 'Required', description: 'Required' },
|
|
{ id: 'Optional', description: 'Optional' },
|
|
{ id: 'Unavailable', description: 'Unavailable' }
|
|
]
|
|
});
|
|
}
|
|
},
|
|
|
|
serviceOfferingId: {
|
|
label: 'Service Offering',
|
|
select: function(args) {
|
|
args.response.success({
|
|
data: $.map(testData.data.serviceOfferings, function(elem) {
|
|
return {
|
|
id: elem.id,
|
|
description: elem.name
|
|
};
|
|
})
|
|
});
|
|
}
|
|
},
|
|
|
|
specifyVlan: { label: 'Specify VLAN', isBoolean: true },
|
|
|
|
vlanId: { label: 'VLAN ID', isHidden: true, dependsOn: 'specifyVlan'},
|
|
|
|
supportedServices: {
|
|
label: 'Supported Services',
|
|
|
|
dynamic: function(args) {
|
|
setTimeout(function() {
|
|
var fields = {};
|
|
var services = ['Vpn', 'Dhcp', 'Gateway', 'Firewall', 'Lb', 'UserData', 'SourceNat', 'StaticNat', 'PortForwarding', 'SecurityGroup'];
|
|
|
|
$(services).each(function() {
|
|
var id = {
|
|
isEnabled: this + '.' + 'isEnabled',
|
|
capabilities: this + '.' + 'capabilities',
|
|
provider: this + '.' + 'provider'
|
|
};
|
|
|
|
fields[id.isEnabled] = { label: this, isBoolean: true };
|
|
fields[id.provider] = {
|
|
label: this + ' Provider',
|
|
isHidden: true,
|
|
dependsOn: id.isEnabled,
|
|
select: function(args) {
|
|
args.response.success({
|
|
data: [
|
|
{ id: 'NetScaler', description: 'NetScaler'},
|
|
{ id: 'SRX', description: 'SRX' }
|
|
]
|
|
});
|
|
}
|
|
};
|
|
});
|
|
|
|
args.response.success({
|
|
fields: fields
|
|
});
|
|
}, 50);
|
|
}
|
|
},
|
|
|
|
tags: { label: 'Tags' }
|
|
}
|
|
},
|
|
|
|
notification: {
|
|
poll: testData.notifications.testPoll
|
|
},
|
|
messages: {
|
|
notification: function(args) {
|
|
return 'Added network offering';
|
|
}
|
|
}
|
|
}
|
|
},
|
|
dataProvider: function(args) {
|
|
setTimeout(function() {
|
|
args.response.success({
|
|
data: testData.data.networkOfferings
|
|
});
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
})(cloudStack, testData, jQuery);
|