mirror of
https://github.com/apache/cloudstack.git
synced 2025-12-17 19:14:40 +01:00
449 lines
20 KiB
JavaScript
449 lines
20 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("jsonObj", json);
|
|
|
|
$.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("jsonObj", json);
|
|
|
|
$.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("jsonObj", json);
|
|
}
|
|
|
|
function clusterJSONToTreeNode(json, template) {
|
|
template.data("id", json.id).data("name", fromdb(json.name));
|
|
var clusterName = template.find("#cluster_name").text(fromdb(json.name));
|
|
clusterName.data("jsonObj", json);
|
|
|
|
$.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));
|
|
hostName.data("jsonObj", json);
|
|
}
|
|
|
|
function primaryStorageJSONToTreeNode(json, template) {
|
|
template.data("id", json.id).data("name", fromdb(json.name));
|
|
var primaryStorageName = template.find("#primarystorage_name").text(fromdb(json.name));
|
|
primaryStorageName.data("jsonObj", json);
|
|
}
|
|
|
|
$("#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 jsonObj = target.data("jsonObj");
|
|
zoneJsonToDetailsTab(jsonObj);
|
|
zoneJsonToNetworkTab(jsonObj);
|
|
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 jsonObj = target.data("jsonObj");
|
|
podJsonToDetailsTab(jsonObj);
|
|
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 jsonObj = target.data("jsonObj");
|
|
clusterJsonToDetailsTab(jsonObj);
|
|
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 jsonObj = target.data("jsonObj");
|
|
hostJsonToDetailsTab(jsonObj);
|
|
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 jsonObj = target.data("jsonObj");
|
|
primarystorageJsonToDetailsTab(jsonObj);
|
|
break;
|
|
|
|
|
|
case "systemvm_name" :
|
|
$zoneetree1.find(".selected").removeClass("selected");
|
|
target.parent().parent().parent().addClass("selected");
|
|
showPage($systemvmPage);
|
|
var jsonObj = target.data("jsonObj");
|
|
systemvmJsonToDetailsTab(jsonObj);
|
|
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));
|
|
}
|
|
|
|
function zoneJsonToNetworkTab(jsonObj) {
|
|
var $networkTab = $zonePage.find("#tab_content_network");
|
|
$networkTab.find("#zone_cloud").find("#zone_name").text(jsonObj.name);
|
|
$networkTab.find("#zone_vlan").text(jsonObj.vlan);
|
|
|
|
$.ajax({
|
|
data: createURL("command=listVlanIpRanges&zoneId="+jsonObj.id),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listvlaniprangesresponse.vlaniprange;
|
|
var $vlanContainer = $networkTab.find("#vlan_container").empty();
|
|
if (items != null && items.length > 0) {
|
|
for (var i = 0; i < items.length; i++) {
|
|
var item = items[i];
|
|
|
|
var $template1;
|
|
if(item.forvirtualnetwork == "false")
|
|
$template1 = $("#direct_vlan_template").clone();
|
|
else
|
|
$template1 = $("#virtual_vlan_template").clone();
|
|
|
|
vlanjsontotemplate(item, $template1);
|
|
$vlanContainer.append($template1.show());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function vlanjsontotemplate(jsonObj, $template1) {
|
|
$template1.data("jsonObj", jsonObj);
|
|
$template1.find("#vlan_id").text(jsonObj.vlan);
|
|
$template1.find("#ip_range").text(jsonObj.description);
|
|
}
|
|
|
|
//***** 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) ********************************************************************************************************
|
|
|
|
//***** cluster page (bgein) **************************************************************************************************
|
|
function clusterJsonToDetailsTab(jsonObj) {
|
|
var $detailsTab = $clusterPage.find("#tab_content_details");
|
|
$detailsTab.data("jsonObj", jsonObj);
|
|
$detailsTab.find("#id").text(fromdb(jsonObj.id));
|
|
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
|
$detailsTab.find("#zonename").text(fromdb(jsonObj.zonename));
|
|
$detailsTab.find("#podname").text(fromdb(jsonObj.podname));
|
|
}
|
|
//***** cluster page (end) ****************************************************************************************************
|
|
|
|
//***** host page (bgein) *****************************************************************************************************
|
|
function hostJsonToDetailsTab(jsonObj) {
|
|
var $detailsTab = $hostPage.find("#tab_content_details");
|
|
$detailsTab.data("jsonObj", jsonObj);
|
|
$detailsTab.find("#id").text(fromdb(jsonObj.id));
|
|
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
|
$detailsTab.find("#state").text(fromdb(jsonObj.state));
|
|
$detailsTab.find("#zonename").text(fromdb(jsonObj.zonename));
|
|
$detailsTab.find("#podname").text(fromdb(jsonObj.podname));
|
|
$detailsTab.find("#clustername").text(fromdb(jsonObj.clustername));
|
|
$detailsTab.find("#ipaddress").text(fromdb(jsonObj.ipaddress));
|
|
$detailsTab.find("#version").text(fromdb(jsonObj.version));
|
|
$detailsTab.find("#oscategoryname").text(fromdb(jsonObj.oscategoryname));
|
|
$detailsTab.find("#disconnected").text(fromdb(jsonObj.disconnected));
|
|
}
|
|
//***** host page (end) *******************************************************************************************************
|
|
|
|
//***** primary storage page (bgein) ******************************************************************************************
|
|
function primarystorageJsonToDetailsTab(jsonObj) {
|
|
var $detailsTab = $primarystoragePage.find("#tab_content_details");
|
|
$detailsTab.data("jsonObj", jsonObj);
|
|
$detailsTab.find("#id").text(fromdb(jsonObj.id));
|
|
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
|
$detailsTab.find("#zonename").text(fromdb(jsonObj.zonename));
|
|
$detailsTab.find("#podname").text(fromdb(jsonObj.podname));
|
|
$detailsTab.find("#clustername").text(fromdb(jsonObj.clustername));
|
|
$detailsTab.find("#type").text(fromdb(jsonObj.type));
|
|
$detailsTab.find("#ipaddress").text(fromdb(jsonObj.ipaddress));
|
|
$detailsTab.find("#path").text(fromdb(jsonObj.path));
|
|
$detailsTab.find("#disksizetotal").text(convertBytes(jsonObj.disksizetotal));
|
|
$detailsTab.find("#disksizeallocated").text(convertBytes(jsonObj.disksizeallocated));
|
|
$detailsTab.find("#tags").text(fromdb(jsonObj.tags));
|
|
}
|
|
//***** primary storage 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) ***************************************************************************************************
|
|
}
|
|
|