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

new UI - highlight(select) domain tree node when it's being clicked.

This commit is contained in:
Jessica Wang 2010-10-20 11:29:47 -07:00
parent 94910d8a4f
commit 2c59448234
2 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ui/new/index.jsp
View File

@ -782,14 +782,16 @@ long milliseconds = new Date().getTime();
</div>
<!-- SystemVM Template (end) -->
<!-- domain tree node template (begin) -->
<div id="domain_tree_node_template" class="leftmenu_content" style="display:none">
<div class="leftmenu_domainindent" style="margin-left: 30px;">
<div id="domain_title_container" class="tree_levels">
<div class="leftmenu_arrows expanded_close" id="domain_expand_icon">
</div>
<div id="domain_name" class="tree_links">
Domain Name</div>
</div>
<div id="domain_tree_node_template" style="display:none">
<div class="leftmenu_domainindent" style="margin-left: 30px;">
<div id="domain_title_container" class="leftmenu_content">
<div class="tree_levels">
<div class="leftmenu_arrows expanded_close" id="domain_expand_icon">
</div>
<div id="domain_name" class="tree_links">
Domain Name</div>
</div>
</div>
<div id="domain_children_container" style="display: none">
</div>
</div>

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

@ -18,6 +18,8 @@
// Version: @VERSION@
var $selectedDomainTreeNode;
function afterLoadDomainJSP() {
//testing code
/*
@ -139,17 +141,22 @@ function afterLoadDomainJSP() {
}
$treenodeTemplate.bind("click", function(event) {
var template = $(this);
var $thisNode = $(this);
var target = $(event.target);
var action = target.attr("id");
var id = template.attr("id");
var jsonObj = template.data("jsonObj");
var id = $thisNode.attr("id");
var jsonObj = $thisNode.data("jsonObj");
var domainId = jsonObj.id;
var domainName = jsonObj.name;
if (action.indexOf("domain_expand_icon")!=-1) {
clickExpandIcon(domainId);
}
else if(action.indexOf("domain_name")!=-1) {
if($selectedDomainTreeNode != null)
$selectedDomainTreeNode.find("#domain_title_container_"+$selectedDomainTreeNode.data("jsonObj").id).removeClass("selected");
$thisNode.find("#domain_title_container_"+domainId).addClass("selected");
$selectedDomainTreeNode = $thisNode;
$detailsTab.data("jsonObj", jsonObj);
$detailsTab.find("#id").text(domainId);
$detailsTab.find("#name").text(domainName);