mirror of
https://github.com/apache/cloudstack.git
synced 2025-11-04 00:02:37 +01:00
911 lines
38 KiB
JavaScript
911 lines
38 KiB
JavaScript
/**
|
|
* Copyright (C) 2010 Cloud.com, Inc. All rights reserved.
|
|
*
|
|
* This software is licensed under the GNU General Public License v3 or later.
|
|
*
|
|
* It is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or any later version.
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*
|
|
*/
|
|
|
|
function afterLoadIpJSP() {
|
|
//***** switch between different tabs (begin) ********************************************************************
|
|
var tabArray = [$("#tab_details"), $("#tab_port_forwarding"), $("#tab_load_balancer")];
|
|
var tabContentArray = [$("#tab_content_details"), $("#tab_content_port_forwarding"), $("#tab_content_load_balancer")];
|
|
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
|
//***** switch between different tabs (end) **********************************************************************
|
|
|
|
//dialogs
|
|
initDialog("dialog_acquire_public_ip", 325);
|
|
initDialog("dialog_confirmation_release_ip");
|
|
|
|
//*** 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").find("#label").text("Acquire New IP");
|
|
$("#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 item = json.associateipaddressresponse;
|
|
//$("#dialog_info").html("<p>The IP address <b>"+items[0].ipaddress+"</b> has been assigned to your account</p>").dialog("open");
|
|
ipToMidmenu(item, $midmenuItem1);
|
|
bindClickToMidMenu($midmenuItem1, ipToRightPanel, ipGetMidmenuId);
|
|
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");
|
|
|
|
$createPortForwardingRow.find("#add_link").bind("click", function(event){
|
|
var isValid = true;
|
|
isValid &= validateNumber("Public Port", $createPortForwardingRow.find("#public_port"), $createPortForwardingRow.find("#public_port_errormsg"), 1, 65535);
|
|
isValid &= validateNumber("Private Port", $createPortForwardingRow.find("#private_port"), $createPortForwardingRow.find("#private_port_errormsg"), 1, 65535);
|
|
if (!isValid) return;
|
|
|
|
var $template = $("#port_forwarding_template").clone();
|
|
$("#tab_content_port_forwarding #grid_content").append($template.show());
|
|
|
|
var $spinningWheel = $template.find("#row_container").find("#spinning_wheel");
|
|
$spinningWheel.find("#description").text("Adding....");
|
|
$spinningWheel.show();
|
|
|
|
var ipObj = $("#right_panel_content #tab_content_details").data("jsonObj");
|
|
var ipAddress = ipObj.ipaddress;
|
|
|
|
var publicPort = $createPortForwardingRow.find("#public_port").val();
|
|
var privatePort = $createPortForwardingRow.find("#private_port").val();
|
|
var protocol = $createPortForwardingRow.find("#protocol").val();
|
|
var virtualMachineId = $createPortForwardingRow.find("#vm").val();
|
|
|
|
var array1 = [];
|
|
array1.push("&ipaddress="+ipAddress);
|
|
array1.push("&privateport="+privatePort);
|
|
array1.push("&publicport="+publicPort);
|
|
array1.push("&protocol="+protocol);
|
|
array1.push("&virtualmachineid=" + virtualMachineId);
|
|
$.ajax({
|
|
data: createURL("command=createPortForwardingRule"+array1.join("")),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.createportforwardingruleresponse.portforwardingrule;
|
|
portForwardingJsonToTemplate(items[0],$template);
|
|
$spinningWheel.hide();
|
|
refreshCreatePortForwardingRow();
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
$template.slideUp("slow", function() {
|
|
$(this).remove();
|
|
});
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
//Load Balancer tab
|
|
var createLoadBalancerRow = $("#tab_content_load_balancer #create_load_balancer_row");
|
|
|
|
createLoadBalancerRow.find("#add_link").bind("click", function(event){
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("Name", createLoadBalancerRow.find("#name"), createLoadBalancerRow.find("#name_errormsg"));
|
|
isValid &= validateNumber("Public Port", createLoadBalancerRow.find("#public_port"), createLoadBalancerRow.find("#public_port_errormsg"), 1, 65535);
|
|
isValid &= validateNumber("Private Port", createLoadBalancerRow.find("#private_port"), createLoadBalancerRow.find("#private_port_errormsg"), 1, 65535);
|
|
if (!isValid) return;
|
|
|
|
var $template = $("#load_balancer_template").clone();
|
|
$("#tab_content_load_balancer #grid_content").append($template.show());
|
|
|
|
var $spinningWheel = $template.find("#row_container").find("#spinning_wheel");
|
|
$spinningWheel.find("#description").text("Adding load balancer rule....");
|
|
$spinningWheel.show();
|
|
|
|
var ipObj = $("#right_panel_content #tab_content_details").data("jsonObj");
|
|
var ipAddress = ipObj.ipaddress;
|
|
|
|
var name = createLoadBalancerRow.find("#name").val();
|
|
var publicPort = createLoadBalancerRow.find("#public_port").val();
|
|
var privatePort = createLoadBalancerRow.find("#private_port").val();
|
|
var algorithm = createLoadBalancerRow.find("#algorithm_select").val();
|
|
|
|
var array1 = [];
|
|
array1.push("&publicip="+ipAddress);
|
|
array1.push("&name="+todb(name));
|
|
array1.push("&publicport="+publicPort);
|
|
array1.push("&privateport="+privatePort);
|
|
array1.push("&algorithm="+algorithm);
|
|
|
|
$.ajax({
|
|
data: createURL("command=createLoadBalancerRule"+array1.join("")),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.createloadbalancerruleresponse.loadbalancerrule;
|
|
loadBalancerJsonToTemplate(items[0], $template);
|
|
$spinningWheel.hide();
|
|
refreshCreateLoadBalancerRow();
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
$template.slideUp("slow", function() {
|
|
$(this).remove();
|
|
});
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
}
|
|
|
|
function ipGetMidmenuId(jsonObj) {
|
|
return ipGetMidmenuId2(jsonObj.ipaddress);
|
|
}
|
|
|
|
function ipGetMidmenuId2(ipaddress) {
|
|
return "midmenuItem_" + ipaddress.replace(/\./g, "_"); //e.g. "192.168.33.108" => "192_168_33_108"
|
|
}
|
|
|
|
function ipToMidmenu(jsonObj, $midmenuItem1) {
|
|
var id = ipGetMidmenuId(jsonObj);
|
|
$midmenuItem1.attr("id", id);
|
|
$midmenuItem1.data("jsonObj", jsonObj);
|
|
|
|
var $iconContainer = $midmenuItem1.find("#icon_container").show();
|
|
$iconContainer.find("#icon").attr("src", "images/midmenuicon_network_networkgroup.png");
|
|
|
|
$midmenuItem1.find("#first_row").text(jsonObj.ipaddress.substring(0,25));
|
|
$midmenuItem1.find("#second_row").text(fromdb(jsonObj.account).substring(0,25));
|
|
}
|
|
|
|
function isIpManageable(domainid, account) {
|
|
if((g_domainid == domainid && g_account == account) || (isAdmin() && account!="system"))
|
|
return true;
|
|
else
|
|
return false;
|
|
}
|
|
|
|
function ipToRightPanel($midmenuItem1) {
|
|
var ipObj = $midmenuItem1.data("jsonObj");
|
|
|
|
copyAfterActionInfoToRightPanel($midmenuItem1);
|
|
|
|
//Details tab
|
|
ipJsonToDetailsTab($midmenuItem1);
|
|
|
|
//Port Forwarding tab, Load Balancer tab
|
|
if(isIpManageable(ipObj.domainid, ipObj.account) == true) {
|
|
$("#tab_port_forwarding, #tab_load_balancer").show();
|
|
listPortForwardingRules(ipObj);
|
|
refreshCreatePortForwardingRow();
|
|
listLoadBalancerRules(ipObj);
|
|
refreshCreateLoadBalancerRow();
|
|
}
|
|
else {
|
|
$("#tab_port_forwarding, #tab_load_balancer").hide();
|
|
ipClearPortForwardingTab();
|
|
ipClearLoadBalancerTab();
|
|
$("#tab_details").click();
|
|
}
|
|
}
|
|
|
|
function ipClearRightPanel() {
|
|
ipClearDetailsTab();
|
|
ipClearPortForwardingTab();
|
|
ipClearLoadBalancerTab();
|
|
}
|
|
|
|
//***** Details tab (begin) ****************************************************************************************************************
|
|
function ipJsonToDetailsTab($midmenuItem1) {
|
|
var ipObj = $midmenuItem1.data("jsonObj");
|
|
var $detailsTab = $("#right_panel_content #tab_content_details");
|
|
$detailsTab.data("jsonObj", ipObj);
|
|
|
|
$detailsTab.find("#ipaddress").text(fromdb(ipObj.ipaddress));
|
|
$detailsTab.find("#zonename").text(fromdb(ipObj.zonename));
|
|
$detailsTab.find("#vlanname").text(fromdb(ipObj.vlanname));
|
|
setSourceNatField(ipObj.issourcenat, $detailsTab.find("#source_nat"));
|
|
setNetworkTypeField(ipObj.forvirtualnetwork, $detailsTab.find("#network_type"));
|
|
|
|
$detailsTab.find("#domain").text(fromdb(ipObj.domain));
|
|
$detailsTab.find("#account").text(fromdb(ipObj.account));
|
|
$detailsTab.find("#allocated").text(fromdb(ipObj.allocated));
|
|
|
|
//actions ***
|
|
var $actionMenu = $("#right_panel_content #tab_content_details #action_link #action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
var noAvailableActions = true;
|
|
|
|
if(isIpManageable(ipObj.domainid, ipObj.account) == true && ipObj.issourcenat != "true") {
|
|
buildActionLinkForDetailsTab("Release IP", ipActionMap, $actionMenu, $midmenuItem1, $detailsTab);
|
|
noAvailableActions = false;
|
|
}
|
|
|
|
// no available actions
|
|
if(noAvailableActions == true) {
|
|
$actionMenu.find("#action_list").append($("#no_available_actions").clone().show());
|
|
}
|
|
}
|
|
|
|
function ipClearDetailsTab() {
|
|
var $detailsTab = $("#right_panel_content #tab_content_details");
|
|
|
|
$detailsTab.find("#ipaddress").text("");
|
|
$detailsTab.find("#zonename").text("");
|
|
$detailsTab.find("#vlanname").text("");
|
|
$detailsTab.find("#source_nat").text("");
|
|
$detailsTab.find("#network_type").text("");
|
|
$detailsTab.find("#domain").text("");
|
|
$detailsTab.find("#account").text("");
|
|
$detailsTab.find("#allocated").text("");
|
|
|
|
//actions ***
|
|
var $actionMenu = $("#right_panel_content #tab_content_details #action_link #action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
$actionMenu.find("#action_list").append($("#no_available_actions").clone().show());
|
|
}
|
|
|
|
function setSourceNatField(value, $field) {
|
|
if(value == "true")
|
|
$field.text("Yes");
|
|
else if(value == "false")
|
|
$field.text("No");
|
|
else
|
|
$field.text("");
|
|
}
|
|
|
|
function setNetworkTypeField(value, $field) {
|
|
if(value == "true")
|
|
$field.text("Public");
|
|
else if(value == "false")
|
|
$field.text("Direct");
|
|
else
|
|
$field.text("");
|
|
}
|
|
|
|
var ipActionMap = {
|
|
"Release IP": {
|
|
isAsyncJob: false,
|
|
dialogBeforeActionFn : doReleaseIp,
|
|
inProcessText: "Releasing IP....",
|
|
afterActionSeccessFn: function(json, $midmenuItem1, id) {
|
|
$midmenuItem1.remove();
|
|
clearRightPanel();
|
|
ipClearRightPanel();
|
|
}
|
|
}
|
|
}
|
|
|
|
function doReleaseIp($actionLink, $detailsTab, $midmenuItem1) {
|
|
var $detailsTab = $("#right_panel_content #tab_content_details");
|
|
var jsonObj = $detailsTab.data("jsonObj");
|
|
var ipaddress = jsonObj.ipaddress;
|
|
|
|
$("#dialog_confirmation_release_ip")
|
|
.dialog('option', 'buttons', {
|
|
"Confirm": function() {
|
|
$(this).dialog("close");
|
|
var apiCommand = "command=disassociateIpAddress&ipaddress="+ipaddress;
|
|
doActionToDetailsTab(ipaddress, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
//***** Details tab (end) ******************************************************************************************************************
|
|
|
|
//***** Port Forwarding tab (begin) ********************************************************************************************************
|
|
function ipClearPortForwardingTab() {
|
|
$("#tab_content_port_forwarding #grid_content").empty();
|
|
refreshCreatePortForwardingRow();
|
|
}
|
|
|
|
function listPortForwardingRules(ipObj) {
|
|
var ipAddress = ipObj.ipaddress;
|
|
if(ipAddress == null || ipAddress.length == 0)
|
|
return;
|
|
$.ajax({
|
|
data: createURL("command=listPortForwardingRules&ipaddress=" + ipAddress),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listportforwardingrulesresponse.portforwardingrule;
|
|
var $portForwardingGrid = $("#tab_content_port_forwarding #grid_content");
|
|
$portForwardingGrid.empty();
|
|
if (items != null && items.length > 0) {
|
|
for (var i = 0; i < items.length; i++) {
|
|
var $template = $("#port_forwarding_template").clone(true);
|
|
portForwardingJsonToTemplate(items[i], $template);
|
|
$portForwardingGrid.append($template.show());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
//var portForwardingIndex = 0;
|
|
function portForwardingJsonToTemplate(jsonObj, $template) {
|
|
//(portForwardingIndex++ % 2 == 0)? $template.find("#row_container").addClass("smallrow_even"): $template.find("#row_container").addClass("smallrow_odd");
|
|
$template.attr("id", "portForwarding_" + jsonObj.id).data("portForwardingId", jsonObj.id);
|
|
|
|
$template.find("#row_container #public_port").text(jsonObj.publicport);
|
|
$template.find("#row_container_edit #public_port").text(jsonObj.publicport);
|
|
|
|
$template.find("#row_container #private_port").text(jsonObj.privateport);
|
|
$template.find("#row_container_edit #private_port").val(jsonObj.privateport);
|
|
|
|
$template.find("#row_container #protocol").text(jsonObj.protocol);
|
|
$template.find("#row_container_edit #protocol").text(jsonObj.protocol);
|
|
|
|
var vmName = getVmName(jsonObj.vmname, jsonObj.vmdisplayname); //jsonObj doesn't include vmdisplayname property(incorrect). Waiting for Bug 6241 to be fixed....
|
|
$template.find("#row_container #vm_name").text(vmName);
|
|
var virtualMachineId = jsonObj.virtualmachineid;
|
|
|
|
var $detailsTab = $("#right_panel_content #tab_content_details");
|
|
var ipObj = $detailsTab.data("jsonObj");
|
|
var ipAddress = ipObj.ipaddress;
|
|
var IpDomainid = ipObj.domainid;
|
|
var IpAccount = ipObj.account;
|
|
|
|
$.ajax({
|
|
data: createURL("command=listVirtualMachines&domainid="+IpDomainid+"&account="+IpAccount+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var instances = json.listvirtualmachinesresponse.virtualmachine;
|
|
var vmSelect = $template.find("#row_container_edit #vm").empty();
|
|
if (instances != null && instances.length > 0) {
|
|
for (var i = 0; i < instances.length; i++) {
|
|
var html = $("<option value='" + instances[i].id + "'>" + getVmName(instances[i].name, instances[i].displayname) + "</option>");
|
|
vmSelect.append(html);
|
|
}
|
|
vmSelect.val(virtualMachineId);
|
|
}
|
|
}
|
|
});
|
|
|
|
var $rowContainer = $template.find("#row_container");
|
|
var $rowContainerEdit = $template.find("#row_container_edit");
|
|
|
|
$template.find("#delete_link").unbind("click").bind("click", function(event){
|
|
var $spinningWheel = $rowContainer.find("#spinning_wheel");
|
|
$spinningWheel.find("#description").text("Deleting....");
|
|
$spinningWheel.show();
|
|
$.ajax({
|
|
data: createURL("command=deletePortForwardingRule&id="+jsonObj.id),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
$template.slideUp("slow", function(){
|
|
$(this).remove();
|
|
});
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
$spinningWheel.hide();
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
$template.find("#edit_link").unbind("click").bind("click", function(event){
|
|
$rowContainer.hide();
|
|
$rowContainerEdit.show();
|
|
});
|
|
|
|
$template.find("#cancel_link").unbind("click").bind("click", function(event){
|
|
$rowContainer.show();
|
|
$rowContainerEdit.hide();
|
|
});
|
|
|
|
$template.find("#save_link").unbind("click").bind("click", function(event){
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateNumber("Private Port", $rowContainerEdit.find("#private_port"), $rowContainerEdit.find("#private_port_errormsg"), 1, 65535);
|
|
if (!isValid) return;
|
|
|
|
var $spinningWheel = $rowContainerEdit.find("#spinning_wheel");
|
|
$spinningWheel.find("#description").text("Saving....");
|
|
$spinningWheel.show();
|
|
|
|
var publicPort = $rowContainerEdit.find("#public_port").text();
|
|
var privatePort = $rowContainerEdit.find("#private_port").val();
|
|
var protocol = $rowContainerEdit.find("#protocol").text();
|
|
var virtualMachineId = $rowContainerEdit.find("#vm").val();
|
|
|
|
var array1 = [];
|
|
array1.push("&publicip="+ipAddress);
|
|
array1.push("&privateport="+privatePort);
|
|
array1.push("&publicport="+publicPort);
|
|
array1.push("&protocol="+protocol);
|
|
array1.push("&virtualmachineid=" + virtualMachineId);
|
|
|
|
$.ajax({
|
|
data: createURL("command=updatePortForwardingRule"+array1.join("")),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var jobId = json.updateportforwardingruleresponse.jobid;
|
|
var timerKey = "updateportforwardingruleJob"+jobId;
|
|
|
|
$("body").everyTime(2000, timerKey, function() {
|
|
$.ajax({
|
|
data: createURL("command=queryAsyncJobResult&jobId="+jobId),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var result = json.queryasyncjobresultresponse;
|
|
if (result.jobstatus == 0) {
|
|
return; //Job has not completed
|
|
} else {
|
|
$("body").stopTime(timerKey);
|
|
if (result.jobstatus == 1) { // Succeeded
|
|
var items = result.portforwardingrule;
|
|
portForwardingJsonToTemplate(items[0],$template);
|
|
$spinningWheel.hide();
|
|
$rowContainerEdit.hide();
|
|
$rowContainer.show();
|
|
} else if (result.jobstatus == 2) { //Fail
|
|
$spinningWheel.hide();
|
|
$("#dialog_alert").text(fromdb(result.jobresult)).dialog("open");
|
|
}
|
|
}
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
$("body").stopTime(timerKey);
|
|
$spinningWheel.hide();
|
|
}
|
|
});
|
|
}, 0);
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
$spinningWheel.hide();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
function refreshCreatePortForwardingRow() {
|
|
var $createPortForwardingRow = $("#create_port_forwarding_row");
|
|
$createPortForwardingRow.find("#public_port").val("");
|
|
$createPortForwardingRow.find("#private_port").val("");
|
|
$createPortForwardingRow.find("#protocol").val("TCP");
|
|
|
|
var $detailsTab = $("#right_panel_content #tab_content_details");
|
|
var jsonObj = $detailsTab.data("jsonObj");
|
|
var IpDomainid = jsonObj.domainid;
|
|
var IpAccount = jsonObj.account;
|
|
|
|
$.ajax({
|
|
data: createURL("command=listVirtualMachines&domainid="+IpDomainid+"&account="+IpAccount+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var instances = json.listvirtualmachinesresponse.virtualmachine;
|
|
var vmSelect = $createPortForwardingRow.find("#vm").empty();
|
|
if (instances != null && instances.length > 0) {
|
|
for (var i = 0; i < instances.length; i++) {
|
|
var html = $("<option value='" + instances[i].id + "'>" + getVmName(instances[i].name, instances[i].displayname) + "</option>");
|
|
vmSelect.append(html);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
//***** Port Forwarding tab (end) **********************************************************************************************************
|
|
|
|
|
|
//***** Load Balancer tab (begin) **********************************************************************************************************
|
|
function ipClearLoadBalancerTab() {
|
|
$("#tab_content_load_balancer #grid_content").empty();
|
|
refreshCreateLoadBalancerRow();
|
|
}
|
|
|
|
function listLoadBalancerRules(ipObj) {
|
|
var ipAddress = ipObj.ipaddress;
|
|
if(ipAddress == null || ipAddress.length == 0)
|
|
return;
|
|
$.ajax({
|
|
data: createURL("command=listLoadBalancerRules&publicip="+ipAddress),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listloadbalancerrulesresponse.loadbalancerrule;
|
|
var loadBalancerGrid = $("#tab_content_load_balancer #grid_content");
|
|
loadBalancerGrid.empty();
|
|
if (items != null && items.length > 0) {
|
|
for (var i = 0; i < items.length; i++) {
|
|
var $template = $("#load_balancer_template").clone(true);
|
|
loadBalancerJsonToTemplate(items[i], $template);
|
|
loadBalancerGrid.append($template.show());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function loadBalancerJsonToTemplate(jsonObj, $template) {
|
|
//(loadBalancerIndex++ % 2 == 0)? $template.find("#row_container").addClass("smallrow_even"): $template.find("#row_container").addClass("smallrow_odd");
|
|
|
|
var loadBalancerId = jsonObj.id;
|
|
$template.attr("id", "loadBalancer_" + loadBalancerId).data("loadBalancerId", loadBalancerId);
|
|
|
|
$template.find("#row_container #name").text(fromdb(jsonObj.name));
|
|
$template.find("#row_container_edit #name").val(fromdb(jsonObj.name));
|
|
|
|
$template.find("#row_container #public_port").text(jsonObj.publicport);
|
|
$template.find("#row_container_edit #public_port").text(jsonObj.publicport);
|
|
|
|
$template.find("#row_container #private_port").text(jsonObj.privateport);
|
|
$template.find("#row_container_edit #private_port").val(jsonObj.privateport);
|
|
|
|
$template.find("#row_container #algorithm").text(jsonObj.algorithm);
|
|
$template.find("#row_container_edit #algorithm").val(jsonObj.algorithm);
|
|
|
|
$template.find("#manage_link").unbind("click").bind("click", function(event){
|
|
var $managementArea = $template.find("#management_area");
|
|
var $vmSubgrid = $managementArea.find("#subgrid_content");
|
|
if($managementArea.css("display") == "none") {
|
|
$vmSubgrid.empty();
|
|
$.ajax({
|
|
cache: false,
|
|
data: createURL("command=listLoadBalancerRuleInstances&id="+loadBalancerId),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var instances = json.listloadbalancerruleinstancesresponse.loadbalancerruleinstance;
|
|
if (instances != null && instances.length > 0) {
|
|
for (var i = 0; i < instances.length; i++) {
|
|
var $lbVmTemplate = $("#load_balancer_vm_template").clone();
|
|
var obj = {"loadBalancerId": loadBalancerId, "vmId": instances[i].id, "vmName": getVmName(instances[i].name, instances[i].displayname), "vmPrivateIp": instances[i].privateip};
|
|
lbVmObjToTemplate(obj, $lbVmTemplate);
|
|
$vmSubgrid.append($lbVmTemplate.show());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
$managementArea.show();
|
|
}
|
|
else {
|
|
$managementArea.hide();
|
|
}
|
|
return false;
|
|
});
|
|
|
|
var $rowContainer = $template.find("#row_container");
|
|
var $rowContainerEdit = $template.find("#row_container_edit");
|
|
|
|
$template.find("#delete_link").unbind("click").bind("click", function(event){
|
|
var $managementArea = $template.find("#management_area");
|
|
if($managementArea.css("display") != "none")
|
|
$managementArea.hide();
|
|
|
|
var $spinningWheel = $template.find("#row_container").find("#spinning_wheel");
|
|
$spinningWheel.find("#description").text("Deleting load balancer rule....");
|
|
$spinningWheel.show();
|
|
|
|
$.ajax({
|
|
data: createURL("command=deleteLoadBalancerRule&id="+loadBalancerId),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var jobId = json.deleteloadbalancerruleresponse.jobid;
|
|
var timerKey = "deleteLoadBalancerRuleJob_"+jobId;
|
|
$("body").everyTime(
|
|
5000,
|
|
timerKey,
|
|
function() {
|
|
$.ajax({
|
|
data: createURL("command=queryAsyncJobResult&jobId="+jobId),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var result = json.queryasyncjobresultresponse;
|
|
if (result.jobstatus == 0) {
|
|
return; //Job has not completed
|
|
} else {
|
|
$("body").stopTime(timerKey);
|
|
if (result.jobstatus == 1) { // Succeeded
|
|
$template.slideUp("slow", function() {
|
|
$(this).remove();
|
|
});
|
|
} else if (result.jobstatus == 2) { // Failed
|
|
$spinningWheel.hide();
|
|
}
|
|
}
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
$("body").stopTime(timerKey);
|
|
$spinningWheel.hide();
|
|
handleError(XMLHttpResponse);
|
|
}
|
|
});
|
|
},
|
|
0
|
|
);
|
|
}
|
|
,
|
|
error: function(XMLHttpResponse) {
|
|
$spinningWheel.hide();
|
|
handleError(XMLHttpResponse);
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
$template.find("#edit_link").unbind("click").bind("click", function(event){
|
|
$rowContainer.hide();
|
|
$rowContainerEdit.show();
|
|
});
|
|
|
|
$template.find("#cancel_link").unbind("click").bind("click", function(event){
|
|
$rowContainer.show();
|
|
$rowContainerEdit.hide();
|
|
});
|
|
|
|
$template.find("#save_link").unbind("click").bind("click", function(event){
|
|
var isValid = true;
|
|
isValid &= validateString("Name", $rowContainerEdit.find("#name"), $rowContainerEdit.find("#name_errormsg"));
|
|
isValid &= validateNumber("Private Port", $rowContainerEdit.find("#private_port"), $rowContainerEdit.find("#private_port_errormsg"), 1, 65535);
|
|
if (!isValid)
|
|
return;
|
|
|
|
var $spinningWheel = $template.find("#row_container_edit").find("#spinning_wheel");
|
|
$spinningWheel.find("#description").text("Saving load balancer rule....");
|
|
$spinningWheel.show();
|
|
|
|
var name = $rowContainerEdit.find("#name").val();
|
|
var privatePort = $rowContainerEdit.find("#private_port").val();
|
|
var algorithm = $rowContainerEdit.find("#algorithm_select").val();
|
|
|
|
var array1 = [];
|
|
array1.push("&id=" + loadBalancerId);
|
|
array1.push("&name=" + name);
|
|
array1.push("&privateport=" + privatePort);
|
|
array1.push("&algorithm=" + algorithm);
|
|
|
|
$.ajax({
|
|
data: createURL("command=updateLoadBalancerRule"+array1.join("")),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var jobId = json.updateloadbalancerruleresponse.jobid;
|
|
var timerKey = "updateloadbalancerruleJob"+jobId;
|
|
|
|
$("body").everyTime(2000, timerKey, function() {
|
|
$.ajax({
|
|
data: createURL("command=queryAsyncJobResult&jobId="+jobId),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var result = json.queryasyncjobresultresponse;
|
|
if (result.jobstatus == 0) {
|
|
return; //Job has not completed
|
|
} else {
|
|
$("body").stopTime(timerKey);
|
|
if (result.jobstatus == 1) { // Succeeded
|
|
var items = result.loadbalancer;
|
|
loadBalancerJsonToTemplate(items[0],$template);
|
|
$spinningWheel.hide();
|
|
$rowContainerEdit.hide();
|
|
$rowContainer.show();
|
|
} else if (result.jobstatus == 2) { //Fail
|
|
$spinningWheel.hide();
|
|
$rowContainerEdit.hide();
|
|
$rowContainer.show();
|
|
$("#dialog_alert").text(fromdb(result.jobresult)).dialog("open");
|
|
}
|
|
}
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
$("body").stopTime(timerKey);
|
|
$spinningWheel.hide();
|
|
$rowContainerEdit.hide();
|
|
$rowContainer.show();
|
|
handleError(XMLHttpResponse);
|
|
}
|
|
});
|
|
}, 0);
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
$spinningWheel.hide();
|
|
$rowContainerEdit.hide();
|
|
$rowContainer.show();
|
|
}
|
|
});
|
|
});
|
|
|
|
refreshLbVmSelect($template, jsonObj.id);
|
|
|
|
$template.find("#add_vm_to_lb_row #assign_link").unbind("click").bind("click", function(event){
|
|
var vmOption = $template.find("#add_vm_to_lb_row #vm_select option:selected");
|
|
var vmId = vmOption.val();
|
|
var vmName = vmOption.data("vmName");
|
|
var vmPrivateIp = vmOption.data("vmPrivateIp");
|
|
if(vmId == null || vmId.length == 0)
|
|
return;
|
|
|
|
var $spinningWheel = $template.find("#add_vm_to_lb_row #spinning_wheel");
|
|
$spinningWheel.show();
|
|
|
|
$.ajax({
|
|
data: createURL("command=assignToLoadBalancerRule&id="+loadBalancerId+"&virtualmachineid="+vmId),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var lbInstanceJSON = json.assigntoloadbalancerruleresponse;
|
|
var jobId = lbInstanceJSON.jobid;
|
|
var timerKey = "assignToLoadBalancerRuleJob_"+jobId;
|
|
$("body").everyTime(
|
|
5000,
|
|
timerKey,
|
|
function() {
|
|
$.ajax({
|
|
data: createURL("command=queryAsyncJobResult&jobId="+jobId),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var result = json.queryasyncjobresultresponse;
|
|
if (result.jobstatus == 0) {
|
|
return; //Job has not completed
|
|
} else {
|
|
$("body").stopTime(timerKey);
|
|
if (result.jobstatus == 1) { // Succeeded
|
|
var $lbVmTemplate = $("#load_balancer_vm_template").clone();
|
|
var obj = {"loadBalancerId": loadBalancerId, "vmId": vmId, "vmName": vmName, "vmPrivateIp": vmPrivateIp};
|
|
lbVmObjToTemplate(obj, $lbVmTemplate);
|
|
$template.find("#management_area #subgrid_content").append($lbVmTemplate.show());
|
|
refreshLbVmSelect($template, loadBalancerId);
|
|
$spinningWheel.hide();
|
|
} else if (result.jobstatus == 2) { // Failed
|
|
$("#dialog_error").text(fromdb(result.jobresult)).dialog("open");
|
|
$spinningWheel.hide();
|
|
}
|
|
}
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
$("body").stopTime(timerKey);
|
|
$spinningWheel.hide();
|
|
}
|
|
});
|
|
},
|
|
0
|
|
);
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
$spinningWheel.hide();
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
}
|
|
|
|
function refreshCreateLoadBalancerRow() {
|
|
var createLoadBalancerRow = $("#tab_content_load_balancer #create_load_balancer_row");
|
|
createLoadBalancerRow.find("#name").val("");
|
|
createLoadBalancerRow.find("#public_port").val("");
|
|
createLoadBalancerRow.find("#private_port").val("");
|
|
createLoadBalancerRow.find("#algorithm_select").val("roundrobin");
|
|
}
|
|
|
|
|
|
function lbVmObjToTemplate(obj, $template) {
|
|
$template.find("#vm_name").text(obj.vmName);
|
|
$template.find("#vm_private_ip").text(obj.vmPrivateIp);
|
|
|
|
$template.find("#remove_link").bind("click", function(event){
|
|
var $spinningWheel = $template.find("#spinning_wheel");
|
|
$spinningWheel.show();
|
|
$.ajax({
|
|
data: createURL("command=removeFromLoadBalancerRule&id="+obj.loadBalancerId+"&virtualmachineid="+obj.vmId),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var lbJSON = json.removefromloadbalancerruleresponse;
|
|
var jobId = lbJSON.jobid;
|
|
var timerKey = "removeFromLoadBalancerRuleJob_"+jobId;
|
|
$("body").everyTime(
|
|
5000,
|
|
timerKey,
|
|
function() {
|
|
$.ajax({
|
|
data: createURL("command=queryAsyncJobResult&jobId="+jobId),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var result = json.queryasyncjobresultresponse;
|
|
if (result.jobstatus == 0) {
|
|
return; //Job has not completed
|
|
} else {
|
|
$("body").stopTime(timerKey);
|
|
if (result.jobstatus == 1) { // Succeeded
|
|
refreshLbVmSelect($("#loadBalancer_" + obj.loadBalancerId), obj.loadBalancerId);
|
|
$template.fadeOut("slow", function(event) {
|
|
$(this).remove();
|
|
});
|
|
} else if (result.jobstatus == 2) { // Failed
|
|
$("#dialog_error").text(fromdb(result.jobresult)).dialog("open");
|
|
$spinningWheel.hide();
|
|
}
|
|
}
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
$("body").stopTime(timerKey);
|
|
handleError(XMLHttpResponse);
|
|
$spinningWheel.hide();
|
|
}
|
|
});
|
|
},
|
|
0
|
|
);
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
$spinningWheel.hide();
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
}
|
|
|
|
function refreshLbVmSelect($template, loadBalancerId) {
|
|
var vmSelect = $template.find("#add_vm_to_lb_row #vm_select");
|
|
// Load the select box with the VMs that haven't been applied a LB rule to.
|
|
$.ajax({
|
|
cache: false,
|
|
data: createURL("command=listLoadBalancerRuleInstances&id="+loadBalancerId+"&applied=false"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var instances = json.listloadbalancerruleinstancesresponse.loadbalancerruleinstance;
|
|
vmSelect.empty();
|
|
if (instances != null && instances.length > 0) {
|
|
for (var i = 0; i < instances.length; i++) {
|
|
var vmName = getVmName(instances[i].name, instances[i].displayname);
|
|
html = $("<option value='" + instances[i].id + "'>" + vmName + "</option>")
|
|
html.data("vmPrivateIp", instances[i].privateip).data("vmName", vmName);
|
|
vmSelect.append(html);
|
|
}
|
|
} else {
|
|
vmSelect.append("<option value=''>None Available</option>");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
//***** Load Balancer tab (end) ************************************************************************************************************
|