mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
435 lines
17 KiB
JavaScript
435 lines
17 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 securityGroupGetSearchParams() {
|
|
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);
|
|
}
|
|
}
|
|
|
|
return moreCriteria.join("");
|
|
}
|
|
|
|
function afterLoadSecurityGroupJSP() {
|
|
initAddSecurityGroupDialog();
|
|
|
|
// switch between different tabs
|
|
var tabArray = [$("#tab_details"), $("#tab_ingressrule")];
|
|
var tabContentArray = [$("#tab_content_details"), $("#tab_content_ingressrule")];
|
|
var afterSwitchFnArray = [securityGroupJsonToDetailsTab, securityGroupJsonToIngressRuleTab];
|
|
switchBetweenDifferentTabs(tabArray, tabContentArray, afterSwitchFnArray);
|
|
}
|
|
|
|
function initAddSecurityGroupDialog() {
|
|
initDialog("dialog_add_security_group");
|
|
|
|
var $dialogAddSecurityGroup = $("#dialog_add_security_group");
|
|
var $detailsTab = $("#right_panel_content").find("#tab_content_details");
|
|
|
|
//add button ***
|
|
$("#add_securitygroup_button").unbind("click").bind("click", function(event) {
|
|
$dialogAddSecurityGroup
|
|
.dialog('option', 'buttons', {
|
|
"Create": function() {
|
|
var $thisDialog = $(this);
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("Name", $thisDialog.find("#name"), $thisDialog.find("#name_errormsg"), false); //required
|
|
isValid &= validateString("Description", $thisDialog.find("#description"), $thisDialog.find("#description_errormsg"), true); //optional
|
|
if (!isValid)
|
|
return;
|
|
|
|
var $midmenuItem1 = beforeAddingMidMenuItem();
|
|
|
|
var name = trim($thisDialog.find("#name").val());
|
|
var desc = trim($thisDialog.find("#description").val());
|
|
|
|
$thisDialog.dialog("close");
|
|
|
|
$.ajax({
|
|
data: createURL("command=createNetworkGroup&name="+todb(name)+"&description="+todb(desc)),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var item = json.createsecuritygroupresponse.securitygroup;
|
|
securityGroupToMidmenu(item, $midmenuItem1);
|
|
bindClickToMidMenu($midmenuItem1, securityGroupToRightPanel, getMidmenuId);
|
|
afterAddingMidMenuItem($midmenuItem1, true);
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse, function() {
|
|
afterAddingMidMenuItem($midmenuItem1, false, parseXMLHttpResponse(XMLHttpResponse));
|
|
});
|
|
}
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
return false;
|
|
});
|
|
}
|
|
|
|
function doEditSecurityGroup($actionLink, $detailsTab, $midmenuItem1) {
|
|
var $readonlyFields = $detailsTab.find("#name, #displaytext, #tags, #domain");
|
|
var $editFields = $detailsTab.find("#name_edit, #displaytext_edit, #domain_edit");
|
|
|
|
$readonlyFields.hide();
|
|
$editFields.show();
|
|
$detailsTab.find("#cancel_button, #save_button").show();
|
|
|
|
$detailsTab.find("#cancel_button").unbind("click").bind("click", function(event){
|
|
$editFields.hide();
|
|
$readonlyFields.show();
|
|
$("#save_button, #cancel_button").hide();
|
|
return false;
|
|
});
|
|
$detailsTab.find("#save_button").unbind("click").bind("click", function(event){
|
|
doEditsecurityGroup2($actionLink, $detailsTab, $midmenuItem1, $readonlyFields, $editFields);
|
|
return false;
|
|
});
|
|
}
|
|
|
|
function doEditSecurityGroup2($actionLink, $detailsTab, $midmenuItem1, $readonlyFields, $editFields) {
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
var id = jsonObj.id;
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("Name", $detailsTab.find("#name_edit"), $detailsTab.find("#name_edit_errormsg"), true);
|
|
isValid &= validateString("Display Text", $detailsTab.find("#displaytext_edit"), $detailsTab.find("#displaytext_edit_errormsg"), true);
|
|
if (!isValid)
|
|
return;
|
|
|
|
var array1 = [];
|
|
var name = $detailsTab.find("#name_edit").val();
|
|
array1.push("&name="+todb(name));
|
|
|
|
var displaytext = $detailsTab.find("#displaytext_edit").val();
|
|
array1.push("&displayText="+todb(displaytext));
|
|
|
|
var tags = $detailsTab.find("#tags_edit").val();
|
|
array1.push("&tags="+todb(tags));
|
|
|
|
var domainid = $detailsTab.find("#domain_edit").val();
|
|
array1.push("&domainid="+todb(domainid));
|
|
|
|
$.ajax({
|
|
data: createURL("command=updatesecurityGroup&id="+id+array1.join("")),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var jsonObj = json.updatesecurityGroupresponse.securityGroup;
|
|
securityGroupToMidmenu(jsonObj, $midmenuItem1);
|
|
securityGroupToRightPanel($midmenuItem1);
|
|
|
|
$editFields.hide();
|
|
$readonlyFields.show();
|
|
$("#save_button, #cancel_button").hide();
|
|
}
|
|
});
|
|
}
|
|
|
|
function doDeleteSecurityGroup($actionLink, $thisTab, $midmenuItem1) {
|
|
$("#dialog_info")
|
|
.text("Are you sure you want to delete this security group?")
|
|
.dialog('option', 'buttons', {
|
|
"Confirm": function() {
|
|
$(this).dialog("close");
|
|
|
|
var jsonObj = $midmenuItem1.data("jsonObj");
|
|
|
|
var array1 = [];
|
|
array1.push("&domainid="+jsonObj.domainid);
|
|
array1.push("&account="+jsonObj.account);
|
|
array1.push("&name="+jsonObj.name);
|
|
|
|
var id = jsonObj.id;
|
|
var apiCommand = "command=deleteNetworkGroup" + array1.join("");
|
|
doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $thisTab);
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
function securityGroupToMidmenu(jsonObj, $midmenuItem1) {
|
|
$midmenuItem1.attr("id", getMidmenuId(jsonObj));
|
|
$midmenuItem1.data("jsonObj", jsonObj);
|
|
|
|
/*
|
|
var $iconContainer = $midmenuItem1.find("#icon_container").show();
|
|
$iconContainer.find("#icon").attr("src", "images/midmenuicon_securityGroup.png");
|
|
*/
|
|
|
|
$midmenuItem1.find("#first_row").text(fromdb(jsonObj.name).substring(0,25));
|
|
$midmenuItem1.find("#second_row").text(fromdb(jsonObj.account).substring(0,25));
|
|
}
|
|
|
|
function securityGroupToRightPanel($midmenuItem1) {
|
|
copyActionInfoFromMidMenuToRightPanel($midmenuItem1);
|
|
$("#right_panel_content").data("$midmenuItem1", $midmenuItem1);
|
|
$("#tab_details").click();
|
|
}
|
|
|
|
function securityGroupJsonToDetailsTab() {
|
|
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 #tab_content_details");
|
|
$thisTab.find("#tab_container").hide();
|
|
$thisTab.find("#tab_spinning_wheel").show();
|
|
|
|
/*
|
|
var id = jsonObj.id;
|
|
var jsonObj;
|
|
$.ajax({
|
|
data: createURL("command=listNetworkGroups&id="+id),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function(json) {
|
|
var items = json.listnetworkgroupsresponse.securitygroup;
|
|
if(items != null && items.length > 0) {
|
|
jsonObj = items[0];
|
|
$midmenuItem1.data("jsonObj", jsonObj);
|
|
}
|
|
}
|
|
});
|
|
*/
|
|
|
|
$thisTab.find("#id").text(fromdb(jsonObj.id));
|
|
$thisTab.find("#grid_header_title").text(fromdb(jsonObj.name));
|
|
$thisTab.find("#name").text(fromdb(jsonObj.name));
|
|
$thisTab.find("#displaytext").text(fromdb(jsonObj.description));
|
|
$thisTab.find("#domain").text(fromdb(jsonObj.domain));
|
|
$thisTab.find("#account").text(fromdb(jsonObj.account));
|
|
|
|
//actions ***
|
|
var $actionMenu = $("#right_panel_content #tab_content_details #action_link #action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
buildActionLinkForTab("Delete Security Group", securityGroupActionMap, $actionMenu, $midmenuItem1, $thisTab);
|
|
|
|
$thisTab.find("#tab_spinning_wheel").hide();
|
|
$thisTab.find("#tab_container").show();
|
|
}
|
|
|
|
function securityGroupJsonToIngressRuleTab() {
|
|
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
|
|
if($midmenuItem1 == null)
|
|
return;
|
|
|
|
var securityGroupObj = $midmenuItem1.data("jsonObj");
|
|
if(securityGroupObj == null)
|
|
return;
|
|
|
|
var $thisTab = $("#right_panel_content").find("#tab_content_ingressrule");
|
|
$thisTab.find("#tab_container").hide();
|
|
$thisTab.find("#tab_spinning_wheel").show();
|
|
|
|
$.ajax({
|
|
cache: false,
|
|
data: createURL("command=listNetworkGroups"+"&domainid="+securityGroupObj.domainid+"&account="+securityGroupObj.account+"&networkgroupname="+securityGroupObj.name),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var securityGroupObj = json.listnetworkgroupsresponse.securitygroup[0];
|
|
var items = securityGroupObj.ingressrule;
|
|
var $container = $thisTab.find("#tab_container").empty();
|
|
if (items != null && items.length > 0) {
|
|
var template = $("#ingressrule_tab_template");
|
|
for (var i = 0; i < items.length; i++) {
|
|
var newTemplate = template.clone(true);
|
|
securityGroupIngressRuleJSONToTemplate(items[i], newTemplate).data("parentObj", securityGroupObj);
|
|
$container.append(newTemplate.show());
|
|
}
|
|
}
|
|
$thisTab.find("#tab_spinning_wheel").hide();
|
|
$thisTab.find("#tab_container").show();
|
|
}
|
|
});
|
|
}
|
|
|
|
function securityGroupIngressRuleJSONToTemplate(jsonObj, $template) {
|
|
$template.data("jsonObj", jsonObj);
|
|
$template.attr("id", "securitygroup_ingressRule_"+fromdb(jsonObj.id));
|
|
|
|
$template.find("#grid_header_title").text(fromdb(jsonObj.ruleid));
|
|
$template.find("#id").text(fromdb(jsonObj.ruleid));
|
|
$template.find("#protocol").text(jsonObj.protocol);
|
|
|
|
var endpoint;
|
|
if(jsonObj.protocol == "icmp")
|
|
endpoint = "ICMP Type=" + ((jsonObj.icmptype!=null)?jsonObj.icmptype:"") + ", code=" + ((jsonObj.icmpcode!=null)?jsonObj.icmpcode:"");
|
|
else //tcp, udp
|
|
endpoint = "Port Range " + ((jsonObj.startport!=null)?jsonObj.startport:"") + "-" + ((jsonObj.endport!=null)?jsonObj.endport:"");
|
|
$template.find("#endpoint").text(endpoint);
|
|
|
|
var cidrOrGroup;
|
|
if(jsonObj.cidr != null && jsonObj.cidr.length > 0)
|
|
cidrOrGroup = jsonObj.cidr;
|
|
else if (jsonObj.account != null && jsonObj.account.length > 0 && jsonObj.networkgroupname != null && jsonObj.networkgroupname.length > 0)
|
|
cidrOrGroup = jsonObj.account + "/" + jsonObj.networkgroupname;
|
|
$template.find("#cidr").text(cidrOrGroup);
|
|
|
|
// actions
|
|
var $actionLink = $template.find("#ingressrule_action_link");
|
|
$actionLink.bind("mouseover", function(event) {
|
|
$(this).find("#ingressrule_action_menu").show();
|
|
return false;
|
|
});
|
|
$actionLink.bind("mouseout", function(event) {
|
|
$(this).find("#ingressrule_action_menu").hide();
|
|
return false;
|
|
});
|
|
|
|
var $actionMenu = $actionLink.find("#ingressrule_action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
|
|
buildActionLinkForSubgridItem("Delete Ingress Rule", securityGroupIngressRuleActionMap, $actionMenu, $template);
|
|
|
|
return $template;
|
|
}
|
|
|
|
var securityGroupIngressRuleActionMap = {
|
|
"Delete Ingress Rule": {
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "revokenetworkgroupingress",
|
|
dialogBeforeActionFn : doDeleteIngressRule,
|
|
inProcessText: "Deleting Ingress Rule....",
|
|
afterActionSeccessFn: function(json, id, $subgridItem) {
|
|
$subgridItem.slideUp("slow", function() {
|
|
$(this).remove();
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
function doDeleteIngressRule($actionLink, $subgridItem) {
|
|
$("#dialog_info")
|
|
.text("Please confirm you want to delete this ingress rule")
|
|
.dialog('option', 'buttons', {
|
|
"Confirm": function() {
|
|
$(this).dialog("close");
|
|
var id = $subgridItem.data("jsonObj").id;
|
|
|
|
//???
|
|
var securityGroupObj = $subgridItem.data("parentObj");
|
|
var ingressRuleObj = $subgridItem.data("jsonObj");
|
|
|
|
var moreCriteria = [];
|
|
moreCriteria.push("&domainid="+securityGroupObj.domainid);
|
|
moreCriteria.push("&account="+securityGroupObj.account);
|
|
moreCriteria.push("&networkgroupname="+securityGroupObj.name);
|
|
|
|
var protocol = ingressRuleObj.protocol;
|
|
moreCriteria.push("&protocol="+protocol);
|
|
|
|
if(protocol == "icmp") {
|
|
var icmpType = ingressRuleObj.icmptype;
|
|
if(icmpType != null && icmpType.length > 0)
|
|
moreCriteria.push("&icmptype="+encodeURIComponent(icmpType));
|
|
|
|
var icmpCode = ingressRuleObj.icmpcode;
|
|
if(icmpCode != null && icmpCode.length > 0)
|
|
moreCriteria.push("&icmpcode="+encodeURIComponent(icmpCode));
|
|
}
|
|
else { //TCP, UDP
|
|
var startPort = ingressRuleObj.startport;
|
|
if(startPort != null)
|
|
moreCriteria.push("&startport="+encodeURIComponent(startPort));
|
|
|
|
var endPort = ingressRuleObj.endport;
|
|
if(endPort != null)
|
|
moreCriteria.push("&endport="+encodeURIComponent(endPort));
|
|
}
|
|
|
|
var cidr = ingressRuleObj.cidr;
|
|
if(cidr != null && cidr.length > 0)
|
|
moreCriteria.push("&cidrlist="+encodeURIComponent(cidr));
|
|
|
|
var account = ingressRuleObj.account;
|
|
var networkGroupName = ingressRuleObj.networkgroupname;
|
|
if((account != null && account.length > 0) && (networkGroupName != null && networkGroupName.length > 0))
|
|
moreCriteria.push("&usernetworkgrouplist[0].account="+account + "&usernetworkgrouplist[0].group="+networkGroupName);
|
|
|
|
var apiCommand = "command=revokeNetworkGroupIngress"+moreCriteria.join("");
|
|
doActionToSubgridItem(id, $actionLink, apiCommand, $subgridItem);
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
function securityGroupClearRightPanel() {
|
|
securityGroupClearDetailsTab();
|
|
}
|
|
|
|
function securityGroupClearDetailsTab() {
|
|
var $thisTab = $("#right_panel_content").find("#tab_content_details");
|
|
$thisTab.find("#id").text("");
|
|
$thisTab.find("#grid_header_title").text("");
|
|
$thisTab.find("#name").text("");
|
|
$thisTab.find("#name_edit").val("");
|
|
$thisTab.find("#displaytext").text("");
|
|
$thisTab.find("#displaytext_edit").val("");
|
|
$thisTab.find("#disksize").text("");
|
|
$thisTab.find("#tags").text("");
|
|
$thisTab.find("#domain").text("");
|
|
$thisTab.find("#account").text("");
|
|
|
|
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());
|
|
}
|
|
|
|
var securityGroupActionMap = {
|
|
"Edit Security Group": {
|
|
dialogBeforeActionFn: doEditSecurityGroup
|
|
},
|
|
"Delete Security Group": {
|
|
isAsyncJob: false,
|
|
dialogBeforeActionFn: doDeleteSecurityGroup,
|
|
inProcessText: "Deleting Security Group....",
|
|
afterActionSeccessFn: function(json, $midmenuItem1, id) {
|
|
$midmenuItem1.slideUp("slow", function() {
|
|
$(this).remove();
|
|
});
|
|
clearRightPanel();
|
|
securityGroupClearRightPanel();
|
|
}
|
|
}
|
|
}
|