UI: VM wizard: Add specify IP field to new network area
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index c7e84e5..357bae4 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -6206,6 +6206,24 @@
.multi-wizard.instance-wizard .select-network .select.new-network {
}
+.multi-wizard.instance-wizard .select-network .select.new-network .advanced-options {
+ /*+placement:shift 379px 15px;*/
+ position: relative;
+ left: 379px;
+ top: 15px;
+ position: absolute;
+}
+
+.multi-wizard.instance-wizard .select-network .select.new-network .select.advanced {
+ height: 106px;
+ position: relative;
+}
+
+.multi-wizard.instance-wizard .select-network .select.new-network .select.advanced .specify-ip {
+ top: 74px;
+ left: 29px;
+}
+
.multi-wizard.instance-wizard .select-network .select.new-network .hide-if-selected {
display: none;
}
diff --git a/ui/scripts/ui-custom/instanceWizard.js b/ui/scripts/ui-custom/instanceWizard.js
index ed044a5..274fa19 100644
--- a/ui/scripts/ui-custom/instanceWizard.js
+++ b/ui/scripts/ui-custom/instanceWizard.js
@@ -57,6 +57,7 @@
$input.val() : null
);
});
+ data['new-network-ip'] = $form.find('.new-network .select.advanced .specify-ip input[type=text]').val();
args.action({
// Populate data
@@ -784,14 +785,19 @@
);
// Add IP/advanced option fields
- $step.find('.my-networks .select-container .select').each(function () {
+ $step.find('.my-networks .select-container .select, .select.new-network .select').each(function () {
var $select = $(this);
- var $advancedLink = $('<div>').addClass('advanced-options');
+ var $advancedLink = $('<div>').addClass('advanced-options hide-if-unselected');
var $specifyIpField = $('<div>').addClass('specify-ip').append(
$('<label>').html(_l('label.ip.address')),
$('<input>').attr({ type: 'text' })
);
+ // Cleanup
+ if ($select.closest('.new-network').size()) {
+ $select.find('.advanced-options, .specify-ip').remove();
+ }
+
$select.append($advancedLink, $specifyIpField);
$advancedLink.click(function() {
$select.toggleClass('advanced');
