etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

CLOUDSTACK-4738: VM wizard: Add custom fields for compute offering

This commit is contained in:
Brian Federle 2013-10-29 13:24:23 -07:00
parent 3223fcf672
commit f0a8aa7f5e
4 changed files with 70 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
ui/css/cloudstack3.css
View File

@ -5910,7 +5910,7 @@ label.error {
.multi-wizard.instance-wizard .section.custom-size {
position: relative;
background: #FFFFFF;
background: #F4F4F4;
padding: 7px;
border-radius: 4px;
}
@ -5932,6 +5932,37 @@ label.error {
font-size: 10px;
}
/*** Compute offering*/
.instance-wizard .step.service-offering {
}
.instance-wizard .step.service-offering.custom-size .select-container {
height: 235px;
}
.instance-wizard .step.service-offering .custom-size {
display: none;
}
.instance-wizard .step.service-offering.custom-size .custom-size {
display: block;
}
.instance-wizard .step.service-offering .custom-size .field {
width: 30%;
float: left;
margin-bottom: 13px;
}
.instance-wizard .step.service-offering .custom-size .field label {
text-indent: 20px;
}
.instance-wizard .step.service-offering .custom-size .field input {
width: 88%;
margin-left: 26px;
}
/*** Network*/
.multi-wizard.instance-wizard .no-network {
background: #FFFFFF;

16
ui/index.jsp
View File

@ -1,3 +1,4 @@
<%--
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements. See the NOTICE file
@ -210,6 +211,21 @@
<div class="content">
<div class="select-container">
</div>
<!-- Custom size slider -->
<div class="section custom-size">
<div class="field">
<label><fmt:message key="label.num.cpu.cores"/></label>
<input type="text" name="compute-cpu-cores" />
</div>
<div class="field">
<label><fmt:message key="label.cpu.mhz"/></label>
<input type="text" name="compute-cpu" />
</div>
<div class="field">
<label><fmt:message key="label.memory.mb"/></label>
<input type="text" name="compute-memory" />
</div>
</div>
</div>
</div>

1
ui/scripts/instanceWizard.js
View File

@ -290,6 +290,7 @@
success: function(json) {
serviceOfferingObjs = json.listserviceofferingsresponse.serviceoffering;
args.response.success({
customFlag: 'iscustomized',
data: {
serviceOfferings: serviceOfferingObjs
}

22
ui/scripts/ui-custom/instanceWizard.js
View File

@ -424,7 +424,27 @@
}, {
'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) {
$step.addClass('custom-size');
} else {
$step.removeClass('custom-size');
}
return true;
});
originalValues(formData);
}