mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
1329 lines
56 KiB
JavaScript
1329 lines
56 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 networkGetSearchParams() {
|
|
var moreCriteria = [];
|
|
|
|
var searchInput = $("#basic_search").find("#search_input").val();
|
|
if (searchInput != null && searchInput.length > 0) {
|
|
moreCriteria.push("&keyword="+todb(searchInput));
|
|
}
|
|
|
|
var $advancedSearchPopup = getAdvancedSearchPopupInSearchContainer();
|
|
if ($advancedSearchPopup.length > 0 && $advancedSearchPopup.css("display") != "none" ) {
|
|
if ($advancedSearchPopup.find("#adv_search_domain_li").css("display") != "none") {
|
|
var domainId = $advancedSearchPopup.find("#adv_search_domain").val();
|
|
if (domainId!=null && domainId.length > 0)
|
|
moreCriteria.push("&domainid="+domainId);
|
|
}
|
|
|
|
if ($advancedSearchPopup.find("#adv_search_account_li").css("display") != "none"
|
|
&& $advancedSearchPopup.find("#adv_search_account").hasClass("textwatermark") == false) {
|
|
var account = $advancedSearchPopup.find("#adv_search_account").val();
|
|
if (account!=null && account.length > 0)
|
|
moreCriteria.push("&account="+account);
|
|
}
|
|
}
|
|
|
|
return moreCriteria.join("");
|
|
}
|
|
|
|
var zoneObj;
|
|
function afterLoadNetworkJSP($leftmenuItem1) {
|
|
var $topButtonContainer = clearButtonsOnTop();
|
|
$("#top_buttons").appendTo($("#top_button_container").empty());
|
|
|
|
//switch between different tabs - Public Network page
|
|
var $publicNetworkPage = $("#public_network_page");
|
|
var tabArray = [$publicNetworkPage.find("#tab_details"), $publicNetworkPage.find("#tab_ipallocation"), $publicNetworkPage.find("#tab_firewall"), $publicNetworkPage.find("#tab_loadbalancer")];
|
|
var tabContentArray = [$publicNetworkPage.find("#tab_content_details"), $publicNetworkPage.find("#tab_content_ipallocation"), $publicNetworkPage.find("#tab_content_firewall"), $publicNetworkPage.find("#tab_content_loadbalancer")];
|
|
var afterSwitchFnArray = [publicNetworkJsonToDetailsTab, publicNetworkJsonToIpAllocationTab, publicNetworkJsonToFirewallTab, publicNetworkJsonToLoadBalancerTab];
|
|
switchBetweenDifferentTabs(tabArray, tabContentArray, afterSwitchFnArray);
|
|
|
|
//switch between different tabs - Direct Network page
|
|
var $directNetworkPage = $("#direct_network_page");
|
|
var tabArray = [$directNetworkPage.find("#tab_details"), $directNetworkPage.find("#tab_ipallocation")];
|
|
var tabContentArray = [$directNetworkPage.find("#tab_content_details"), $directNetworkPage.find("#tab_content_ipallocation")];
|
|
var afterSwitchFnArray = [directNetworkJsonToDetailsTab, directNetworkJsonToIpAllocationTab];
|
|
switchBetweenDifferentTabs(tabArray, tabContentArray, afterSwitchFnArray);
|
|
|
|
//initialize dialog
|
|
initDialog("dialog_add_iprange_to_publicnetwork");
|
|
initDialog("dialog_add_external_firewall");
|
|
initDialog("dialog_add_load_balancer");
|
|
initDialog("dialog_add_network_for_zone");
|
|
initDialog("dialog_add_iprange_to_directnetwork");
|
|
|
|
networkPopulateMiddleMenu($leftmenuItem1);
|
|
bindAddNetworkButton($("#add_network_button"));
|
|
}
|
|
|
|
function networkPopulateMiddleMenu($leftmenuItem1) {
|
|
zoneObj = $leftmenuItem1.data("jsonObj");
|
|
if(zoneObj == null)
|
|
return;
|
|
|
|
//populate items into middle menu
|
|
var $midmenuContainer = $("#midmenu_container").empty();
|
|
|
|
//direct network
|
|
listMidMenuItems2(("listNetworks&type=Direct&zoneId="+zoneObj.id), networkGetSearchParams, "listnetworksresponse", "network", directNetworkToMidmenu, directNetworkToRightPanel, directNetworkGetMidmenuId, false, 1);
|
|
|
|
//public network
|
|
$midmenuContainer.find("#midmenu_container_no_items_available").remove(); //There is always at least one item (i.e. public network) in middle menu. So, "no items available" shouldn't be in middle menu even there is zero direct network item in middle menu.
|
|
$.ajax({
|
|
data: createURL("command=listNetworks&trafficType=Public&isSystem=true&zoneId="+zoneObj.id),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function(json) {
|
|
var items = json.listnetworksresponse.network;
|
|
if(items != null && items.length > 0) {
|
|
var item = items[0];
|
|
var $midmenuItem1 = $("#midmenu_item").clone();
|
|
$midmenuItem1.data("toRightPanelFn", publicNetworkToRightPanel);
|
|
publicNetworkToMidmenu(item, $midmenuItem1);
|
|
bindClickToMidMenu($midmenuItem1, publicNetworkToRightPanel, publicNetworkGetMidmenuId);
|
|
$midmenuContainer.prepend($midmenuItem1.show()); //prepend public network on the top of middle menu
|
|
$midmenuItem1.click();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
//***** Public Network (begin) ******************************************************************************************************
|
|
function publicNetworkGetMidmenuId(jsonObj) {
|
|
return "midmenuItem_publicnetework_" + jsonObj.id;
|
|
}
|
|
|
|
function publicNetworkToMidmenu(jsonObj, $midmenuItem1) {
|
|
$midmenuItem1.attr("id", publicNetworkGetMidmenuId(jsonObj));
|
|
$midmenuItem1.data("jsonObj", jsonObj);
|
|
|
|
/*
|
|
var $iconContainer = $midmenuItem1.find("#icon_container").show();
|
|
$iconContainer.find("#icon").attr("src", "images/midmenuicon_storage_snapshots.png");
|
|
*/
|
|
|
|
$midmenuItem1.find("#first_row").text("Public Network");
|
|
$midmenuItem1.find("#second_row").text("VLAN: Multiple");
|
|
}
|
|
|
|
function publicNetworkToRightPanel($midmenuItem1) {
|
|
copyActionInfoFromMidMenuToRightPanel($midmenuItem1);
|
|
$("#right_panel_content").data("$midmenuItem1", $midmenuItem1);
|
|
|
|
$("#public_network_page").show();
|
|
bindAddIpRangeToPublicNetworkButton($("#add_iprange_button"), $midmenuItem1);
|
|
bindAddExternalFirewallButton($("#add_external_firewall_button"), $midmenuItem1);
|
|
bindAddLoadBalancerButton($("#add_load_balancer_button"), $midmenuItem1);
|
|
|
|
$("#direct_network_page").hide();
|
|
|
|
$("#public_network_page").find("#tab_details").click();
|
|
}
|
|
|
|
function publicNetworkJsonToDetailsTab() {
|
|
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
|
|
if($midmenuItem1 == null)
|
|
return;
|
|
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
if(jsonObj == null)
|
|
return;
|
|
|
|
var $thisTab = $("#right_panel_content #public_network_page #tab_content_details");
|
|
$thisTab.find("#tab_container").hide();
|
|
$thisTab.find("#tab_spinning_wheel").show();
|
|
|
|
$thisTab.find("#grid_header_title").text(fromdb(jsonObj.networkofferingdisplaytext));
|
|
|
|
$thisTab.find("#id").text(fromdb(jsonObj.id));
|
|
$thisTab.find("#state").text(fromdb(jsonObj.state));
|
|
$thisTab.find("#traffictype").text(fromdb(jsonObj.traffictype));
|
|
$thisTab.find("#broadcastdomaintype").text(fromdb(jsonObj.broadcastdomaintype));
|
|
setBooleanReadField(jsonObj.isshared, $thisTab.find("#isshared"));
|
|
setBooleanReadField(jsonObj.issystem, $thisTab.find("#issystem"));
|
|
$thisTab.find("#networkofferingname").text(fromdb(jsonObj.networkofferingname));
|
|
$thisTab.find("#networkofferingdisplaytext").text(fromdb(jsonObj.networkofferingdisplaytext));
|
|
$thisTab.find("#networkofferingid").text(fromdb(jsonObj.networkofferingid));
|
|
$thisTab.find("#related").text(fromdb(jsonObj.related));
|
|
$thisTab.find("#zoneid").text(fromdb(jsonObj.zoneid));
|
|
$thisTab.find("#dns1").text(fromdb(jsonObj.dns1));
|
|
$thisTab.find("#dns2").text(fromdb(jsonObj.dns2));
|
|
$thisTab.find("#domainid").text(fromdb(jsonObj.domainid));
|
|
$thisTab.find("#account").text(fromdb(jsonObj.account));
|
|
|
|
//actions ***
|
|
var $actionLink = $thisTab.find("#action_link");
|
|
$actionLink.bind("mouseover", function(event) {
|
|
$(this).find("#action_menu").show();
|
|
return false;
|
|
});
|
|
$actionLink.bind("mouseout", function(event) {
|
|
$(this).find("#action_menu").hide();
|
|
return false;
|
|
});
|
|
var $actionMenu = $thisTab.find("#action_link #action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
$actionMenu.find("#action_list").append($("#no_available_actions").clone().show());
|
|
|
|
$thisTab.find("#tab_container").show();
|
|
$thisTab.find("#tab_spinning_wheel").hide();
|
|
}
|
|
|
|
function publicNetworkJsonToIpAllocationTab() {
|
|
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
|
|
if($midmenuItem1 == null)
|
|
return;
|
|
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
if(jsonObj == null)
|
|
return;
|
|
|
|
var $thisTab = $("#right_panel_content #public_network_page #tab_content_ipallocation");
|
|
$thisTab.find("#tab_container").hide();
|
|
$thisTab.find("#tab_spinning_wheel").show();
|
|
|
|
$.ajax({
|
|
data: createURL("command=listVlanIpRanges&zoneid="+ jsonObj.zoneid+"&forvirtualnetwork=true"), //don't need networkid because one zone has only one public network
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listvlaniprangesresponse.vlaniprange;
|
|
var $container = $thisTab.find("#tab_container").empty();
|
|
var $template = $("#public_iprange_template");
|
|
if(items != null && items.length > 0) {
|
|
for(var i=0; i<items.length; i++) {
|
|
var $newTemplate = $template.clone();
|
|
publicNetworkIprangeJsonToTemplate(items[i], $newTemplate);
|
|
$container.append($newTemplate.show());
|
|
}
|
|
}
|
|
$thisTab.find("#tab_container").show();
|
|
$thisTab.find("#tab_spinning_wheel").hide();
|
|
}
|
|
});
|
|
}
|
|
|
|
function publicNetworkIprangeJsonToTemplate(jsonObj, $template) {
|
|
$template.data("jsonObj", jsonObj);
|
|
$template.attr("id", "publicNetworkIprange_" + jsonObj.id);
|
|
|
|
var ipRange = getIpRange(fromdb(jsonObj.startip), fromdb(jsonObj.endip));
|
|
$template.find("#grid_header_title").text(ipRange);
|
|
|
|
$template.find("#id").text(jsonObj.id);
|
|
$template.find("#vlan").text(jsonObj.vlan);
|
|
$template.find("#gateway").text(jsonObj.gateway);
|
|
$template.find("#netmask").text(jsonObj.netmask);
|
|
$template.find("#iprange").text(ipRange);
|
|
$template.find("#domain").text(jsonObj.domain);
|
|
$template.find("#account").text(jsonObj.account);
|
|
|
|
var $actionLink = $template.find("#iprange_action_link");
|
|
$actionLink.bind("mouseover", function(event) {
|
|
$(this).find("#iprange_action_menu").show();
|
|
return false;
|
|
});
|
|
$actionLink.bind("mouseout", function(event) {
|
|
$(this).find("#iprange_action_menu").hide();
|
|
return false;
|
|
});
|
|
|
|
var $actionMenu = $actionLink.find("#iprange_action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
|
|
buildActionLinkForSubgridItem("Delete IP Range", publicNetworkIpRangeActionMap, $actionMenu, $template);
|
|
}
|
|
|
|
function publicNetworkJsonToFirewallTab() {
|
|
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
|
|
if($midmenuItem1 == null)
|
|
return;
|
|
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
if(jsonObj == null)
|
|
return;
|
|
|
|
var $thisTab = $("#right_panel_content #public_network_page #tab_content_firewall");
|
|
$thisTab.find("#tab_container").hide();
|
|
$thisTab.find("#tab_spinning_wheel").show();
|
|
|
|
$.ajax({
|
|
data: createURL("command=listExternalFirewalls&zoneid="+zoneObj.id),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listexternalfirewallsresponse.externalfirewall;
|
|
var $container = $thisTab.find("#tab_container").empty();
|
|
var $template = $("#externalfirewall_template");
|
|
if(items != null && items.length > 0) {
|
|
for(var i=0; i<items.length; i++) {
|
|
var $newTemplate = $template.clone();
|
|
publicNetworkFirewallJsonToTemplate(items[i], $newTemplate);
|
|
$container.append($newTemplate.show());
|
|
}
|
|
}
|
|
$thisTab.find("#tab_container").show();
|
|
$thisTab.find("#tab_spinning_wheel").hide();
|
|
}
|
|
});
|
|
}
|
|
|
|
function publicNetworkParseUrl(url, $template) {
|
|
if(url == null)
|
|
return;
|
|
|
|
var array1 = url.split("?");
|
|
if(array1.length >= 2) {
|
|
var $subTemplate = $("#grid_row_template");
|
|
|
|
var ip = array1[0];
|
|
$template.find("#grid_header_title").text(ip);
|
|
var $newSubTemplate = $subTemplate.clone();
|
|
$newSubTemplate.attr("id", ("grid_row_template_ip")).addClass("even");
|
|
$newSubTemplate.find("#label").text("IP: ");
|
|
$newSubTemplate.find("#value").text(ip);
|
|
$template.append($newSubTemplate.show());
|
|
|
|
var parameters = array1[1];
|
|
if(parameters != null) {
|
|
var array2 = parameters.split("&");
|
|
for(var i=0; i < array2.length; i++) {
|
|
var array3 = array2[i].split("=");
|
|
if(array3.length >= 2) {
|
|
var $newSubTemplate = $subTemplate.clone();
|
|
$newSubTemplate.attr("id", ("grid_row_template_"+i));
|
|
if(i%2 == 0)
|
|
$newSubTemplate.addClass("odd");
|
|
else
|
|
$newSubTemplate.addClass("even");
|
|
$newSubTemplate.find("#label").text(array3[0] + ": ");
|
|
$newSubTemplate.find("#value").text(array3[1]);
|
|
$template.append($newSubTemplate.show());
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function publicNetworkFirewallJsonToTemplate(jsonObj, $template) {
|
|
$template.data("jsonObj", jsonObj);
|
|
$template.attr("id", "publicNetworkFirewall_" + jsonObj.id);
|
|
$template.find("#id").text(fromdb(jsonObj.id));
|
|
publicNetworkParseUrl(jsonObj.url, $template);
|
|
|
|
var $actionLink = $template.find("#firewall_action_link");
|
|
$actionLink.bind("mouseover", function(event) {
|
|
$(this).find("#firewall_action_menu").show();
|
|
return false;
|
|
});
|
|
$actionLink.bind("mouseout", function(event) {
|
|
$(this).find("#firewall_action_menu").hide();
|
|
return false;
|
|
});
|
|
|
|
var $actionMenu = $actionLink.find("#firewall_action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
|
|
buildActionLinkForSubgridItem("Delete Firewall", publicNetworkFirewallActionMap, $actionMenu, $template);
|
|
}
|
|
|
|
var publicNetworkFirewallActionMap = {
|
|
"Delete Firewall": {
|
|
api: "deleteExternalFirewall",
|
|
isAsyncJob: false,
|
|
inProcessText: "Deleting Firewall....",
|
|
afterActionSeccessFn: function(json, id, $subgridItem) {
|
|
$subgridItem.slideUp("slow", function() {
|
|
$(this).remove();
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
function publicNetworkJsonToLoadBalancerTab() {
|
|
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
|
|
if($midmenuItem1 == null)
|
|
return;
|
|
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
if(jsonObj == null)
|
|
return;
|
|
|
|
var $thisTab = $("#right_panel_content #public_network_page #tab_content_loadbalancer");
|
|
$thisTab.find("#tab_container").hide();
|
|
$thisTab.find("#tab_spinning_wheel").show();
|
|
|
|
$.ajax({
|
|
data: createURL("command=listExternalLoadBalancers&zoneid="+zoneObj.id),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listexternalloadbalancersresponse.externalloadbalancer;
|
|
var $container = $thisTab.find("#tab_container").empty();
|
|
var $template = $("#loadbalancer_template");
|
|
if(items != null && items.length > 0) {
|
|
for(var i=0; i<items.length; i++) {
|
|
var $newTemplate = $template.clone();
|
|
publicNetworkLoadBalancerJsonToTemplate(items[i], $newTemplate);
|
|
$container.append($newTemplate.show());
|
|
}
|
|
}
|
|
$thisTab.find("#tab_container").show();
|
|
$thisTab.find("#tab_spinning_wheel").hide();
|
|
}
|
|
});
|
|
}
|
|
|
|
function publicNetworkLoadBalancerJsonToTemplate(jsonObj, $template) {
|
|
$template.data("jsonObj", jsonObj);
|
|
$template.attr("id", "publicNetworkLoadBalancer_" + jsonObj.id);
|
|
|
|
$template.find("#grid_header_title").text(fromdb(jsonObj.url));
|
|
$template.find("#id").text(fromdb(jsonObj.id));
|
|
publicNetworkParseUrl(jsonObj.url, $template);
|
|
|
|
var $actionLink = $template.find("#loadbalancer_action_link");
|
|
$actionLink.bind("mouseover", function(event) {
|
|
$(this).find("#loadbalancer_action_menu").show();
|
|
return false;
|
|
});
|
|
$actionLink.bind("mouseout", function(event) {
|
|
$(this).find("#loadbalancer_action_menu").hide();
|
|
return false;
|
|
});
|
|
|
|
var $actionMenu = $actionLink.find("#loadbalancer_action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
|
|
buildActionLinkForSubgridItem("Delete Load Balancer", publicNetworkLoadBalancerActionMap, $actionMenu, $template);
|
|
}
|
|
|
|
var publicNetworkLoadBalancerActionMap = {
|
|
"Delete Load Balancer": {
|
|
api: "deleteExternalLoadBalancer",
|
|
isAsyncJob: false,
|
|
inProcessText: "Deleting Load Balancer....",
|
|
afterActionSeccessFn: function(json, id, $subgridItem) {
|
|
$subgridItem.slideUp("slow", function() {
|
|
$(this).remove();
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
function bindAddIpRangeToPublicNetworkButton($button, $midmenuItem1) {
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
|
|
var $dialogAddIpRangeToPublicNetwork = $("#dialog_add_iprange_to_publicnetwork");
|
|
|
|
//***** binding Event Handler (begin) ******
|
|
if (zoneObj.networktype == "Advanced") {
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_tagged").change(function(event) {
|
|
if ($(this).val() == "tagged") {
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_vlan_container").show();
|
|
//$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_pod_container").hide();
|
|
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_scope").empty().append('<option value="zone-wide">zone-wide</option>').append('<option value="account-specific">account-specific</option>');
|
|
}
|
|
else if($(this).val() == "untagged") {
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_vlan_container").hide();
|
|
//$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_pod_container").hide();
|
|
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_scope").empty().append('<option value="zone-wide">zone-wide</option>');
|
|
}
|
|
|
|
// default value of "#add_publicip_vlan_scope" is "zone-wide". Calling change() will hide "#add_publicip_vlan_domain_container", "#add_publicip_vlan_account_container".
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_scope").change();
|
|
|
|
return false;
|
|
});
|
|
}
|
|
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_scope").change(function(event) {
|
|
if($(this).val() == "zone-wide") {
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_domain_container").hide();
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_account_container").hide();
|
|
}
|
|
else if($(this).val() == "account-specific") {
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_domain_container").show();
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_account_container").show();
|
|
}
|
|
return false;
|
|
});
|
|
//***** binding Event Handler (end) ******
|
|
$button.show();
|
|
$button.unbind("click").bind("click", function(event) {
|
|
if($("#public_network_page").find("#tab_content_ipallocation").css("display") == "none")
|
|
$("#public_network_page").find("#tab_ipallocation").click();
|
|
|
|
/*
|
|
$dialogAddIpRangeToPublicNetwork.find("#info_container").hide();
|
|
$dialogAddIpRangeToPublicNetwork.find("#zone_name").text(fromdb(zoneObj.name));
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_vlan_container, #add_publicip_vlan_domain_container, #add_publicip_vlan_account_container").hide();
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_tagged, #add_publicip_vlan_vlan, #add_publicip_vlan_gateway, #add_publicip_vlan_netmask, #add_publicip_vlan_startip, #add_publicip_vlan_endip, #add_publicip_vlan_account").val("");
|
|
*/
|
|
//$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_pod_container").show();
|
|
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_tagged").change();
|
|
$dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_scope").change(); // default value of "#add_publicip_vlan_scope" is "zone-wide". Calling change() will hide "#add_publicip_vlan_domain_container", "#add_publicip_vlan_account_container".
|
|
|
|
/*
|
|
var podSelect = $dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_pod").empty();
|
|
$.ajax({
|
|
data: createURL("command=listPods&zoneId="+zoneObj.id),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function(json) {
|
|
var pods = json.listpodsresponse.pod;
|
|
if (pods != null && pods.length > 0) {
|
|
for (var i = 0; i < pods.length; i++) {
|
|
podSelect.append("<option value='" + pods[i].id + "'>" + fromdb(pods[i].name) + "</option>");
|
|
}
|
|
} else {
|
|
podSelect.append("<option value=''>No available pods</option>");
|
|
}
|
|
}
|
|
});
|
|
*/
|
|
|
|
var domainSelect = $dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_domain").empty();
|
|
if(zoneObj.domainid != null) { //list only domains under zoneObj.domainid
|
|
domainSelect.append("<option value='" + zoneObj.domainid + "'>" + fromdb(zoneObj.domain) + "</option>");
|
|
|
|
function populateDomainDropdown(id) {
|
|
$.ajax({
|
|
data: createURL("command=listDomainChildren&id="+id),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function(json) {
|
|
var domains = json.listdomainchildrenresponse.domain;
|
|
if (domains != null && domains.length > 0) {
|
|
for (var i = 0; i < domains.length; i++) {
|
|
domainSelect.append("<option value='" + domains[i].id + "'>" + fromdb(domains[i].name) + "</option>");
|
|
if(domains[i].haschild == true)
|
|
populateDomainDropdown(domains[i].id);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
populateDomainDropdown(zoneObj.domainid);
|
|
}
|
|
else { //list all domains
|
|
$.ajax({
|
|
data: createURL("command=listDomains"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listdomainsresponse.domain;
|
|
if(items != null && items.length > 0) {
|
|
for(var i=0; i<items.length; i++) {
|
|
domainSelect.append("<option value='" + items[i].id + "'>" + fromdb(items[i].name) + "</option>");
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
$dialogAddIpRangeToPublicNetwork
|
|
.dialog('option', 'buttons', {
|
|
"Add": function() {
|
|
var $thisDialog = $(this);
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
var isTagged = $thisDialog.find("#add_publicip_vlan_tagged").val() == "tagged";
|
|
|
|
|
|
isValid &= validateString("Account", $thisDialog.find("#add_publicip_vlan_account"), $thisDialog.find("#add_publicip_vlan_account_errormsg"), true); //optional
|
|
|
|
if (isTagged) {
|
|
isValid &= validateNumber("VLAN", $thisDialog.find("#add_publicip_vlan_vlan"), $thisDialog.find("#add_publicip_vlan_vlan_errormsg"), 2, 4095);
|
|
}
|
|
|
|
isValid &= validateIp("Gateway", $thisDialog.find("#add_publicip_vlan_gateway"), $thisDialog.find("#add_publicip_vlan_gateway_errormsg"), false); //required
|
|
isValid &= validateIp("Netmask", $thisDialog.find("#add_publicip_vlan_netmask"), $thisDialog.find("#add_publicip_vlan_netmask_errormsg"), false); //required
|
|
isValid &= validateIp("Start IP Range", $thisDialog.find("#add_publicip_vlan_startip"), $thisDialog.find("#add_publicip_vlan_startip_errormsg"), false); //required
|
|
isValid &= validateIp("End IP Range", $thisDialog.find("#add_publicip_vlan_endip"), $thisDialog.find("#add_publicip_vlan_endip_errormsg"), true); //optional
|
|
if (!isValid)
|
|
return;
|
|
|
|
var isDirect = false;
|
|
|
|
$thisDialog.find("#spinning_wheel").show()
|
|
|
|
var vlan = trim($thisDialog.find("#add_publicip_vlan_vlan").val());
|
|
if (isTagged) {
|
|
vlan = "&vlan="+vlan;
|
|
} else {
|
|
vlan = "&vlan=untagged";
|
|
}
|
|
|
|
var scopeParams = "";
|
|
if($dialogAddIpRangeToPublicNetwork.find("#add_publicip_vlan_scope").val() == "account-specific") {
|
|
scopeParams = "&domainId="+trim($thisDialog.find("#add_publicip_vlan_domain").val())+"&account="+trim($thisDialog.find("#add_publicip_vlan_account").val());
|
|
} else if (isDirect) {
|
|
scopeParams = "&isshared=true";
|
|
}
|
|
|
|
var array1 = [];
|
|
var gateway = $thisDialog.find("#add_publicip_vlan_gateway").val();
|
|
array1.push("&gateway="+todb(gateway));
|
|
|
|
var netmask = $thisDialog.find("#add_publicip_vlan_netmask").val();
|
|
array1.push("&netmask="+todb(netmask));
|
|
|
|
var startip = $thisDialog.find("#add_publicip_vlan_startip").val();
|
|
array1.push("&startip="+todb(startip));
|
|
|
|
var endip = $thisDialog.find("#add_publicip_vlan_endip").val(); //optional field (might be empty)
|
|
if(endip != null && endip.length > 0)
|
|
array1.push("&endip="+todb(endip));
|
|
|
|
// Add IP Range to public network
|
|
$.ajax({
|
|
data: createURL("command=createVlanIpRange&forVirtualNetwork=true&zoneId="+zoneObj.id+vlan+scopeParams+array1.join("")),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
$thisDialog.find("#spinning_wheel").hide();
|
|
$thisDialog.dialog("close");
|
|
|
|
var item = json.createvlaniprangeresponse.vlan;
|
|
var $newTemplate = $("#public_iprange_template").clone();
|
|
publicNetworkIprangeJsonToTemplate(item, $newTemplate);
|
|
$("#public_network_page").find("#tab_content_ipallocation").find("#tab_container").prepend($newTemplate.show());
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse, function() {
|
|
handleErrorInDialog(XMLHttpResponse, $thisDialog);
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
return false;
|
|
});
|
|
}
|
|
|
|
function bindAddExternalFirewallButton($button, $midmenuItem1) {
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
|
|
var $dialogAddExternalFirewall = $("#dialog_add_external_firewall");
|
|
|
|
$button.show();
|
|
$button.unbind("click").bind("click", function(event) {
|
|
if($("#public_network_page").find("#tab_content_firewall").css("display") == "none")
|
|
$("#public_network_page").find("#tab_firewall").click();
|
|
|
|
$dialogAddExternalFirewall.find("#info_container").hide();
|
|
$dialogAddExternalFirewall.find("#zone_name").text(fromdb(zoneObj.name));
|
|
|
|
$dialogAddExternalFirewall
|
|
.dialog('option', 'buttons', {
|
|
"Add": function() {
|
|
var $thisDialog = $(this);
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("IP", $thisDialog.find("#ip"), $thisDialog.find("#ip_errormsg"), false); //required
|
|
isValid &= validateString("User Name", $thisDialog.find("#username"), $thisDialog.find("#username_errormsg"), false); //required
|
|
isValid &= validateString("Password", $thisDialog.find("#password"), $thisDialog.find("#password_errormsg"), false); //required
|
|
isValid &= validateString("Public Interface", $thisDialog.find("#public_interface"), $thisDialog.find("#public_interface_errormsg"), true); //optinal
|
|
isValid &= validateString("Private Interface", $thisDialog.find("#private_interface"), $thisDialog.find("#private_interface_errormsg"), true); //optinal
|
|
isValid &= validateString("Usage Interface", $thisDialog.find("#usage_interface"), $thisDialog.find("#usage_interface_errormsg"), true); //optinal
|
|
isValid &= validateString("Public Zone", $thisDialog.find("#public_zone"), $thisDialog.find("#public_zone_errormsg"), true); //optinal
|
|
isValid &= validateString("Private Zone", $thisDialog.find("#private_zone"), $thisDialog.find("#private_zone_errormsg"), true); //optinal
|
|
if (!isValid)
|
|
return;
|
|
|
|
$thisDialog.find("#spinning_wheel").show()
|
|
|
|
var array1 = [];
|
|
|
|
array1.push("&zoneid=" + zoneObj.id);
|
|
|
|
var username = $thisDialog.find("#username").val();
|
|
array1.push("&username="+username);
|
|
|
|
var password = $thisDialog.find("#password").val();
|
|
array1.push("&password="+password);
|
|
|
|
//*** construct URL (begin) ***
|
|
var url = [];
|
|
|
|
var ip = $thisDialog.find("#ip").val();
|
|
if(ip.indexOf("http://")==-1)
|
|
url.push("http://"+ip);
|
|
else
|
|
url.push(ip);
|
|
|
|
var isQuestionMarkAdded = false;
|
|
|
|
var publicInterface = $thisDialog.find("#public_interface").val();
|
|
if(publicInterface != null && publicInterface.length > 0) {
|
|
if(isQuestionMarkAdded == false) {
|
|
url.push("?");
|
|
isQuestionMarkAdded = true;
|
|
}
|
|
else {
|
|
url.push("&");
|
|
}
|
|
url.push("publicInterface="+publicInterface);
|
|
}
|
|
|
|
var privateInterface = $thisDialog.find("#private_interface").val();
|
|
if(privateInterface != null && privateInterface.length > 0) {
|
|
if(isQuestionMarkAdded == false) {
|
|
url.push("?");
|
|
isQuestionMarkAdded = true;
|
|
}
|
|
else {
|
|
url.push("&");
|
|
}
|
|
url.push("privateInterface="+privateInterface);
|
|
}
|
|
|
|
var usageInterface = $thisDialog.find("#usage_interface").val();
|
|
if(usageInterface != null && usageInterface.length > 0) {
|
|
if(isQuestionMarkAdded == false) {
|
|
url.push("?");
|
|
isQuestionMarkAdded = true;
|
|
}
|
|
else {
|
|
url.push("&");
|
|
}
|
|
url.push("usageInterface="+usageInterface);
|
|
}
|
|
|
|
var publicZone = $thisDialog.find("#public_zone").val();
|
|
if(publicZone != null && publicZone.length > 0) {
|
|
if(isQuestionMarkAdded == false) {
|
|
url.push("?");
|
|
isQuestionMarkAdded = true;
|
|
}
|
|
else {
|
|
url.push("&");
|
|
}
|
|
url.push("publicZone="+publicZone);
|
|
}
|
|
|
|
var privateZone = $thisDialog.find("#private_zone").val();
|
|
if(privateZone != null && privateZone.length > 0) {
|
|
if(isQuestionMarkAdded == false) {
|
|
url.push("?");
|
|
isQuestionMarkAdded = true;
|
|
}
|
|
else {
|
|
url.push("&");
|
|
}
|
|
url.push("privateZone="+privateZone);
|
|
}
|
|
|
|
array1.push("&url="+todb(url.join("")));
|
|
//*** construct URL (end) ***
|
|
|
|
$.ajax({
|
|
data: createURL("command=addExternalFirewall"+array1.join("")),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
$thisDialog.find("#spinning_wheel").hide();
|
|
$thisDialog.dialog("close");
|
|
|
|
var item = json.addexternalfirewallresponse.externalfirewall;
|
|
var $newTemplate = $("#externalfirewall_template").clone();
|
|
publicNetworkFirewallJsonToTemplate(item, $newTemplate);
|
|
$("#right_panel_content #public_network_page #tab_content_firewall").find("#tab_container").append($newTemplate.show());
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse, function() {
|
|
handleErrorInDialog(XMLHttpResponse, $thisDialog);
|
|
});
|
|
}
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
return false;
|
|
});
|
|
}
|
|
|
|
var publicNetworkIpRangeActionMap = {
|
|
"Delete IP Range": {
|
|
api: "deleteVlanIpRange",
|
|
isAsyncJob: false,
|
|
inProcessText: "Deleting IP Range....",
|
|
afterActionSeccessFn: function(json, id, $subgridItem) {
|
|
$subgridItem.slideUp("slow", function() {
|
|
$(this).remove();
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
function bindAddLoadBalancerButton($button, $midmenuItem1) {
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
|
|
var $dialogAddLoadBalancer = $("#dialog_add_load_balancer");
|
|
|
|
$button.show();
|
|
$button.unbind("click").bind("click", function(event) {
|
|
if($("#public_network_page").find("#tab_content_loadbalancer").css("display") == "none")
|
|
$("#public_network_page").find("#tab_loadbalancer").click();
|
|
|
|
$dialogAddLoadBalancer.find("#info_container").hide();
|
|
$dialogAddLoadBalancer.find("#zone_name").text(fromdb(zoneObj.name));
|
|
|
|
$dialogAddLoadBalancer
|
|
.dialog('option', 'buttons', {
|
|
"Add": function() {
|
|
var $thisDialog = $(this);
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("IP", $thisDialog.find("#ip"), $thisDialog.find("#ip_errormsg"), false); //required
|
|
isValid &= validateString("User Name", $thisDialog.find("#username"), $thisDialog.find("#username_errormsg"), false); //required
|
|
isValid &= validateString("Password", $thisDialog.find("#password"), $thisDialog.find("#password_errormsg"), false); //required
|
|
isValid &= validateString("Public Interface", $thisDialog.find("#public_interface"), $thisDialog.find("#public_interface_errormsg"), true); //optinal
|
|
isValid &= validateString("Private Interface", $thisDialog.find("#private_interface"), $thisDialog.find("#private_interface_errormsg"), true); //optinal
|
|
if (!isValid)
|
|
return;
|
|
|
|
$thisDialog.find("#spinning_wheel").show()
|
|
|
|
var array1 = [];
|
|
|
|
array1.push("&zoneid=" + zoneObj.id);
|
|
|
|
var username = $thisDialog.find("#username").val();
|
|
array1.push("&username="+username);
|
|
|
|
var password = $thisDialog.find("#password").val();
|
|
array1.push("&password="+password);
|
|
|
|
//*** construct URL (begin) ***
|
|
var url = [];
|
|
|
|
var ip = $thisDialog.find("#ip").val();
|
|
if(ip.indexOf("http://")==-1)
|
|
url.push("http://"+ip);
|
|
else
|
|
url.push(ip);
|
|
|
|
var isQuestionMarkAdded = false;
|
|
|
|
var publicInterface = $thisDialog.find("#public_interface").val();
|
|
if(publicInterface != null && publicInterface.length > 0) {
|
|
if(isQuestionMarkAdded == false) {
|
|
url.push("?");
|
|
isQuestionMarkAdded = true;
|
|
}
|
|
else {
|
|
url.push("&");
|
|
}
|
|
url.push("publicInterface="+publicInterface);
|
|
}
|
|
|
|
var privateInterface = $thisDialog.find("#private_interface").val();
|
|
if(privateInterface != null && privateInterface.length > 0) {
|
|
if(isQuestionMarkAdded == false) {
|
|
url.push("?");
|
|
isQuestionMarkAdded = true;
|
|
}
|
|
else {
|
|
url.push("&");
|
|
}
|
|
url.push("privateInterface="+privateInterface);
|
|
}
|
|
|
|
array1.push("&url="+todb(url.join("")));
|
|
//*** construct URL (end) ***
|
|
|
|
$.ajax({
|
|
data: createURL("command=addExternalLoadBalancer"+array1.join("")),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
$thisDialog.find("#spinning_wheel").hide();
|
|
$thisDialog.dialog("close");
|
|
|
|
var item = json.addexternalloadbalancerresponse.externalloadbalancer;
|
|
var $newTemplate = $("#loadbalancer_template").clone();
|
|
publicNetworkLoadBalancerJsonToTemplate(item, $newTemplate);
|
|
$("#right_panel_content #public_network_page #tab_content_loadbalancer").find("#tab_container").append($newTemplate.show());
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse, function() {
|
|
handleErrorInDialog(XMLHttpResponse, $thisDialog);
|
|
});
|
|
}
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
return false;
|
|
});
|
|
}
|
|
|
|
//***** Public Network (end) ******************************************************************************************************
|
|
|
|
|
|
//***** Direct Network (begin) ******************************************************************************************************
|
|
function directNetworkGetMidmenuId(jsonObj) {
|
|
return "midmenuItem_directnetework_" + jsonObj.id;
|
|
}
|
|
|
|
function directNetworkToMidmenu(jsonObj, $midmenuItem1) {
|
|
$midmenuItem1.attr("id", directNetworkGetMidmenuId(jsonObj));
|
|
$midmenuItem1.data("jsonObj", jsonObj);
|
|
|
|
/*
|
|
var $iconContainer = $midmenuItem1.find("#icon_container").show();
|
|
$iconContainer.find("#icon").attr("src", "images/midmenuicon_storage_snapshots.png");
|
|
*/
|
|
|
|
$midmenuItem1.find("#first_row").text(fromdb(jsonObj.name).substring(0,25));
|
|
$midmenuItem1.find("#second_row").text("VLAN : " + fromdb(jsonObj.vlan));
|
|
}
|
|
|
|
function directNetworkToRightPanel($midmenuItem1) {
|
|
copyActionInfoFromMidMenuToRightPanel($midmenuItem1);
|
|
$("#right_panel_content").data("$midmenuItem1", $midmenuItem1);
|
|
|
|
$("#direct_network_page").show();
|
|
bindAddIpRangeToDirectNetworkButton($("#add_iprange_button"), $midmenuItem1);
|
|
$("#add_external_firewall_button").unbind("click").hide();
|
|
$("#add_load_balancer_button").unbind("click").hide();
|
|
|
|
$("#public_network_page").hide();
|
|
|
|
$("#direct_network_page").find("#tab_details").click();
|
|
}
|
|
|
|
function directNetworkClearRightPanel() {
|
|
directNetworkJsonClearDetailsTab();
|
|
directNetworkJsonClearIpAllocationTab();
|
|
}
|
|
|
|
function directNetworkJsonToDetailsTab() {
|
|
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
|
|
if($midmenuItem1 == null)
|
|
return;
|
|
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
if(jsonObj == null)
|
|
return;
|
|
|
|
var $thisTab = $("#right_panel_content #direct_network_page #tab_content_details");
|
|
$thisTab.find("#tab_container").hide();
|
|
$thisTab.find("#tab_spinning_wheel").show();
|
|
|
|
$thisTab.find("#grid_header_title").text(fromdb(jsonObj.name));
|
|
|
|
$thisTab.find("#id").text(fromdb(jsonObj.id));
|
|
$thisTab.find("#name").text(fromdb(jsonObj.name));
|
|
$thisTab.find("#displaytext").text(fromdb(jsonObj.displaytext));
|
|
$thisTab.find("#default").text((jsonObj.isdefault) ? "Yes" : "No");
|
|
$thisTab.find("#vlan").text(fromdb(jsonObj.vlan));
|
|
$thisTab.find("#gateway").text(fromdb(jsonObj.gateway));
|
|
$thisTab.find("#netmask").text(fromdb(jsonObj.netmask));
|
|
|
|
$thisTab.find("#domain").text(fromdb(jsonObj.domain)); //might be null
|
|
$thisTab.find("#account").text(fromdb(jsonObj.account)); //might be null
|
|
|
|
//actions ***
|
|
var $actionLink = $thisTab.find("#action_link");
|
|
$actionLink.bind("mouseover", function(event) {
|
|
$(this).find("#action_menu").show();
|
|
return false;
|
|
});
|
|
$actionLink.bind("mouseout", function(event) {
|
|
$(this).find("#action_menu").hide();
|
|
return false;
|
|
});
|
|
var $actionMenu = $actionLink.find("#action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
buildActionLinkForTab("Delete Network", directNetworkActionMap, $actionMenu, $midmenuItem1, $thisTab);
|
|
|
|
$thisTab.find("#tab_container").show();
|
|
$thisTab.find("#tab_spinning_wheel").hide();
|
|
}
|
|
|
|
function directNetworkJsonClearDetailsTab() {
|
|
var $thisTab = $("#right_panel_content #direct_network_page #tab_content_details");
|
|
$thisTab.find("#grid_header_title").text("");
|
|
$thisTab.find("#id").text("");
|
|
$thisTab.find("#name").text("");
|
|
$thisTab.find("#displaytext").text("");
|
|
$thisTab.find("#default").text("");
|
|
$thisTab.find("#vlan").text("");
|
|
$thisTab.find("#gateway").text("");
|
|
$thisTab.find("#netmask").text("");
|
|
$thisTab.find("#domain").text("");
|
|
$thisTab.find("#account").text("");
|
|
|
|
//actions ***
|
|
var $actionMenu = $thisTab.find("#action_link #action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
$actionMenu.find("#action_list").append($("#no_available_actions").clone().show());
|
|
}
|
|
|
|
function directNetworkJsonToIpAllocationTab() {
|
|
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
|
|
if($midmenuItem1 == null)
|
|
return;
|
|
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
if(jsonObj == null)
|
|
return;
|
|
|
|
var $thisTab = $("#right_panel_content #direct_network_page #tab_content_ipallocation");
|
|
$thisTab.find("#tab_container").hide();
|
|
$thisTab.find("#tab_spinning_wheel").show();
|
|
|
|
$.ajax({
|
|
data: createURL("command=listVlanIpRanges&zoneid="+ jsonObj.zoneid + "&networkid="+jsonObj.id),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listvlaniprangesresponse.vlaniprange;
|
|
var $container = $thisTab.find("#tab_container").empty();
|
|
var $template = $("#direct_iprange_template");
|
|
if(items != null && items.length > 0) {
|
|
for(var i=0; i<items.length; i++) {
|
|
var $newTemplate = $template.clone();
|
|
directNetworkIprangeJsonToTemplate(items[i], $newTemplate);
|
|
$container.append($newTemplate.show());
|
|
}
|
|
}
|
|
$thisTab.find("#tab_container").show();
|
|
$thisTab.find("#tab_spinning_wheel").hide();
|
|
}
|
|
});
|
|
}
|
|
|
|
function directNetworkJsonClearIpAllocationTab() {
|
|
var $thisTab = $("#right_panel_content #direct_network_page #tab_content_ipallocation");
|
|
$thisTab.find("#tab_container").empty();
|
|
}
|
|
|
|
function directNetworkIprangeJsonToTemplate(jsonObj, $template) {
|
|
$template.data("jsonObj", jsonObj);
|
|
$template.attr("id", "directNetworkIprange_" + jsonObj.id);
|
|
|
|
var ipRange = getIpRange(fromdb(jsonObj.startip), fromdb(jsonObj.endip));
|
|
$template.find("#grid_header_title").text(ipRange);
|
|
|
|
$template.find("#id").text(jsonObj.id)
|
|
$template.find("#vlan").text(jsonObj.vlan);
|
|
$template.find("#iprange").text(ipRange);
|
|
|
|
var $actionLink = $template.find("#iprange_action_link");
|
|
$actionLink.bind("mouseover", function(event) {
|
|
$(this).find("#iprange_action_menu").show();
|
|
return false;
|
|
});
|
|
$actionLink.bind("mouseout", function(event) {
|
|
$(this).find("#iprange_action_menu").hide();
|
|
return false;
|
|
});
|
|
|
|
var $actionMenu = $actionLink.find("#iprange_action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
|
|
buildActionLinkForSubgridItem("Delete IP Range", directNetworkIpRangeActionMap, $actionMenu, $template);
|
|
}
|
|
|
|
var directNetworkIpRangeActionMap = {
|
|
"Delete IP Range": {
|
|
api: "deleteVlanIpRange",
|
|
isAsyncJob: false,
|
|
inProcessText: "Deleting IP Range....",
|
|
afterActionSeccessFn: function(json, id, $subgridItem) {
|
|
$subgridItem.slideUp("slow", function() {
|
|
$(this).remove();
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
function bindAddNetworkButton($button) {
|
|
if(zoneObj == null)
|
|
return;
|
|
|
|
var $dialogAddNetworkForZone = $("#dialog_add_network_for_zone");
|
|
|
|
$dialogAddNetworkForZone.find("#add_publicip_vlan_scope").change(function(event) {
|
|
if($(this).val() == "zone-wide") {
|
|
$dialogAddNetworkForZone.find("#add_publicip_vlan_domain_container").hide();
|
|
$dialogAddNetworkForZone.find("#add_publicip_vlan_account_container").hide();
|
|
}
|
|
else if($(this).val() == "account-specific") {
|
|
$dialogAddNetworkForZone.find("#add_publicip_vlan_domain_container").show();
|
|
$dialogAddNetworkForZone.find("#add_publicip_vlan_account_container").show();
|
|
}
|
|
return false;
|
|
});
|
|
|
|
$button.unbind("click").bind("click", function(event) {
|
|
$dialogAddNetworkForZone.find("#info_container").hide();
|
|
$dialogAddNetworkForZone.find("#zone_name").text(fromdb(zoneObj.name));
|
|
$dialogAddNetworkForZone.find("#add_publicip_vlan_vlan, #add_publicip_vlan_gateway, #add_publicip_vlan_netmask, #add_publicip_vlan_startip, #add_publicip_vlan_endip, #add_publicip_vlan_account").val("");
|
|
$dialogAddNetworkForZone.find("#add_publicip_vlan_scope").change();
|
|
|
|
if (zoneObj.networktype == 'Basic') {
|
|
|
|
}
|
|
else {
|
|
var domainSelect = $dialogAddNetworkForZone.find("#add_publicip_vlan_domain").empty();
|
|
if(zoneObj.domainid != null) { //list only domains under zoneObj.domainid
|
|
domainSelect.append("<option value='" + zoneObj.domainid + "'>" + fromdb(zoneObj.domain) + "</option>");
|
|
|
|
function populateDomainDropdown(id) {
|
|
$.ajax({
|
|
data: createURL("command=listDomainChildren&id="+id),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function(json) {
|
|
var domains = json.listdomainchildrenresponse.domain;
|
|
if (domains != null && domains.length > 0) {
|
|
for (var i = 0; i < domains.length; i++) {
|
|
domainSelect.append("<option value='" + domains[i].id + "'>" + fromdb(domains[i].name) + "</option>");
|
|
if(domains[i].haschild == true)
|
|
populateDomainDropdown(domains[i].id);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
populateDomainDropdown(zoneObj.domainid);
|
|
}
|
|
else { //list all domains
|
|
$.ajax({
|
|
data: createURL("command=listDomains"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listdomainsresponse.domain;
|
|
if(items != null && items.length > 0) {
|
|
for(var i=0; i<items.length; i++) {
|
|
domainSelect.append("<option value='" + items[i].id + "'>" + fromdb(items[i].name) + "</option>");
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
$dialogAddNetworkForZone
|
|
.dialog('option', 'buttons', {
|
|
"Add": function() {
|
|
var $thisDialog = $(this);
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
var isTagged = true;
|
|
var isDirect = true;
|
|
|
|
isValid &= validateString("Account", $thisDialog.find("#add_publicip_vlan_account"), $thisDialog.find("#add_publicip_vlan_account_errormsg"), true); //optional
|
|
isValid &= validateInteger("VLAN", $thisDialog.find("#add_publicip_vlan_vlan"), $thisDialog.find("#add_publicip_vlan_vlan_errormsg"), 1, 4095);
|
|
isValid &= validateString("Network Name", $thisDialog.find("#add_publicip_vlan_network_name"), $thisDialog.find("#add_publicip_vlan_network_name_errormsg"));
|
|
isValid &= validateString("Network Description", $thisDialog.find("#add_publicip_vlan_network_desc"), $thisDialog.find("#add_publicip_vlan_network_desc_errormsg"));
|
|
isValid &= validateIp("Gateway", $thisDialog.find("#add_publicip_vlan_gateway"), $thisDialog.find("#add_publicip_vlan_gateway_errormsg"));
|
|
isValid &= validateIp("Netmask", $thisDialog.find("#add_publicip_vlan_netmask"), $thisDialog.find("#add_publicip_vlan_netmask_errormsg"));
|
|
isValid &= validateIp("Start IP Range", $thisDialog.find("#add_publicip_vlan_startip"), $thisDialog.find("#add_publicip_vlan_startip_errormsg")); //required
|
|
isValid &= validateIp("End IP Range", $thisDialog.find("#add_publicip_vlan_endip"), $thisDialog.find("#add_publicip_vlan_endip_errormsg"), true); //optional
|
|
if (!isValid)
|
|
return;
|
|
|
|
$thisDialog.find("#spinning_wheel").show()
|
|
|
|
var vlan = trim($thisDialog.find("#add_publicip_vlan_vlan").val());
|
|
if (isTagged) {
|
|
vlan = "&vlan="+vlan;
|
|
} else {
|
|
vlan = "&vlan=untagged";
|
|
}
|
|
|
|
var scopeParams = "";
|
|
if($dialogAddNetworkForZone.find("#add_publicip_vlan_scope").val()=="account-specific") {
|
|
scopeParams = "&domainId="+trim($thisDialog.find("#add_publicip_vlan_domain").val())+"&account="+trim($thisDialog.find("#add_publicip_vlan_account").val());
|
|
} else if (isDirect) {
|
|
scopeParams = "&isshared=true";
|
|
}
|
|
|
|
var isDefault = trim($thisDialog.find("#add_publicip_vlan_default").val());
|
|
var gateway = trim($thisDialog.find("#add_publicip_vlan_gateway").val());
|
|
var netmask = trim($thisDialog.find("#add_publicip_vlan_netmask").val());
|
|
var startip = trim($thisDialog.find("#add_publicip_vlan_startip").val());
|
|
var endip = trim($thisDialog.find("#add_publicip_vlan_endip").val());
|
|
|
|
// Creating network for the direct networking
|
|
var name = todb($thisDialog.find("#add_publicip_vlan_network_name").val());
|
|
var desc = todb($thisDialog.find("#add_publicip_vlan_network_desc").val());
|
|
$.ajax({
|
|
data: createURL("command=listNetworkOfferings&traffictype=Public"),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function(json) {
|
|
var networkOfferings = json.listnetworkofferingsresponse.networkoffering;
|
|
if (networkOfferings != null && networkOfferings.length > 0) {
|
|
for (var i = 0; i < networkOfferings.length; i++) {
|
|
if (networkOfferings[i].isdefault) {
|
|
// Create a network from this.
|
|
$.ajax({
|
|
data: createURL("command=createNetwork&isDefault="+isDefault+"&name="+name+"&displayText="+desc+"&networkOfferingId="+networkOfferings[i].id+"&zoneId="+zoneObj.id+vlan+scopeParams+"&gateway="+todb(gateway)+"&netmask="+todb(netmask)+"&startip="+todb(startip)+"&endip="+todb(endip)),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
$thisDialog.find("#spinning_wheel").hide();
|
|
$thisDialog.dialog("close");
|
|
|
|
var item = json.createnetworkresponse.network;
|
|
var $midmenuItem1 = $("#midmenu_item").clone();
|
|
$midmenuItem1.data("toRightPanelFn", directNetworkToRightPanel);
|
|
directNetworkToMidmenu(item, $midmenuItem1);
|
|
bindClickToMidMenu($midmenuItem1, directNetworkToRightPanel, directNetworkGetMidmenuId);
|
|
$("#midmenu_container").append($midmenuItem1.show());
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse, function() {
|
|
handleErrorInDialog(XMLHttpResponse, $thisDialog);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
return false;
|
|
});
|
|
}
|
|
|
|
function bindAddIpRangeToDirectNetworkButton($button, $midmenuItem1) {
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
|
|
var $dialogAddIpRangeToDirectNetwork = $("#dialog_add_iprange_to_directnetwork");
|
|
|
|
$dialogAddIpRangeToDirectNetwork.find("#directnetwork_name").text(fromdb(jsonObj.name));
|
|
$dialogAddIpRangeToDirectNetwork.find("#zone_name").text(fromdb(zoneObj.name));
|
|
|
|
$button.show();
|
|
$button.unbind("click").bind("click", function(event) {
|
|
if($("#direct_network_page").find("#tab_content_ipallocation").css("display") == "none")
|
|
$("#direct_network_page").find("#tab_ipallocation").click();
|
|
|
|
$dialogAddIpRangeToDirectNetwork
|
|
.dialog('option', 'buttons', {
|
|
"Add": function() {
|
|
var $thisDialog = $(this);
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateIp("Start IP Range", $thisDialog.find("#add_publicip_vlan_startip"), $thisDialog.find("#add_publicip_vlan_startip_errormsg"), false); //required
|
|
isValid &= validateIp("End IP Range", $thisDialog.find("#add_publicip_vlan_endip"), $thisDialog.find("#add_publicip_vlan_endip_errormsg"), true); //optional
|
|
if (!isValid)
|
|
return;
|
|
|
|
$thisDialog.find("#spinning_wheel").show()
|
|
|
|
var array1 = [];
|
|
var startip = $thisDialog.find("#add_publicip_vlan_startip").val();
|
|
array1.push("&startip="+todb(startip));
|
|
|
|
var endip = $thisDialog.find("#add_publicip_vlan_endip").val();
|
|
if(endip != null && endip.length > 0)
|
|
array1.push("&endip="+todb(endip));
|
|
|
|
$.ajax({
|
|
data: createURL("command=createVlanIpRange&forVirtualNetwork=false&networkid="+todb(jsonObj.id)+array1.join("")),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
$thisDialog.find("#spinning_wheel").hide();
|
|
$thisDialog.dialog("close");
|
|
|
|
var item = json.createvlaniprangeresponse.vlan;
|
|
var $newTemplate = $("#direct_iprange_template").clone();
|
|
directNetworkIprangeJsonToTemplate(item, $newTemplate);
|
|
$("#right_panel_content #direct_network_page #tab_content_ipallocation").find("#tab_container").prepend($newTemplate.show());
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse, function() {
|
|
handleErrorInDialog(XMLHttpResponse, $thisDialog);
|
|
});
|
|
}
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
return false;
|
|
});
|
|
}
|
|
|
|
var directNetworkActionMap = {
|
|
"Delete Network": {
|
|
isAsyncJob: false,
|
|
dialogBeforeActionFn : doDeleteNetwork,
|
|
inProcessText: "Deleting Network....",
|
|
afterActionSeccessFn: function(json, $midmenuItem1, id) {
|
|
$midmenuItem1.slideUp("slow", function() {
|
|
$(this).remove();
|
|
if(id.toString() == $("#right_panel_content").find("#direct_network_page").find("#tab_content_details").find("#id").text()) {
|
|
clearRightPanel();
|
|
directNetworkClearRightPanel();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
function doDeleteNetwork($actionLink, $detailsTab, $midmenuItem1) {
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
var id = jsonObj.id;
|
|
|
|
$("#dialog_confirmation")
|
|
.text("Please confirm you want to delete this network")
|
|
.dialog('option', 'buttons', {
|
|
"Confirm": function() {
|
|
$(this).dialog("close");
|
|
var apiCommand = "command=deleteNetwork&id="+id;
|
|
doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
//***** Direct Network (end) ******************************************************************************************************
|
|
|