From 9aa6e763de187f53dc1423c03217440cb3323748 Mon Sep 17 00:00:00 2001 From: Jessica Wang Date: Fri, 15 Oct 2010 20:25:49 -0700 Subject: [PATCH] new UI - remove zonetree from middle menu. --- ui/new/scripts/cloud.core2.resource.js | 284 +------------------------ 1 file changed, 3 insertions(+), 281 deletions(-) diff --git a/ui/new/scripts/cloud.core2.resource.js b/ui/new/scripts/cloud.core2.resource.js index 45be4b16893..e988333bd01 100644 --- a/ui/new/scripts/cloud.core2.resource.js +++ b/ui/new/scripts/cloud.core2.resource.js @@ -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) {