From 01154ebf0fcd3ff6d21c21d8647d28ac597cc24d Mon Sep 17 00:00:00 2001
From: Jessica Wang <jessica@cloud.com>
Date: Thu, 4 Nov 2010 11:27:59 -0700
Subject: [PATCH] new UI - add grid header on details tab and resource tab.

---
 ui/jsp/domain.jsp               | 44 ++++++++++++++++++++++++++++++---
 ui/scripts/cloud.core.domain.js |  5 ++--
 2 files changed, 44 insertions(+), 5 deletions(-)

diff --git a/ui/jsp/domain.jsp b/ui/jsp/domain.jsp
index a85649e16aa..1f4a8ca1aa9 100644
--- a/ui/jsp/domain.jsp
+++ b/ui/jsp/domain.jsp
@@ -39,7 +39,26 @@
                    <p>Loading &hellip;</p>    
               </div>               
         </div>
-        <div class="grid_container" id="domain_grid_container">
+        <div class="grid_container" id="domain_grid_container">        
+        
+        	<div class="grid_header">
+            	<div id="grid_header_title" class="grid_header_title">(title)</div>
+                <div id="action_link" class="grid_actionbox" id="account_action_link" style="display: none;">
+                    <div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
+                        <ul class="actionsdropdown_boxlist" id="action_list">
+                        	<li><%=t.t("no.available.actions")%></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
+                display: none;">
+                    <div class="gridheader_loader" id="Div1">
+                    </div>
+                    <p id="description">
+                        Waiting &hellip;</p>
+                </div>
+            </div>        
+        
             <div class="grid_rows odd">
                 <div class="grid_row_cell" style="width: 20%;">
                     <div class="row_celltitles">
@@ -124,7 +143,26 @@
                     Updating Resource Limits.... &hellip;</p>
             </div>               
         </div>    
-        <div class="grid_container">           
+        <div class="grid_container">                   
+        
+            <div class="grid_header">
+        	    <div id="grid_header_title" class="grid_header_title"></div>
+                <div id="action_link" class="grid_actionbox" id="account_action_link">
+                    <div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
+                        <ul class="actionsdropdown_boxlist" id="action_list">
+                    	    <li><%=t.t("no.available.actions")%></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
+                display: none;">
+                    <div class="gridheader_loader" id="Div1">
+                    </div>
+                    <p id="description">
+                        Waiting &hellip;</p>
+                </div>
+            </div>        
+                
             <div class="grid_rows even">
                 <div class="grid_row_cell" style="width: 20%;">
                     <div class="row_celltitles">
@@ -198,7 +236,7 @@
 <!-- admin account tab template (begin) -->
 <div class="grid_container" id="admin_account_tab_template" style="display: none">
     <div class="grid_header">
-        <div class="grid_header_title" id="title">
+        <div class="grid_header_title" id="grid_header_title">
         </div>       
     </div> 
         
diff --git a/ui/scripts/cloud.core.domain.js b/ui/scripts/cloud.core.domain.js
index 2814ada26ec..c856fa71196 100644
--- a/ui/scripts/cloud.core.domain.js
+++ b/ui/scripts/cloud.core.domain.js
@@ -118,7 +118,7 @@ function clickExpandIcon(domainId) {
 
 function domainAccountJSONToTemplate(jsonObj, $template) {   
     $template.data("jsonObj", jsonObj);  
-    $template.find("#title").text(fromdb(jsonObj.name));
+    $template.find("#grid_header_title").text(fromdb(jsonObj.name));
     $template.find("#id").text(jsonObj.id);
     $template.find("#role").text(toRole(jsonObj.accounttype));
     $template.find("#account").text(fromdb(jsonObj.name));
@@ -157,7 +157,8 @@ function domainToRightPanel2(jsonObj) {
     $detailsTab.data("jsonObj", jsonObj);  
     var domainId = jsonObj.id;
     $detailsTab.find("#id").text(domainId);
-    $detailsTab.find("#name").text(jsonObj.name);		   
+    $detailsTab.find("#grid_header_title").text(fromdb(jsonObj.name));	
+    $detailsTab.find("#name").text(fromdb(jsonObj.name));	    	   
 			  	
   	$.ajax({
 	    cache: false,