mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
405 lines
18 KiB
JavaScript
405 lines
18 KiB
JavaScript
function afterLoadResourceJSP() {
|
|
var $rightPanelHeaderLabel = $("#right_panel_header").find("#label");
|
|
|
|
var $rightPanelConent = $("#right_panel_content");
|
|
var $zonePage = $rightPanelConent.find("#zone_page");
|
|
var $podPage = $rightPanelConent.find("#pod_page");
|
|
var $clusterPage = $rightPanelConent.find("#cluster_page");
|
|
var $hostPage = $rightPanelConent.find("#host_page");
|
|
var $primarystoragePage = $rightPanelConent.find("#primarystorage_page");
|
|
var $systemvmPage = $rightPanelConent.find("#systemvm_page");
|
|
|
|
var pageArray = [$zonePage, $podPage, $clusterPage, $hostPage, $primarystoragePage, $systemvmPage];
|
|
var pageLabelArray = ["Zone", "Pod", "Cluster", "Host", "Primary Storage", "System VM"];
|
|
|
|
function showPage($pageToShow) {
|
|
for(var i=0; i<pageArray.length; i++) {
|
|
if(pageArray[i].attr("id") == $pageToShow.attr("id")) {
|
|
$rightPanelHeaderLabel.text(pageLabelArray[i]);
|
|
pageArray[i].show();
|
|
}
|
|
else {
|
|
pageArray[i].hide();
|
|
}
|
|
}
|
|
}
|
|
|
|
//***** build zone tree (begin) ***********************************************************************************************
|
|
var forceLogout = true; // We force a logout only if the user has first added a POD for the very first time
|
|
var $zoneetree1 = $("#zonetree").clone().attr("id", "zonetree1");
|
|
$("#midmenu_container").append($zoneetree1.show());
|
|
|
|
$.ajax({
|
|
data: createURL("command=listZones&available=true"+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listzonesresponse.zone;
|
|
var container = $("#zonetree1").find("#zones_container").empty();
|
|
if (items != null && items.length > 0) {
|
|
for (var i = 0; i < items.length; i++) {
|
|
var template = $("#zone_template").clone(true).attr("id", "zone_"+items[i].id);
|
|
zoneJSONToTreeNode(items[i], template);
|
|
container.append(template.show());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
function zoneJSONToTreeNode(json, template) {
|
|
var zoneid = json.id;
|
|
template.attr("id", "zone_" + zoneid);
|
|
template.data("id", zoneid).data("name", fromdb(json.name));
|
|
var zoneName = template.find("#zone_name").text(fromdb(json.name));
|
|
zoneName.data("id", zoneid);
|
|
zoneName.data("name", fromdb(json.name));
|
|
zoneName.data("dns1", json.dns1)
|
|
zoneName.data("internaldns1", json.internaldns1)
|
|
zoneName.data("guestcidraddress", json.guestcidraddress);
|
|
if (json.dns2 != null)
|
|
zoneName.data("dns2", json.dns2);
|
|
if (json.internaldns2 != null)
|
|
zoneName.data("internaldns2", json.internaldns2);
|
|
if (json.vlan != null)
|
|
zoneName.data("vlan", json.vlan);
|
|
|
|
$.ajax({
|
|
data: createURL("command=listPods&zoneid="+zoneid+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listpodsresponse.pod;
|
|
var container = template.find("#pods_container").empty();
|
|
if (items != null && items.length > 0) {
|
|
for (var i = 0; i < items.length; i++) {
|
|
var podTemplate = $("#pod_template").clone(true).attr("id", "pod_"+items[i].id);
|
|
podJSONToTreeNode(items[i], podTemplate);
|
|
container.append(podTemplate.show());
|
|
forceLogout = false; // We don't force a logout if pod(s) exit.
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
$.ajax({
|
|
data: createURL("command=listSystemVms&zoneid="+zoneid+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listsystemvmsresponse.systemvm;
|
|
var container = template.find("#systemvms_container").empty();
|
|
if (items != null && items.length > 0) {
|
|
for (var i = 0; i < items.length; i++) {
|
|
var systemvmTemplate = $("#systemvm_template").clone(true).attr("id", "systemvm_"+items[i].id);
|
|
systemvmJSONToTreeNode(items[i], systemvmTemplate);
|
|
container.append(systemvmTemplate.show());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function podJSONToTreeNode(json, template) {
|
|
var podid = json.id;
|
|
template.attr("id", "pod_" + podid);
|
|
|
|
var ipRange = getIpRange(json.startip, json.endip);
|
|
template.data("id", podid).data("name", json.name);
|
|
|
|
var podName = template.find("#pod_name").text(json.name);
|
|
podName.data("id", podid);
|
|
podName.data("zoneid", json.zoneid);
|
|
podName.data("name", json.name);
|
|
podName.data("cidr", json.cidr);
|
|
podName.data("startip", json.startip);
|
|
podName.data("endip", json.endip);
|
|
podName.data("ipRange", ipRange);
|
|
podName.data("gateway", json.gateway);
|
|
|
|
$.ajax({
|
|
data: createURL("command=listClusters&podid="+podid+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listclustersresponse.cluster;
|
|
var container = template.find("#clusters_container").empty();
|
|
if (items != null && items.length > 0) {
|
|
for (var i = 0; i < items.length; i++) {
|
|
var clusterTemplate = $("#cluster_template").clone(true).attr("id", "cluster_"+items[i].id);
|
|
clusterJSONToTreeNode(items[i], clusterTemplate);
|
|
container.append(clusterTemplate.show());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function systemvmJSONToTreeNode(json, template) {
|
|
var systemvmid = json.id;
|
|
template.attr("id", "systemvm_"+systemvmid);
|
|
template.data("id", systemvmid).data("name", json.name);
|
|
var systeymvmName = template.find("#systemvm_name").text(json.name);
|
|
systeymvmName.data("state", json.state);
|
|
systeymvmName.data("systemvmtype", json.systemvmtype);
|
|
systeymvmName.data("zonename", fromdb(json.zonename));
|
|
systeymvmName.data("id", json.id);
|
|
systeymvmName.data("name", fromdb(json.name));
|
|
systeymvmName.data("activeviewersessions", json.activeviewersessions);
|
|
systeymvmName.data("publicip", json.publicip);
|
|
systeymvmName.data("privateip", json.privateip);
|
|
systeymvmName.data("hostname", fromdb(json.hostname));
|
|
systeymvmName.data("gateway", json.gateway);
|
|
systeymvmName.data("created", json.created);
|
|
}
|
|
|
|
function clusterJSONToTreeNode(json, template) {
|
|
template.data("id", json.id).data("name", fromdb(json.name));
|
|
|
|
var systeymvmName = template.find("#cluster_name").text(fromdb(json.name));
|
|
|
|
$.ajax({
|
|
data: createURL("command=listHosts&clusterid="+json.id+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listhostsresponse.host;
|
|
var container = template.find("#hosts_container").empty();
|
|
if (items != null && items.length > 0) {
|
|
for (var i = 0; i < items.length; i++) {
|
|
var hostTemplate = $("#host_template").clone(true).attr("id", "host_"+items[i].id);
|
|
hostJSONToTreeNode(items[i], hostTemplate);
|
|
container.append(hostTemplate.show());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
$.ajax({
|
|
data: createURL("command=listStoragePools&clusterid="+json.id+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.liststoragepoolsresponse.storagepool;
|
|
var container = template.find("#primarystorages_container").empty();
|
|
if (items != null && items.length > 0) {
|
|
for (var i = 0; i < items.length; i++) {
|
|
var primaryStorageTemplate = $("#primarystorage_template").clone(true).attr("id", "primary_storage_"+items[i].id);
|
|
primaryStorageJSONToTreeNode(items[i], primaryStorageTemplate);
|
|
container.append(primaryStorageTemplate.show());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function hostJSONToTreeNode(json, template) {
|
|
template.data("id", json.id).data("name", fromdb(json.name));
|
|
|
|
var hostName = template.find("#host_name").text(fromdb(json.name));
|
|
}
|
|
|
|
function primaryStorageJSONToTreeNode(json, template) {
|
|
template.data("id", json.id).data("name", fromdb(json.name));
|
|
|
|
var primaryStorageName = template.find("#primarystorage_name").text(fromdb(json.name));
|
|
}
|
|
|
|
$("#zone_template").bind("click", function(event) {
|
|
var template = $(this);
|
|
var target = $(event.target);
|
|
var action = target.attr("id");
|
|
var id = template.data("id");
|
|
var name = template.data("name");
|
|
|
|
switch (action) {
|
|
case "zone_expand" :
|
|
if (target.hasClass("zonetree_closedarrows")) {
|
|
target.removeClass().addClass("zonetree_openarrows");
|
|
target.parent().parent().parent().find("#zone_content").show();
|
|
} else {
|
|
target.removeClass().addClass("zonetree_closedarrows");
|
|
target.parent().parent().parent().find("#zone_content").hide();
|
|
}
|
|
break;
|
|
case "zone_name":
|
|
$zoneetree1.find(".selected").removeClass("selected");
|
|
target.parent().parent().parent().addClass("selected");
|
|
showPage($zonePage);
|
|
var obj = {"id": target.data("id"), "name": target.data("name"), "dns1": target.data("dns1"), "dns2": target.data("dns2"), "internaldns1": target.data("internaldns1"), "internaldns2": target.data("internaldns2"), "vlan": target.data("vlan"), "guestcidraddress": target.data("guestcidraddress")};
|
|
zoneJsonToDetailsTab(obj);
|
|
break;
|
|
|
|
|
|
case "pod_expand" :
|
|
if (target.hasClass("zonetree_closedarrows")) {
|
|
target.removeClass().addClass("zonetree_openarrows");
|
|
target.parent().parent().siblings("#pod_content").show();
|
|
} else {
|
|
target.removeClass().addClass("zonetree_closedarrows");
|
|
target.parent().parent().siblings("#pod_content").hide();
|
|
}
|
|
break;
|
|
case "pod_name" :
|
|
$zoneetree1.find(".selected").removeClass("selected");
|
|
target.parent().parent().parent().addClass("selected");
|
|
showPage($podPage);
|
|
var obj = {"id": target.data("id"), "zoneid": target.data("zoneid"), "name": target.data("name"), "cidr": target.data("cidr"), "startip": target.data("startip"), "endip": target.data("endip"), "ipRange": target.data("ipRange"), "gateway": target.data("gateway")};
|
|
podJsonToDetailsTab(obj);
|
|
break;
|
|
|
|
|
|
case "cluster_expand" :
|
|
if (target.hasClass("zonetree_closedarrows")) {
|
|
target.removeClass().addClass("zonetree_openarrows");
|
|
target.parent().parent().siblings("#cluster_content").show();
|
|
|
|
} else {
|
|
target.removeClass().addClass("zonetree_closedarrows");
|
|
target.parent().parent().siblings("#cluster_content").hide();
|
|
}
|
|
break;
|
|
case "cluster_name" :
|
|
$zoneetree1.find(".selected").removeClass("selected");
|
|
target.parent().parent().parent().addClass("selected");
|
|
showPage($clusterPage);
|
|
//var obj = {"id": target.data("id"), "zoneid": target.data("zoneid"), "name": target.data("name"), "cidr": target.data("cidr"), "startip": target.data("startip"), "endip": target.data("endip"), "ipRange": target.data("ipRange"), "gateway": target.data("gateway")};
|
|
//clusterObjectToRightPanel(obj);
|
|
break;
|
|
|
|
|
|
case "host_expand" :
|
|
if (target.hasClass("zonetree_closedarrows")) {
|
|
target.removeClass().addClass("zonetree_openarrows");
|
|
target.parent().parent().siblings("#host_content").show();
|
|
|
|
} else {
|
|
target.removeClass().addClass("zonetree_closedarrows");
|
|
target.parent().parent().siblings("#host_content").hide();
|
|
}
|
|
break;
|
|
case "host_name" :
|
|
$zoneetree1.find(".selected").removeClass("selected");
|
|
target.parent().parent().parent().addClass("selected");
|
|
showPage($hostPage);
|
|
//var obj = {"id": target.data("id"), "zoneid": target.data("zoneid"), "name": target.data("name"), "cidr": target.data("cidr"), "startip": target.data("startip"), "endip": target.data("endip"), "ipRange": target.data("ipRange"), "gateway": target.data("gateway")};
|
|
//hostObjectToRightPanel(obj);
|
|
break;
|
|
|
|
|
|
case "primarystorage_expand" :
|
|
if (target.hasClass("zonetree_closedarrows")) {
|
|
target.removeClass().addClass("zonetree_openarrows");
|
|
target.parent().parent().siblings("#primarystorage_content").show();
|
|
|
|
} else {
|
|
target.removeClass().addClass("zonetree_closedarrows");
|
|
target.parent().parent().siblings("#primarystorage_content").hide();
|
|
}
|
|
break;
|
|
case "primarystorage_name" :
|
|
$zoneetree1.find(".selected").removeClass("selected");
|
|
target.parent().parent().parent().addClass("selected");
|
|
showPage($primarystoragePage);
|
|
//var obj = {"id": target.data("id"), "zoneid": target.data("zoneid"), "name": target.data("name"), "cidr": target.data("cidr"), "startip": target.data("startip"), "endip": target.data("endip"), "ipRange": target.data("ipRange"), "gateway": target.data("gateway")};
|
|
//primarystorageObjectToRightPanel(obj);
|
|
break;
|
|
|
|
|
|
case "systemvm_name" :
|
|
$zoneetree1.find(".selected").removeClass("selected");
|
|
target.parent().parent().parent().addClass("selected");
|
|
showPage($systemvmPage);
|
|
var obj = {
|
|
"id": target.data("id"),
|
|
"name": target.data("name"),
|
|
"systemvmtype": target.data("systemvmtype"),
|
|
"zonename": target.data("zonename"),
|
|
"activeviewersessions": target.data("activeviewersessions"),
|
|
"publicip": target.data("publicip"),
|
|
"privateip": target.data("privateip"),
|
|
"hostname": target.data("hostname"),
|
|
"gateway": target.data("gateway"),
|
|
"created": target.data("created"),
|
|
"state": target.data("state")
|
|
};
|
|
systemvmJsonToDetailsTab(obj);
|
|
break;
|
|
|
|
|
|
default:
|
|
break;
|
|
}
|
|
return false;
|
|
});
|
|
|
|
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;
|
|
}
|
|
//***** build zone tree (end) *************************************************************************************************
|
|
|
|
//***** zone page (begin) *****************************************************************************************************
|
|
//switch between different tabs in zone page
|
|
var tabArray = [$zonePage.find("#tab_details"), $zonePage.find("#tab_network"), $zonePage.find("#tab_secondary_storage")];
|
|
var tabContentArray = [$zonePage.find("#tab_content_details"), $zonePage.find("#tab_content_network"), $zonePage.find("#tab_content_secondary_storage")];
|
|
switchBetweenDifferentTabs(tabArray, tabContentArray);
|
|
|
|
function zoneJsonToDetailsTab(jsonObj) {
|
|
var $detailsTab = $zonePage.find("#tab_content_details");
|
|
$detailsTab.data("jsonObj", jsonObj);
|
|
$detailsTab.find("#id").text(fromdb(jsonObj.id));
|
|
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
|
$detailsTab.find("#dns1").text(fromdb(jsonObj.dns1));
|
|
$detailsTab.find("#dns2").text(fromdb(jsonObj.dns2));
|
|
$detailsTab.find("#internaldns1").text(fromdb(jsonObj.internaldns1));
|
|
$detailsTab.find("#internaldns2").text(fromdb(jsonObj.internaldns2));
|
|
$detailsTab.find("#vlan").text(fromdb(jsonObj.vlan));
|
|
$detailsTab.find("#guestcidraddress").text(fromdb(jsonObj.guestcidraddress));
|
|
}
|
|
//***** zone page (end) *******************************************************************************************************
|
|
|
|
//***** pod page (begin) ******************************************************************************************************
|
|
function podJsonToDetailsTab(jsonObj) {
|
|
var $detailsTab = $podPage.find("#tab_content_details");
|
|
$detailsTab.data("jsonObj", jsonObj);
|
|
$detailsTab.find("#id").text(fromdb(jsonObj.id));
|
|
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
|
$detailsTab.find("#cidr").text(fromdb(jsonObj.cidr));
|
|
$detailsTab.find("#ipRange").text(fromdb(jsonObj.ipRange));
|
|
$detailsTab.find("#gateway").text(fromdb(jsonObj.gateway));
|
|
|
|
//if (getDirectAttachUntaggedEnabled() == "true")
|
|
// $("#submenu_content_zones #action_add_directip_vlan").data("type", "pod").data("id", obj.id).data("name", obj.name).data("zoneid", obj.zoneid).show();
|
|
}
|
|
//***** pod page (end) ********************************************************************************************************
|
|
|
|
//***** systemVM page (begin) *************************************************************************************************
|
|
function systemvmJsonToDetailsTab(jsonObj) {
|
|
var $detailsTab = $systemvmPage.find("#tab_content_details");
|
|
$detailsTab.data("jsonObj", jsonObj);
|
|
|
|
$detailsTab.find("#state").text(fromdb(jsonObj.state));
|
|
$detailsTab.find("#systemvmtype").text(toSystemVMTypeText(jsonObj.systemvmtype));
|
|
$detailsTab.find("#zonename").text(fromdb(jsonObj.zonename));
|
|
$detailsTab.find("#id").text(fromdb(jsonObj.id));
|
|
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
|
$detailsTab.find("#activeviewersessions").text(fromdb(jsonObj.activeviewersessions));
|
|
$detailsTab.find("#publicip").text(fromdb(jsonObj.publicip));
|
|
$detailsTab.find("#privateip").text(fromdb(jsonObj.privateip));
|
|
$detailsTab.find("#hostname").text(fromdb(jsonObj.hostname));
|
|
$detailsTab.find("#gateway").text(fromdb(jsonObj.gateway));
|
|
$detailsTab.find("#created").text(fromdb(jsonObj.created));
|
|
}
|
|
|
|
function toSystemVMTypeText(value) {
|
|
var text = "";
|
|
if(value == "consoleproxy")
|
|
text = "Console Proxy VM";
|
|
else if(value == "secondarystoragevm")
|
|
text = "Secondary Storage VM";
|
|
return text;
|
|
}
|
|
//***** systemVM page (end) ***************************************************************************************************
|
|
}
|
|
|