From 2c59448234c8929155f6afd750dcdeb601cd7ef6 Mon Sep 17 00:00:00 2001
From: Jessica Wang <jessica@cloud.com>
Date: Wed, 20 Oct 2010 11:29:47 -0700
Subject: [PATCH] new UI - highlight(select) domain tree node when it's being
 clicked.

---
 ui/new/index.jsp                     | 18 ++++++++++--------
 ui/new/scripts/cloud.core2.domain.js | 13 ++++++++++---
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/ui/new/index.jsp b/ui/new/index.jsp
index 89536730885..e38b563bf7e 100644
--- a/ui/new/index.jsp
+++ b/ui/new/index.jsp
@@ -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>
diff --git a/ui/new/scripts/cloud.core2.domain.js b/ui/new/scripts/cloud.core2.domain.js
index bb1b5e172bf..854c508c129 100644
--- a/ui/new/scripts/cloud.core2.domain.js
+++ b/ui/new/scripts/cloud.core2.domain.js
@@ -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);