new UI - IP address page - implement acquire IP action.

This commit is contained in:
Jessica Wang 2010-10-07 09:36:45 -07:00
parent cbdfc10673
commit 8f083e70ab
4 changed files with 78 additions and 2 deletions

View File

@ -47,6 +47,7 @@ group = Group
disk.offering = Disk Offering
copy.ISO.to = Copy ISO to
no.available.iso = No Available ISO
please.wait = Please wait
your.session.has.expired = Your session has expired
internet.name.can.not.be.resolved = Internet name can not be resolved
@ -69,6 +70,7 @@ please.specify.limits.to.the.various.resources.-1.means.the.resource.has.no.limi
please.confirm.you.want.to.disable.account.that.will.prevent.account.access.to.the.cloud.and.shut.down.all.existing.virtual.machines = Please confirm you want to disable account that will prevent account access to the cloud and shut down all existing virtual machines.
please.confirm.you.want.to.lock.account.that.will.prevent.account.access.to.the.cloud = Please confirm you want to lock account that will prevent account access to the cloud.
please.confirm.you.want.to.enable.account = Please confirm you want to enable account.
please.select.an.available.zone.to.associate.your.new.ip.with..acquiring.additional.ip.may.cost.you.an.additional.dollars.per.month. = Please select an availability zone to associate your new IP with. Acquiring additional IP may cost you an additional dollars per month.

View File

@ -433,3 +433,24 @@
</div>
</div>
<!-- Port Forwarding template (end) -->
<!-- dialogs (begin) -->
<div id="dialog_acquire_public_ip" title="Acquire New IP" style="display: none">
<p>
<%=t.t("please.select.an.available.zone.to.associate.your.new.ip.with..acquiring.additional.ip.may.cost.you.an.additional.dollars.per.month.")%>
</p>
<div class="dialog_formcontent">
<form action="#" method="post" id="form1">
<ol>
<li>
<label>
<%=t.t("zone")%>:</label>
<select class="select" name="acquire_zone" id="acquire_zone">
<option value="default"><%=t.t("please.wait")%>....</option>
</select>
</li>
</ol>
</form>
</div>
</div>
<!-- dialogs (end) -->

View File

@ -23,6 +23,60 @@ function afterLoadIpJSP() {
return false;
});
//dialogs
initDialog("dialog_acquire_public_ip", 325);
//*** Acquire New IP (begin) ***
$.ajax({
data: createURL("command=listZones&available=true"+maxPageSize),
dataType: "json",
success: function(json) {
var zones = json.listzonesresponse.zone;
var zoneSelect = $("#dialog_acquire_public_ip #acquire_zone").empty();
if (zones != null && zones.length > 0) {
for (var i = 0; i < zones.length; i++) {
zoneSelect.append("<option value='" + zones[i].id + "'>" + fromdb(zones[i].name) + "</option>");
}
}
}
});
$("#midmenu_add_link").show();
$("#midmenu_add_link").unbind("click").bind("click", function(event) {
var submenuContent = $("#submenu_content_network");
$("#dialog_acquire_public_ip").dialog('option', 'buttons', {
"Acquire": function() {
var thisDialog = $(this);
thisDialog.dialog("close");
var zoneid = thisDialog.find("#acquire_zone").val();
var $midmenuItem1 = beforeAddingMidMenuItem() ;
$.ajax({
data: createURL("command=associateIpAddress&zoneid="+zoneid),
dataType: "json",
success: function(json) {
var items = json.associateipaddressresponse.publicipaddress;
//$("#dialog_info").html("<p>The IP address <b>"+items[0].ipaddress+"</b> has been assigned to your account</p>").dialog("open");
ipToMidmenu(items[0], $midmenuItem1);
bindClickToMidMenu($midmenuItem1, ipToRigntPanel);
afterAddingMidMenuItem($midmenuItem1, true);
},
error: function(XMLHttpResponse) {
handleErrorInMidMenu(XMLHttpResponse, $midmenuItem1);
}
});
},
"Cancel": function() {
$(this).dialog("close");
}
}).dialog("open");
return false;
});
//*** Acquire New IP (end) ***
//Port Fowording tab
var $createPortForwardingRow = $("#tab_content_port_forwarding #create_port_forwarding_row");

View File

@ -5,8 +5,7 @@ function afterLoadIsoJSP() {
var $detailsTab = $("#right_panel_content #tab_content_details");
//add button ***
$("#midmenu_add_link").show();
$("#midmenu_add_link").show();
$("#midmenu_add_link").unbind("click").bind("click", function(event) {
$("#dialog_add_iso")
.dialog('option', 'buttons', {