zone tree - show loading image when expanding/collapsing a zone node.

This commit is contained in:
Jessica Wang 2010-12-28 15:35:05 -08:00
parent 88afdb3313
commit 3671d5cb35
2 changed files with 21 additions and 9 deletions

View File

@ -797,11 +797,15 @@
<!-- Zone Template (begin) -->
<div class="leftmenu_expandedlist" id="leftmenu_zone_node_template" style="display:none">
<!--
<div class="leftmenu_loadingbox" style="display:none;" id="loading_container">
<div class="leftmenu_loader"></div>
<p> <fmt:message key="label.adding.zone"/> &hellip; </p>
</div>
-->
<!--
<div id="row_container">
-->
<div id="zone_header" class="leftmenu_content">
<div class="leftmenu_thirdindent">
<div class="leftmenu_arrowloader" id="loading_container" style="display:none;"></div>
@ -824,7 +828,9 @@
</div>
</div>
<!--
</div>
-->
</div>
<!-- Zone Template (end) -->
<!-- Pod Template (begin) -->

View File

@ -48,12 +48,12 @@ function buildZoneTree() {
switch (action) {
case "zone_arrow" :
var $loadingContainer = $zoneNode.find("#loading_container").show();
var $zoneArrow = $zoneNode.find("#zone_arrow").hide();
var zoneObj = $zoneNode.data("jsonObj");
var $zoneContent = $zoneNode.find("#zone_content");
if(target.hasClass("expanded_close")) {
target.removeClass("expanded_close").addClass("expanded_open");
$zoneContent.show();
if(target.hasClass("expanded_close")) {
$.ajax({
data: createURL("command=listPods&zoneid="+zoneObj.id),
dataType: "json",
@ -69,13 +69,19 @@ function buildZoneTree() {
}
}
}
});
});
target.removeClass("expanded_close").addClass("expanded_open");
$zoneContent.show();
}
else if(target.hasClass("expanded_open")) {
else if(target.hasClass("expanded_open")) {
$zoneContent.find("#pods_container").empty();
target.removeClass("expanded_open").addClass("expanded_close");
$zoneContent.hide();
$zoneContent.find("#pods_container").empty();
}
$zoneContent.hide();
}
$loadingContainer.hide();
$zoneArrow.show();
break;
default: