etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

new UI - adding loading image to domain tree.

This commit is contained in:
Jessica Wang 2010-10-29 14:07:36 -07:00
parent 6134565436
commit f373f0928c
2 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/new/index.jsp
View File

@ -574,8 +574,17 @@ long milliseconds = new Date().getTime();
</div>
</div>
<div class="leftmenu_expandedbox" style="display: none">
<div class="leftmenu_expandedlist" id="leftmenu_domain_tree">
</div>
<div id="leftmenu_domain_tree">
<div id="loading_container" class="leftmenu_loadingbox" style="display: none;">
<div class="leftmenu_loader">
</div>
<p>
Loading &hellip;
</p>
</div>
<div id="tree_container" class="leftmenu_expandedlist">
</div>
</div>
</div>
</div>
<div class="leftmenu_list">
@ -632,7 +641,7 @@ long milliseconds = new Date().getTime();
</div>
<div id="leftmenu_zone_tree">
<div class="leftmenu_loadingbox" style="display:none;" id="loading_container">
<div id="loading_container" class="leftmenu_loadingbox" style="display:none;">
<div class="leftmenu_loader"></div>
<p> Loading &hellip; </p>
</div>

13
ui/new/scripts/cloud.core2.domain.js
View File

@ -45,20 +45,25 @@ function refreshWholeTree(rootDomainId, rootLevel) {
//draw root node
function drawRootNode(rootDomainId) {
$("#leftmenu_domain_tree").empty();
var $loading = $("#leftmenu_domain_tree").find("#loading_container").show();
var $domainTree = $("#leftmenu_domain_tree").find("#tree_container").hide();
$.ajax({
data: createURL("command=listDomains&id="+rootDomainId+"&pageSize=-1"), //pageSize=-1 will return all items (no limitation)
dataType: "json",
async: false,
success: function(json) {
var domains = json.listdomainsresponse.domain;
var domains = json.listdomainsresponse.domain;
$domainTree.empty();
if (domains != null && domains.length > 0) {
var node = drawNode(domains[0], defaultRootLevel, $("#leftmenu_domain_tree"));
var node = drawNode(domains[0], defaultRootLevel, $domainTree);
var treeLevelsbox = node.find(".tree_levelsbox"); //root node shouldn't have margin-left:20px
if(treeLevelsbox!=null && treeLevelsbox.length >0)
treeLevelsbox[0].style.marginLeft="0px"; //set root node's margin-left to 0px.
}
}
$loading.hide();
$domainTree.show();
}
});
}