mirror of https://github.com/apache/cloudstack.git
new UI - remove zonetree from middle menu.
This commit is contained in:
Jessica Wang
parent
14258203e7
commit
9aa6e763de
|
|
@ -512,287 +512,9 @@ function toSystemVMTypeText(value) {
|
|||
//***** systemVM page (end) ***************************************************************************************************
|
||||
|
||||
|
||||
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"];
|
||||
|
||||
//***** 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);
|
||||
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);
|
||||
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);
|
||||
systemvmJSONToTreeNode(items[i], systemvmTemplate);
|
||||
container.append(systemvmTemplate.show());
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function podJSONToTreeNode(json, template) {
|
||||
var podid = json.id;
|
||||
template.attr("id", "pod_" + podid);
|
||||
template.data("id", podid).data("name", fromdb(json.name));
|
||||
|
||||
var podName = template.find("#pod_name").text(fromdb(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);
|
||||
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.attr("id", "cluster_"+json.id);
|
||||
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);
|
||||
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);
|
||||
primaryStorageJSONToTreeNode(items[i], primaryStorageTemplate);
|
||||
container.append(primaryStorageTemplate.show());
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function hostJSONToTreeNode(json, template) {
|
||||
template.attr("id", "host_"+json.id);
|
||||
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.attr("id", "primary_storage_"+json.id);
|
||||
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");
|
||||
var jsonObj = target.data("jsonObj");
|
||||
showPage($zonePage, 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");
|
||||
var jsonObj = target.data("jsonObj");
|
||||
showPage($("#pod_page"), 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");
|
||||
var jsonObj = target.data("jsonObj");
|
||||
showPage($("#cluster_page"), 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");
|
||||
var jsonObj = target.data("jsonObj");
|
||||
showPage($("#host_page"), 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");
|
||||
var jsonObj = target.data("jsonObj");
|
||||
showPage($("#primarystorage_page"), jsonObj);
|
||||
primarystorageJsonToDetailsTab(jsonObj);
|
||||
break;
|
||||
|
||||
|
||||
case "systemvm_name" :
|
||||
$zoneetree1.find(".selected").removeClass("selected");
|
||||
target.parent().parent().parent().addClass("selected");
|
||||
var jsonObj = target.data("jsonObj");
|
||||
showPage($("#systemvm_page"), jsonObj);
|
||||
systemvmJsonToDetailsTab(jsonObj);
|
||||
break;
|
||||
|
||||
|
||||
default:
|
||||
break;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
//***** build zone tree (end) *************************************************************************************************
|
||||
|
||||
function afterLoadResourceJSP() {
|
||||
//switch between different tabs in zone page
|
||||
var $zonePage = $("#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);
|
||||
|
|
@ -801,7 +523,7 @@ function afterLoadResourceJSP() {
|
|||
initDialog("dialog_add_zone");
|
||||
initDialog("dialog_add_pod", 320);
|
||||
|
||||
//add button ***
|
||||
//Add Zone button ***
|
||||
$("#midmenu_add_link").find("#label").text("Add Zone");
|
||||
$("#midmenu_add_link").show();
|
||||
$("#midmenu_add_link").unbind("click").bind("click", function(event) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue