From ecdd0e1027ed9d50fb8777518fc566955729f5bd Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Thu, 27 Feb 2014 14:16:32 -0800
Subject: [PATCH] UI: VM wizard: Add specify IP field to new network area

---
 ui/css/cloudstack3.css                 | 18 ++++++++++++++++++
 ui/scripts/ui-custom/instanceWizard.js | 10 ++++++++--
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index c7e84e5b1bc..357bae46e54 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -6206,6 +6206,24 @@ label.error {
 .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 ed044a5de2a..274fa192dcc 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');