| /** |
| * 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 afterLoadPodJSP($leftmenuItem1) {
|
| hideMiddleMenu();
|
|
|
| var $topButtonContainer = clearButtonsOnTop(); |
| $("#top_buttons").appendTo($topButtonContainer);
|
|
|
| initDialog("dialog_add_external_cluster"); |
| initDialog("dialog_add_host", 400);
|
| initDialog("dialog_add_iprange_to_pod");
|
|
|
| //add pool dialog
|
| initDialog("dialog_add_pool", 400);
|
| bindEventHandlerToDialogAddPool($("#dialog_add_pool"));
|
| |
| $.ajax({ |
| data: createURL("command=listHypervisors"), |
| dataType: "json", |
| success: function(json) { |
| var items = json.listhypervisorsresponse.hypervisor; |
| var $hypervisorDropdown = $("#dialog_add_external_cluster").find("#cluster_hypervisor"); |
| if(items != null && items.length > 0) { |
| for(var i=0; i<items.length; i++) { |
| $hypervisorDropdown.append("<option value='"+fromdb(items[i].name)+"'>"+fromdb(items[i].name)+"</option>"); |
| } |
| } |
| } |
| }); |
| |
| //switch between different tabs
|
| var tabArray = [$("#tab_details"), $("#tab_ipallocation")];
|
| var tabContentArray = [$("#tab_content_details"), $("#tab_content_ipallocation")];
|
| var afterSwitchFnArray = [podJsonToDetailsTab, podJsonToNetworkTab];
|
| switchBetweenDifferentTabs(tabArray, tabContentArray, afterSwitchFnArray);
|
| |
| $readonlyFields = $("#tab_content_details").find("#name, #netmask, #ipRange, #gateway"); |
| $editFields = $("#tab_content_details").find("#name_edit, #netmask_edit, #startIpRange_edit, #endIpRange_edit, #gateway_edit"); |
| |
| podJsonToRightPanel($leftmenuItem1);
|
| }
|
|
|
| function podJsonToRightPanel($leftmenuItem1) { |
| bindAddClusterButton($leftmenuItem1); |
| bindAddHostButton($leftmenuItem1);
|
| bindAddPrimaryStorageButton($leftmenuItem1);
|
| |
| $("#right_panel_content").data("$leftmenuItem1", $leftmenuItem1); |
| cancelEditMode($("#tab_content_details")); |
| $("#tab_details").click(); |
| } |
| |
| function podJsonToDetailsTab() {
|
| var $leftmenuItem1 = $("#right_panel_content").data("$leftmenuItem1");
|
| if($leftmenuItem1 == null) { |
| podClearDetailsTab(); |
| return; |
| } |
| |
| var jsonObj = $leftmenuItem1.data("jsonObj"); |
| if(jsonObj == null) { |
| podClearDetailsTab(); |
| return; |
| } |
|
|
| $.ajax({
|
| data: createURL("command=listPods&id="+jsonObj.id),
|
| dataType: "json",
|
| async: false,
|
| success: function(json) {
|
| var items = json.listpodsresponse.pod; |
| if(items != null && items.length > 0) {
|
| jsonObj = items[0];
|
| $leftmenuItem1.data("jsonObj", jsonObj);
|
| }
|
| }
|
| });
|
|
|
| var $thisTab = $("#right_panel_content #tab_content_details");
|
| $thisTab.find("#tab_container").hide();
|
| $thisTab.find("#tab_spinning_wheel").show();
|
|
|
| $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("#name_edit").val(fromdb(jsonObj.name));
|
|
|
| $thisTab.find("#netmask").text(fromdb(jsonObj.netmask)); |
| $thisTab.find("#netmask_edit").val(fromdb(jsonObj.netmask)); |
| |
| $thisTab.find("#ipRange").text(getIpRange(jsonObj.startip, jsonObj.endip)); |
| $thisTab.find("#startIpRange_edit").val(fromdb(jsonObj.startip)); |
| $thisTab.find("#endIpRange_edit").val(fromdb(jsonObj.endip)); |
| |
| $thisTab.find("#gateway").text(fromdb(jsonObj.gateway)); |
| $thisTab.find("#gateway_edit").val(fromdb(jsonObj.gateway)); |
| |
| |
| // hide network tab upon zone vlan |
| var networkType; |
| $.ajax({ |
| data: createURL("command=listZones&id="+fromdb(jsonObj.zoneid)), |
| dataType: "json", |
| async: false, |
| success: function(json) { |
| var items = json.listzonesresponse.zone; |
| if (items != null && items.length > 0) { |
| networkType = items[0].networktype; |
| } |
| } |
| }); |
| if(networkType == "Basic") { //basic-mode network (pod-wide VLAN) |
| $("#tab_ipallocation, #add_iprange_button").show(); |
| bindAddIpRangeToPodButton($leftmenuItem1); |
| } |
| else if(networkType == "Advanced") { //advanced-mode network (zone-wide VLAN) |
| $("#tab_ipallocation, #add_iprange_button").hide(); |
| $("#midmenu_add_directIpRange_button").unbind("click").hide(); |
| } |
| |
| |
| //actions ***
|
| var $actionLink = $thisTab.find("#action_link"); |
| bindActionLink($actionLink); |
| /* |
| $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("label.action.edit.pod", podActionMap, $actionMenu, $leftmenuItem1, $thisTab);
|
| buildActionLinkForTab("label.action.delete.pod", podActionMap, $actionMenu, $leftmenuItem1, $thisTab); |
| |
| $thisTab.find("#tab_spinning_wheel").hide();
|
| $thisTab.find("#tab_container").show(); |
| }
|
|
|
| function podJsonToNetworkTab() { |
| var $leftmenuItem1 = $("#right_panel_content").data("$leftmenuItem1");
|
| if($leftmenuItem1 == null) { |
| podClearNetworkTab(); |
| return; |
| } |
| |
| var jsonObj = $leftmenuItem1.data("jsonObj"); |
| if(jsonObj == null) { |
| podClearNetworkTab(); |
| return; |
| } |
| |
| var $thisTab = $("#right_panel_content #tab_content_ipallocation"); |
| $thisTab.find("#tab_container").hide();
|
| $thisTab.find("#tab_spinning_wheel").show(); |
| |
| $.ajax({ |
| data: createURL("command=listVlanIpRanges&zoneid="+fromdb(jsonObj.zoneid)+"&podid="+fromdb(jsonObj.id)), |
| dataType: "json", |
| success: function(json) { |
| var items = json.listvlaniprangesresponse.vlaniprange; |
| var $container = $thisTab.find("#tab_container").empty(); |
| var template = $("#network_tab_template"); |
| if (items != null && items.length > 0) { |
| for (var i = 0; i < items.length; i++) { |
| var newTemplate = template.clone(true);
|
| podNetworkJsonToTemplate(items[i], newTemplate);
|
| $container.append(newTemplate.show()); |
| } |
| } |
| $thisTab.find("#tab_spinning_wheel").hide();
|
| $thisTab.find("#tab_container").show(); |
| } |
| }); |
| }
|
|
|
| function podClearNetworkTab() { |
| var $thisTab = $("#right_panel_content #tab_content_ipallocation"); |
| $thisTab.find("#tab_container").empty(); |
| }
|
|
|
| function podNetworkJsonToTemplate(jsonObj, template) { |
| template.data("jsonObj", jsonObj);
|
| template.attr("id", "pod_VLAN_"+fromdb(jsonObj.id)).data("podVLANId", fromdb(jsonObj.id));
|
| template.find("#grid_header_title").text(fromdb(jsonObj.description));
|
| template.find("#id").text(fromdb(jsonObj.id));
|
| template.find("#iprange").text(fromdb(getIpRange(jsonObj.startip, jsonObj.endip)));
|
| template.find("#netmask").text(fromdb(jsonObj.netmask));
|
| template.find("#gateway").text(fromdb(jsonObj.gateway));
|
| template.find("#podname").text(fromdb(jsonObj.podname));
|
|
|
| var $actionLink = template.find("#action_link");
|
| bindActionLink($actionLink);
|
| /*
|
| $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();
|
|
|
| buildActionLinkForSubgridItem("Delete IP Range", podNetworkActionMap, $actionMenu, template);
|
| }
|
|
|
| var podNetworkActionMap = { |
| "Delete IP Range": { |
| api: "deleteVlanIpRange", |
| isAsyncJob: false, |
| inProcessText: "Deleting IP Range....", |
| afterActionSeccessFn: function(json, id, $subgridItem) { |
| $subgridItem.slideUp("slow", function() { |
| $(this).remove(); |
| }); |
| } |
| } |
| }
|
|
|
| function podClearRightPanel() { |
| podClearDetailsTab(); |
| podClearNetworkTab(); |
| }
|
|
|
| function podClearDetailsTab() { |
| var $thisTab = $("#right_panel_content #tab_content_details");
|
| $thisTab.find("#grid_header_title").text("");
|
| $thisTab.find("#id").text("");
|
|
|
| $thisTab.find("#name").text("");
|
| $thisTab.find("#name_edit").val("");
|
|
|
| $thisTab.find("#netmask").text(""); |
| $thisTab.find("#netmask_edit").val(""); |
| |
| $thisTab.find("#ipRange").text(""); |
| $thisTab.find("#startIpRange_edit").val(""); |
| $thisTab.find("#endIpRange_edit").val(""); |
| |
| $thisTab.find("#gateway").text(""); |
| $thisTab.find("#gateway_edit").val(""); |
| }
|
|
|
| function getIpRange(startip, endip) { |
| var ipRange = ""; |
| if (startip != null && startip.length > 0) { |
| ipRange = startip; |
| } |
| if (endip != null && endip.length > 0) { |
| ipRange = ipRange + " - " + endip; |
| } |
| return ipRange; |
| }
|
| |
| var clustersUnderOnePod = {}; |
| function refreshClsuterFieldInAddHostDialog(dialogAddHost, podId, clusterId) { |
| if(podId == null) |
| return; |
| |
| var arrayParams = []; |
| arrayParams.push("&podid=" + podId); |
|
|
| $.ajax({
|
| data: createURL("command=listClusters"+arrayParams.join("")), |
| dataType: "json",
|
| async: false,
|
| success: function(json) {
|
| var items = json.listclustersresponse.cluster;
|
| var $clusterSelect = dialogAddHost.find("#cluster_select").empty();
|
| if(items != null && items.length > 0) {
|
| for(var i=0; i<items.length; i++) {
|
| clustersUnderOnePod[fromdb(items[i].id)] = items[i];
|
| if(clusterId != null && items[i].id == clusterId)
|
| $clusterSelect.append("<option value='" + fromdb(items[i].id) + "' selected>" + fromdb(items[i].name) + "</option>");
|
| else
|
| $clusterSelect.append("<option value='" + fromdb(items[i].id) + "'>" + fromdb(items[i].name) + "</option>");
|
| }
|
| }
|
| }
|
| });
|
| }
|
| |
| function bindAddClusterButton($leftmenuItem1) { |
| var $button = $("#add_cluster_button"); |
| $button.unbind("click").bind("click", function(event) { |
| dialogAddCluster = $("#dialog_add_external_cluster"); |
| dialogAddCluster.find("#info_container").hide(); |
| |
| var zoneId, podId; |
| if(currentRightPanelJSP == "jsp/pod.jsp") { |
| var podObj = $leftmenuItem1.data("jsonObj"); |
| zoneId = podObj.zoneid; |
| podId = podObj.id; |
| dialogAddCluster.find("#zone_name").text(fromdb(podObj.zonename)); |
| dialogAddCluster.find("#pod_name").text(fromdb(podObj.name)); |
| } |
| |
| dialogAddCluster.find("#cluster_hypervisor").change(function() { |
| if($(this).val() == "VMware") { |
| $('li[input_group="vmware"]', dialogAddCluster).show(); |
| dialogAddCluster.find("#type_dropdown").change(); |
| } else { |
| $('li[input_group="vmware"]', dialogAddCluster).hide(); |
| $("#cluster_name_label", dialogAddCluster).text("Cluster:"); |
| } |
| }).change(); |
| |
| dialogAddCluster.find("#type_dropdown").change(function() { |
| if($(this).val() == "ExternalManaged") { |
| $('li[input_sub_group="external"]', dialogAddCluster).show(); |
| $("#cluster_name_label", dialogAddCluster).text("vCenter Cluster:"); |
| } else { |
| $('li[input_sub_group="external"]', dialogAddCluster).hide(); |
| $("#cluster_name_label", dialogAddCluster).text("Cluster:"); |
| } |
| }); |
| |
| dialogAddCluster.dialog('option', 'buttons', { |
| "Add": function() { |
| var $thisDialog = $(this); |
| $thisDialog.find("#info_container").hide(); |
| |
| var hypervisor = $thisDialog.find("#cluster_hypervisor").val(); |
| var clusterType="CloudManaged"; |
| if(hypervisor == "VMware") |
| clusterType = $thisDialog.find("#type_dropdown").val(); |
| |
| // validate values |
| var isValid = true; |
| if(hypervisor == "VMware" && clusterType != "CloudManaged") { |
| isValid &= validateString("vCenter Server", $thisDialog.find("#cluster_hostname"), $thisDialog.find("#cluster_hostname_errormsg")); |
| isValid &= validateString("vCenter user", $thisDialog.find("#cluster_username"), $thisDialog.find("#cluster_username_errormsg")); |
| isValid &= validateString("Password", $thisDialog.find("#cluster_password"), $thisDialog.find("#cluster_password_errormsg")); |
| isValid &= validateString("Datacenter", $thisDialog.find("#cluster_datacenter"), $thisDialog.find("#cluster_datacenter_errormsg")); |
| } |
| isValid &= validateString("Cluster name", $thisDialog.find("#cluster_name"), $thisDialog.find("#cluster_name_errormsg")); |
| if (!isValid) |
| return; |
| |
| $thisDialog.find("#spinning_wheel").show(); |
| |
| var array1 = []; |
| var hypervisor = $thisDialog.find("#cluster_hypervisor").val(); |
| array1.push("&hypervisor="+hypervisor); |
| array1.push("&clustertype=" + clusterType); |
| array1.push("&zoneId="+zoneId); |
| array1.push("&podId="+podId); |
| |
| var clusterName = trim($thisDialog.find("#cluster_name").val()); |
| if(hypervisor == "VMware" && clusterType != "CloudManaged") { |
| |
| var username = trim($thisDialog.find("#cluster_username").val()); |
| array1.push("&username="+todb(username)); |
| |
| var password = trim($thisDialog.find("#cluster_password").val()); |
| array1.push("&password="+todb(password)); |
| |
| var hostname = trim($thisDialog.find("#cluster_hostname").val()); |
| var dcName = trim($thisDialog.find("#cluster_datacenter").val()); |
| |
| var url; |
| if(hostname.indexOf("http://")==-1) |
| url = "http://" + todb(hostname); |
| else |
| url = hostname; |
| url += "/" + todb(dcName) + "/" + todb(clusterName); |
| array1.push("&url=" + todb(url)); |
| |
| clusterName = hostname + "/" + dcName + "/" + clusterName |
| } |
| |
| array1.push("&clustername=" + todb(clusterName)); |
| |
| $.ajax({ |
| data: createURL("command=addCluster" + array1.join("")), |
| dataType: "json", |
| success: function(json) { |
| $thisDialog.find("#spinning_wheel").hide(); |
| $thisDialog.dialog("close"); |
| |
| var item = json.addclusterresponse.cluster[0]; |
| var $podNode = $("#pod_" + podId); |
| if($podNode.length > 0 && $podNode.css("display") != "none") { |
| if($podNode.find("#pod_arrow").hasClass("white_nonexpanded_close")) { |
| $podNode.find("#pod_arrow").removeClass("white_nonexpanded_close").addClass("expanded_close"); |
| } |
| |
| if($podNode.find("#pod_arrow").hasClass("expanded_close")) { //if pod node is closed |
| $podNode.find("#pod_arrow").click(); //expand pod node |
| var $clusterNode = $podNode.find("#cluster_"+item.id); |
| $clusterNode.find("#cluster_arrow").click(); //expand cluster node to see host node and storage node |
| $clusterNode.find("#cluster_name").click(); //click cluster node to show cluster info |
| } |
| else { //if pod node is expanded |
| var $clusterNode = $("#leftmenu_cluster_node_template").clone(true); |
| clusterJSONToTreeNode(item, $clusterNode); |
| $podNode.find("#clusters_container").append($clusterNode.show()); |
| $clusterNode.find("#cluster_arrow").click(); //expand cluster node to see host node and storage node |
| $clusterNode.find("#cluster_name").click(); //click cluster node to show cluster info |
| } |
| } |
| }, |
| error: function(XMLHttpResponse) { |
| handleError(XMLHttpResponse, function() { |
| handleErrorInDialog(XMLHttpResponse, $thisDialog); |
| }); |
| } |
| }); |
| }, |
| "Cancel": function() { |
| $(this).dialog("close"); |
| } |
| }).dialog("open"); |
| return false; |
| }); |
| } |
|
|
| function bindAddHostButton($leftmenuItem1) {
|
| var $button = $("#add_host_button");
|
|
|
| var dialogAddHost = $("#dialog_add_host");
|
| dialogAddHost.find("#cluster_select").change(function() { |
| var clusterId = $(this).val(); |
| if(clusterId == null) |
| return; |
| var clusterObj = clustersUnderOnePod[clusterId]; |
| if(clusterObj.hypervisortype == "VMware") { |
| $('li[input_group="vmware"]', dialogAddHost).show(); |
| $('li[input_group="general"]', dialogAddHost).hide(); |
| } else { |
| $('li[input_group="vmware"]', dialogAddHost).hide(); |
| $('li[input_group="general"]', dialogAddHost).show(); |
| } |
| });
|
|
|
| $button.unbind("click").bind("click", function(event) {
|
| dialogAddHost.find("#info_container").hide();
|
| dialogAddHost.find("#new_cluster_name").val("");
|
|
|
| var zoneId, podId, clusterId;
|
| if(currentRightPanelJSP == "jsp/pod.jsp") {
|
| var podObj = $leftmenuItem1.data("jsonObj");
|
| zoneId = podObj.zoneid;
|
| podId = podObj.id;
|
| dialogAddHost.find("#zone_name").text(fromdb(podObj.zonename));
|
| dialogAddHost.find("#pod_name").text(fromdb(podObj.name));
|
| }
|
| else if(currentRightPanelJSP == "jsp/cluster.jsp") {
|
| var clusterObj = $leftmenuItem1.data("jsonObj");
|
| zoneId = clusterObj.zoneid;
|
| podId = clusterObj.podid;
|
| clusterId = clusterObj.id;
|
| dialogAddHost.find("#zone_name").text(fromdb(clusterObj.zonename));
|
| dialogAddHost.find("#pod_name").text(fromdb(clusterObj.podname));
|
| }
|
| else if(currentRightPanelJSP == "jsp/host.jsp") {
|
| var clusterObj = $leftmenuItem1.data("clusterObj");
|
| zoneId = clusterObj.zoneid;
|
| podId = clusterObj.podid;
|
| clusterId = clusterObj.id;
|
| dialogAddHost.find("#zone_name").text(fromdb(clusterObj.zonename));
|
| dialogAddHost.find("#pod_name").text(fromdb(clusterObj.podname));
|
| }
|
|
|
| refreshClsuterFieldInAddHostDialog(dialogAddHost, podId, clusterId);
|
|
|
| dialogAddHost.find("#cluster_select").change();
|
|
|
| dialogAddHost
|
| .dialog('option', 'buttons', {
|
| "Add": function() {
|
| var $thisDialog = $(this);
|
| $thisDialog.find("#info_container").hide();
|
|
|
| // validate values
|
| var isValid = true;
|
| isValid &= validateDropDownBox("Cluster", $thisDialog.find("#cluster_select"), $thisDialog.find("#cluster_select_errormsg"), false); //required, reset error text
|
| var clusterId = $thisDialog.find("#cluster_select").val(); |
| var clusterObj, hypervisor; |
| if(clusterId != null) { |
| clusterObj = clustersUnderOnePod[clusterId]; |
| hypervisor = clusterObj.hypervisortype; |
| if(hypervisor == "VMware") { |
| isValid &= validateString("vCenter Address", $thisDialog.find("#host_vcenter_address"), $thisDialog.find("#host_vcenter_address_errormsg")); |
| isValid &= validateString("vCenter User", $thisDialog.find("#host_vcenter_username"), $thisDialog.find("#host_vcenter_username_errormsg")); |
| isValid &= validateString("vCenter Password", $thisDialog.find("#host_vcenter_password"), $thisDialog.find("#host_vcenter_password_errormsg")); |
| isValid &= validateString("vCenter Datacenter", $thisDialog.find("#host_vcenter_dc"), $thisDialog.find("#host_vcenter_dc_errormsg")); |
| isValid &= validateString("vCenter Host", $thisDialog.find("#host_vcenter_host"), $thisDialog.find("#host_vcenter_host_errormsg")); |
| } else { |
| isValid &= validateString("Host name", $thisDialog.find("#host_hostname"), $thisDialog.find("#host_hostname_errormsg")); |
| isValid &= validateString("User name", $thisDialog.find("#host_username"), $thisDialog.find("#host_username_errormsg")); |
| isValid &= validateString("Password", $thisDialog.find("#host_password"), $thisDialog.find("#host_password_errormsg")); |
| }
|
| }
|
| if (!isValid)
|
| return;
|
| |
| $thisDialog.find("#spinning_wheel").show();
|
|
|
| var array1 = []; |
| array1.push("&zoneId="+zoneId);
|
| array1.push("&podId="+podId); |
| array1.push("&clusterid="+clusterId); |
| array1.push("&hypervisor=" + hypervisor); |
| var clustertype = clusterObj.clustertype; |
| array1.push("&clustertype=" + clustertype); |
| |
| if(hypervisor == "VMware") { |
| var username = trim($thisDialog.find("#host_vcenter_username").val()); |
| array1.push("&username="+todb(username)); |
| |
| var password = trim($thisDialog.find("#host_vcenter_password").val()); |
| array1.push("&password="+todb(password)); |
| |
| var hostname = trim($thisDialog.find("#host_vcenter_address").val()); |
| hostname += "/" + trim($thisDialog.find("#host_vcenter_dc").val()); |
| hostname += "/" + trim($thisDialog.find("#host_vcenter_host").val()); |
| |
| var url; |
| if(hostname.indexOf("http://")==-1) |
| url = "http://" + todb(hostname); |
| else |
| url = hostname; |
| array1.push("&url="+todb(url)); |
| } else { |
| var username = trim($thisDialog.find("#host_username").val()); |
| array1.push("&username="+todb(username)); |
| |
| var password = trim($thisDialog.find("#host_password").val()); |
| array1.push("&password="+todb(password)); |
|
|
| var hostname = trim($thisDialog.find("#host_hostname").val());
|
| var url;
|
| if(hostname.indexOf("http://")==-1)
|
| url = "http://" + todb(hostname);
|
| else
|
| url = hostname;
|
| array1.push("&url="+todb(url));
|
| }
|
|
|
| $.ajax({
|
| data: createURL("command=addHost" + array1.join("")),
|
| dataType: "json",
|
| success: function(json) {
|
| $thisDialog.find("#spinning_wheel").hide();
|
| $thisDialog.dialog("close");
|
|
|
| var item = json.addhostresponse.host; |
| |
| var $podArrow = $("#pod_"+podId).find("#pod_arrow"); |
| if($podArrow.hasClass("expanded_close")) { |
| $podArrow.click(); |
| } |
| |
| var $clusterArrow = $("#cluster_"+clusterId).find("#cluster_arrow"); |
| if($clusterArrow.hasClass("expanded_close")) { |
| $clusterArrow.click(); |
| } |
|
|
| $("#cluster_"+clusterId+"_host").click();
|
| },
|
| error: function(XMLHttpResponse) { |
| handleError(XMLHttpResponse, function() {
|
| //refreshClsuterFieldInAddHostDialog($thisDialog, podId, clusterId, dialogAddHost.find("#host_hypervisor").val());
|
| handleErrorInDialog(XMLHttpResponse, $thisDialog); |
| });
|
| }
|
| });
|
| },
|
| "Cancel": function() {
|
| $(this).dialog("close");
|
| }
|
| }).dialog("open");
|
| return false;
|
| });
|
| }
|
|
|
| function bindAddPrimaryStorageButton($leftmenuItem1) {
|
| var $button = $("#add_primarystorage_button");
|
| $dialogAddPool = $("#dialog_add_pool");
|
|
|
| var zoneId, podId, sourceClusterId;
|
| if(currentRightPanelJSP == "jsp/pod.jsp") {
|
| var podObj = $leftmenuItem1.data("jsonObj");
|
| zoneId = podObj.zoneid;
|
| podId = podObj.id;
|
| $dialogAddPool.find("#zone_name").text(fromdb(podObj.zonename));
|
| $dialogAddPool.find("#pod_name").text(fromdb(podObj.name));
|
| }
|
| else if(currentRightPanelJSP == "jsp/cluster.jsp") {
|
| var clusterObj = $leftmenuItem1.data("jsonObj");
|
| zoneId = clusterObj.zoneid;
|
| podId = clusterObj.podid;
|
| sourceClusterId = clusterObj.id;
|
| $dialogAddPool.find("#zone_name").text(fromdb(clusterObj.zonename));
|
| $dialogAddPool.find("#pod_name").text(fromdb(clusterObj.podname));
|
| }
|
| else if(currentRightPanelJSP == "jsp/primarystorage.jsp") {
|
| var clusterObj = $leftmenuItem1.data("clusterObj");
|
| zoneId = clusterObj.zoneid;
|
| podId = clusterObj.podid;
|
| sourceClusterId = clusterObj.id;
|
| $dialogAddPool.find("#zone_name").text(fromdb(clusterObj.zonename));
|
| $dialogAddPool.find("#pod_name").text(fromdb(clusterObj.podname));
|
| }
|
|
|
| var $clusterSelect = $("#dialog_add_pool").find("#pool_cluster").empty(); |
| var mapClusters = {};
|
| $.ajax({
|
| data: createURL("command=listClusters&podid=" + podId),
|
| async: false, |
| dataType: "json",
|
| success: function(json) {
|
| var items = json.listclustersresponse.cluster; |
| if(items != null && items.length > 0) { |
| mapClusters = {};
|
| for(var i=0; i<items.length; i++) { |
| mapClusters["cluster_"+items[i].id] = items[i]; |
| if(sourceClusterId != null && items[i].id == sourceClusterId)
|
| $clusterSelect.append("<option value='" + items[i].id + "' selected>" + fromdb(items[i].name) + "</option>");
|
| else
|
| $clusterSelect.append("<option value='" + items[i].id + "'>" + fromdb(items[i].name) + "</option>");
|
| } |
| }
|
| }
|
| }); |
| |
| $dialogAddPool.find("#pool_cluster").unbind("change").bind("change", function() { |
| var curOption = $(this).val(); |
| if(!curOption) |
| return false; |
| |
| var $protocolSelector = $dialogAddPool.find("#add_pool_protocol"); |
| var objCluster = mapClusters['cluster_'+curOption]; |
| |
| if(objCluster == null) |
| return; |
| |
| if(objCluster.hypervisortype == "KVM") { |
| $protocolSelector.empty(); |
| $protocolSelector.append('<option value="nfs">NFS</option>'); |
| $protocolSelector.append('<option value="SharedMountPoint">SharedMountPoint</option>'); |
| } else if(objCluster.hypervisortype == "XenServer") { |
| $protocolSelector.empty(); |
| $protocolSelector.append('<option value="nfs">NFS</option>'); |
| $protocolSelector.append('<option value="PreSetup">PreSetup</option>'); |
| $protocolSelector.append('<option value="iscsi">iSCSI</option>'); |
| } else if(objCluster.hypervisortype == "VMware") { |
| $protocolSelector.empty(); |
| $protocolSelector.append('<option value="nfs">NFS</option>'); |
| $protocolSelector.append('<option value="vmfs">VMFS datastore</option>'); |
| } |
| |
| $protocolSelector.change(); |
| }); |
|
|
| $button.unbind("click").bind("click", function(event) {
|
| $dialogAddPool.find("#info_container").hide(); |
| $dialogAddPool.find("#pool_cluster").change(); |
| |
| $("#dialog_add_pool")
|
| .dialog('option', 'buttons', {
|
| "Add": function() {
|
| var $thisDialog = $(this);
|
| $thisDialog.find("#info_container").hide();
|
|
|
| // validate values
|
| var protocol = $thisDialog.find("#add_pool_protocol").val();
|
|
|
| var isValid = true;
|
| isValid &= validateDropDownBox("Cluster", $thisDialog.find("#pool_cluster"), $thisDialog.find("#pool_cluster_errormsg"), false); //required, reset error text
|
| isValid &= validateString("Name", $thisDialog.find("#add_pool_name"), $thisDialog.find("#add_pool_name_errormsg"));
|
| if (protocol == "nfs" || protocol == "PreSetup" || protocol == "SharedMountPoint") {
|
| isValid &= validateString("Server", $thisDialog.find("#add_pool_nfs_server"), $thisDialog.find("#add_pool_nfs_server_errormsg")); |
| isValid &= validateString("Path", $thisDialog.find("#add_pool_path"), $thisDialog.find("#add_pool_path_errormsg"));
|
| } else if(protocol == "iscsi") {
|
| isValid &= validateString("Server", $thisDialog.find("#add_pool_nfs_server"), $thisDialog.find("#add_pool_nfs_server_errormsg")); |
| isValid &= validateString("Target IQN", $thisDialog.find("#add_pool_iqn"), $thisDialog.find("#add_pool_iqn_errormsg"));
|
| isValid &= validateString("LUN #", $thisDialog.find("#add_pool_lun"), $thisDialog.find("#add_pool_lun_errormsg"));
|
| } else if(protocol == "vmfs") { |
| isValid &= validateString("vCenter Datacenter", $thisDialog.find("#add_pool_vmfs_dc"), $thisDialog.find("#add_pool_vmfs_dc_errormsg")); |
| isValid &= validateString("vCenter Datastore", $thisDialog.find("#add_pool_vmfs_ds"), $thisDialog.find("#add_pool_vmfs_ds_errormsg")); |
| }
|
| isValid &= validateString("Tags", $thisDialog.find("#add_pool_tags"), $thisDialog.find("#add_pool_tags_errormsg"), true); //optional
|
| if (!isValid)
|
| return;
|
| |
| $thisDialog.find("#spinning_wheel").show()
|
|
|
| var array1 = [];
|
| array1.push("&zoneId="+zoneId);
|
| array1.push("&podId="+podId);
|
|
|
| var clusterId = $thisDialog.find("#pool_cluster").val();
|
| array1.push("&clusterid="+clusterId);
|
|
|
| var name = trim($thisDialog.find("#add_pool_name").val());
|
| array1.push("&name="+todb(name));
|
|
|
| var server = trim($thisDialog.find("#add_pool_nfs_server").val());
|
|
|
| var url = null;
|
| if (protocol == "nfs") {
|
| var path = trim($thisDialog.find("#add_pool_path").val());
|
| if(path.substring(0,1)!="/")
|
| path = "/" + path;
|
| url = nfsURL(server, path);
|
| } |
| else if (protocol == "PreSetup") {
|
| var path = trim($thisDialog.find("#add_pool_path").val());
|
| if(path.substring(0,1)!="/")
|
| path = "/" + path;
|
| url = presetupURL(server, path);
|
| } |
| else if (protocol == "SharedMountPoint") {
|
| var path = trim($thisDialog.find("#add_pool_path").val());
|
| if(path.substring(0,1)!="/")
|
| path = "/" + path;
|
| url = SharedMountPointURL(server, path);
|
| } |
| else if (protocol == "vmfs") { |
| var path = trim($thisDialog.find("#add_pool_vmfs_dc").val()); |
| if(path.substring(0,1)!="/") |
| path = "/" + path; |
| path += "/" + trim($thisDialog.find("#add_pool_vmfs_ds").val()) |
| url = vmfsURL("dummy", path); |
| }
|
| else {
|
| var iqn = trim($thisDialog.find("#add_pool_iqn").val());
|
| if(iqn.substring(0,1)!="/")
|
| iqn = "/" + iqn;
|
| var lun = trim($thisDialog.find("#add_pool_lun").val());
|
| url = iscsiURL(server, iqn, lun);
|
| }
|
| array1.push("&url="+todb(url));
|
|
|
| var tags = trim($thisDialog.find("#add_pool_tags").val());
|
| if(tags != null && tags.length > 0)
|
| array1.push("&tags="+todb(tags));
|
|
|
| $.ajax({
|
| data: createURL("command=createStoragePool" + array1.join("")),
|
| dataType: "json",
|
| success: function(json) {
|
| $thisDialog.find("#spinning_wheel").hide();
|
| $thisDialog.dialog("close"); |
| |
| var item = json.createstoragepoolresponse.storagepool; |
| |
| var $podArrow = $("#pod_"+podId).find("#pod_arrow"); |
| if($podArrow.hasClass("expanded_close")) { |
| $podArrow.click(); |
| } |
| |
| var $clusterArrow = $("#cluster_"+clusterId).find("#cluster_arrow"); |
| if($clusterArrow.hasClass("expanded_close")) { |
| $clusterArrow.click(); |
| } |
|
|
| $("#cluster_"+clusterId+"_primarystorage").click();
|
| },
|
| error: function(XMLHttpResponse) { |
| handleError(XMLHttpResponse, function() {
|
| handleErrorInDialog(XMLHttpResponse, $thisDialog); |
| });
|
| }
|
| });
|
| },
|
| "Cancel": function() {
|
| $(this).dialog("close");
|
| }
|
| }).dialog("open");
|
| return false;
|
| });
|
| }
|
|
|
| function bindAddIpRangeToPodButton($leftmenuItem1) {
|
| $("#add_iprange_button").unbind("click").bind("click", function(event) {
|
| if($("#tab_content_ipallocation").css("display") == "none")
|
| $("#tab_ipallocation").click();
|
|
|
| var podObj = $leftmenuItem1.data("jsonObj");
|
| var zoneId = podObj.zoneid;
|
| var podId = podObj.id;
|
| var podName = podObj.name;
|
|
|
| $("#dialog_add_iprange_to_pod").find("#pod_name_label").text(podName);
|
|
|
| $("#dialog_add_iprange_to_pod") |
| .dialog('option', 'buttons', { |
| "Add": function() { |
| var $thisDialog = $(this); |
| |
| // validate values |
| var isValid = true; |
| isValid &= validateIp("Netmask", $thisDialog.find("#netmask"), $thisDialog.find("#netmask_errormsg")); |
| isValid &= validateIp("Gateway", $thisDialog.find("#guestgateway"), $thisDialog.find("#guestgateway_errormsg")); |
| isValid &= validateIp("Start IP Range", $thisDialog.find("#startip"), $thisDialog.find("#startip_errormsg")); //required |
| isValid &= validateIp("End IP Range", $thisDialog.find("#endip"), $thisDialog.find("#endip_errormsg"), true); //optional |
| if (!isValid) |
| return; |
| |
| $thisDialog.find("#spinning_wheel").show(); |
| |
| var netmask = trim($thisDialog.find("#netmask").val()); |
| var guestgateway = trim($thisDialog.find("#guestgateway").val()); |
| var startip = trim($thisDialog.find("#startip").val()); |
| var endip = trim($thisDialog.find("#endip").val()); |
| |
| var array1 = []; |
| array1.push("&vlan=untagged"); |
| array1.push("&zoneid=" + zoneId); |
| array1.push("&podId=" + podId); |
| array1.push("&forVirtualNetwork=false"); //direct VLAN |
| array1.push("&gateway="+todb(guestgateway)); |
| array1.push("&netmask="+todb(netmask)); |
| array1.push("&startip="+todb(startip)); |
| if(endip != null && endip.length > 0) |
| array1.push("&endip="+todb(endip)); |
| |
| $.ajax({ |
| data: createURL("command=createVlanIpRange" + array1.join("")), |
| dataType: "json", |
| success: function(json) { |
| $thisDialog.find("#spinning_wheel").hide();
|
| $thisDialog.dialog("close"); |
| |
| var item = json.createvlaniprangeresponse.vlan; |
| var $subgridItem = $("#network_tab_template").clone(true);
|
| podNetworkJsonToTemplate(item, $subgridItem);
|
| $subgridItem.find("#after_action_info").text(g_dictionary["label.adding.succeeded"]);
|
| $subgridItem.find("#after_action_info_container").removeClass("error").addClass("success").show();
|
| $("#tab_content_ipallocation").find("#tab_container").append($subgridItem.fadeIn("slow")); |
| }, |
| error: function(XMLHttpResponse) { |
| handleError(XMLHttpResponse, function() {
|
| handleErrorInDialog(XMLHttpResponse, $thisDialog); |
| }); |
| } |
| }); |
| }, |
| "Cancel": function() { |
| $(this).dialog("close"); |
| } |
| }).dialog("open");
|
|
|
| return false;
|
| });
|
| }
|
|
|
| function nfsURL(server, path) {
|
| var url;
|
| if(server.indexOf("://")==-1)
|
| url = "nfs://" + server + path;
|
| else
|
| url = server + path;
|
| return url;
|
| } |
| |
| function presetupURL(server, path) {
|
| var url;
|
| if(server.indexOf("://")==-1)
|
| url = "presetup://" + server + path;
|
| else
|
| url = server + path;
|
| return url;
|
| } |
| |
| function SharedMountPointURL(server, path) {
|
| var url;
|
| if(server.indexOf("://")==-1)
|
| url = "SharedMountPoint://" + server + path;
|
| else
|
| url = server + path;
|
| return url;
|
| } |
| |
| function vmfsURL(server, path) { |
| var url; |
| if(server.indexOf("://")==-1) |
| url = "vmfs://" + server + path; |
| else |
| url = server + path; |
| return url; |
| } |
|
|
| function iscsiURL(server, iqn, lun) {
|
| var url;
|
| if(server.indexOf("://")==-1)
|
| url = "iscsi://" + server + iqn + "/" + lun;
|
| else
|
| url = server + iqn + "/" + lun;
|
| return url;
|
| }
|
|
|
| function bindEventHandlerToDialogAddPool($dialogAddPool) {
|
| $dialogAddPool.find("#add_pool_protocol").change(function(event) { |
| if($(this).val() == "nfs") { |
| $("#add_pool_server_container", $dialogAddPool).show(); |
| $('li[input_group="nfs"]', $dialogAddPool).show(); |
| $('li[input_group="iscsi"]', $dialogAddPool).hide(); |
| $('li[input_group="vmfs"]', $dialogAddPool).hide(); |
| $dialogAddPool.find("#add_pool_nfs_server").attr("disabled", false).val(""); |
| $dialogAddPool.find("#add_pool_path_container").find("label").text(g_dictionary["label.path"]+":"); |
| } |
| if($(this).val() == "PreSetup") { |
| $("#add_pool_server_container", $dialogAddPool).show(); |
| $('li[input_group="nfs"]', $dialogAddPool).show(); |
| $('li[input_group="iscsi"]', $dialogAddPool).hide(); |
| $('li[input_group="vmfs"]', $dialogAddPool).hide(); |
| $dialogAddPool.find("#add_pool_nfs_server").attr("disabled", false).val(""); |
| $dialogAddPool.find("#add_pool_path_container").find("label").text(g_dictionary["label.SR.name"]+":"); |
| } |
| else if($(this).val() == "iscsi") { |
| $("#add_pool_server_container", $dialogAddPool).show(); |
| $('li[input_group="nfs"]', $dialogAddPool).hide(); |
| $('li[input_group="iscsi"]', $dialogAddPool).show(); |
| $('li[input_group="vmfs"]', $dialogAddPool).hide(); |
| $dialogAddPool.find("#add_pool_nfs_server").attr("disabled", false).val(""); |
| } |
| else if($(this).val() == "vmfs") { |
| $("#add_pool_server_container", $dialogAddPool).hide(); |
| $('li[input_group="nfs"]', $dialogAddPool).hide(); |
| $('li[input_group="iscsi"]', $dialogAddPool).hide(); |
| $('li[input_group="vmfs"]', $dialogAddPool).show(); |
| $dialogAddPool.find("#add_pool_nfs_server").attr("disabled", false).val(""); |
| } |
| else if($(this).val() == "SharedMountPoint") { //"SharedMountPoint" show the same fields as "nfs" does. |
| $("#add_pool_server_container", $dialogAddPool).show(); |
| $('li[input_group="nfs"]', $dialogAddPool).show(); |
| $('li[input_group="iscsi"]', $dialogAddPool).hide(); |
| $('li[input_group="vmfs"]', $dialogAddPool).hide(); |
| $dialogAddPool.find("#add_pool_nfs_server").attr("disabled", true).val("localhost"); |
| } |
| });
|
| }
|
|
|
| var podActionMap = {
|
| "label.action.edit.pod": { |
| dialogBeforeActionFn: doEditPod |
| }, |
| "label.action.delete.pod": { |
| isAsyncJob: false, |
| dialogBeforeActionFn : doDeletePod, |
| inProcessText: "label.action.delete.pod.processing", |
| afterActionSeccessFn: function(json, $midmenuItem1, id) { |
| $midmenuItem1.slideUp("slow", function() { |
| $(this).remove(); |
| if(id.toString() == $("#right_panel_content").find("#tab_content_details").find("#id").text()) { |
| clearRightPanel(); |
| podClearRightPanel(); |
| } |
| }); |
| } |
| }
|
| }
|
|
|
| function doEditPod($actionLink, $detailsTab, $midmenuItem1) { |
| $readonlyFields.hide(); |
| $editFields.show(); |
| $detailsTab.find("#cancel_button, #save_button").show(); |
| |
| $detailsTab.find("#cancel_button").unbind("click").bind("click", function(event){ |
| cancelEditMode($detailsTab); |
| return false; |
| }); |
| $detailsTab.find("#save_button").unbind("click").bind("click", function(event){ |
| doEditPod2($actionLink, $detailsTab, $midmenuItem1, $readonlyFields, $editFields); |
| return false; |
| }); |
| } |
| |
| function doEditPod2($actionLink, $detailsTab, $midmenuItem1, $readonlyFields, $editFields) { |
| var jsonObj = $midmenuItem1.data("jsonObj"); |
| var id = jsonObj.id; |
| var zoneid = jsonObj.zoneid; |
| var oldName = jsonObj.name; |
| var oldNetmask = jsonObj.netmask; |
| var oldStartip = jsonObj.startip; |
| var oldEndip = jsonObj.endip; |
| var oldGateway = jsonObj.gateway; |
| |
| // validate values |
| var isValid = true; |
| isValid &= validateString("Name", $detailsTab.find("#name_edit"), $detailsTab.find("#name_edit_errormsg")); |
| isValid &= validateIp("Netmask", $detailsTab.find("#netmask_edit"), $detailsTab.find("#netmask_edit_errormsg")); |
| isValid &= validateIp("Start IP Range", $detailsTab.find("#startIpRange_edit"), $detailsTab.find("#startIpRange_edit_errormsg")); //required |
| isValid &= validateIp("End IP Range", $detailsTab.find("#endIpRange_edit"), $detailsTab.find("#endIpRange_edit_errormsg"), true); //optional |
| isValid &= validateIp("Gateway", $detailsTab.find("#gateway_edit"), $detailsTab.find("#gateway_edit_errormsg"), true); //optional when editing |
| if (!isValid) |
| return; |
| |
| var newName = trim($detailsTab.find("#name_edit").val()); |
| var newNetmask = trim($detailsTab.find("#netmask_edit").val()); |
| var newStartip = trim($detailsTab.find("#startIpRange_edit").val()); |
| var newEndip = trim($detailsTab.find("#endIpRange_edit").val()); |
| var newIpRange = getIpRange(newStartip, newEndip); |
| var newGateway = trim($detailsTab.find("#gateway_edit").val()); |
| |
| var array1 = []; |
| if(newName != oldName) |
| array1.push("&name="+todb(newName)); |
| if(newNetmask != oldNetmask) |
| array1.push("&netmask="+todb(newNetmask)); |
| if(newStartip != oldStartip) |
| array1.push("&startIp="+todb(newStartip)); |
| if(newEndip != oldEndip && newEndip != null && newEndip.length > 0) { |
| if(newStartip == oldStartip) { |
| array1.push("&startIp="+todb(newStartip)); //startIp needs to be passed to updatePod API when endIp is passed to updatePod API. |
| } |
| array1.push("&endIp="+todb(newEndip)); |
| } |
| if(newGateway != oldGateway && newGateway != null && newGateway.length > 0) |
| array1.push("&gateway="+todb(newGateway)); |
| |
| if(array1.length > 0) { |
| $.ajax({ |
| data: createURL("command=updatePod&id="+id+array1.join("")), |
| dataType: "json", |
| success: function(json) { |
| var item = json.updatepodresponse.pod; |
| $midmenuItem1.data("jsonObj", item); |
| $midmenuItem1.find("#pod_name").text(item.name); |
| podJsonToRightPanel($midmenuItem1); |
| |
| $editFields.hide(); |
| $readonlyFields.show(); |
| $("#save_button, #cancel_button").hide(); |
| } |
| }); |
| } |
| else { |
| $editFields.hide(); |
| $readonlyFields.show(); |
| $("#save_button, #cancel_button").hide(); |
| } |
| } |
| |
| function doDeletePod($actionLink, $detailsTab, $midmenuItem1) {
|
| var jsonObj = $midmenuItem1.data("jsonObj");
|
| var id = jsonObj.id;
|
|
|
| $("#dialog_confirmation")
|
| .text(dictionary["message.action.delete.pod"])
|
| .dialog('option', 'buttons', {
|
| "Confirm": function() {
|
| $(this).dialog("close");
|
| var apiCommand = "command=deletePod&id="+id;
|
| doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
|
| },
|
| "Cancel": function() {
|
| $(this).dialog("close");
|
| }
|
| }).dialog("open");
|
| }
|
|
|
