From 931059435ca20296c602ef9510e44b91bef64585 Mon Sep 17 00:00:00 2001
From: Jessica Wang <jessica@cloud.com>
Date: Thu, 14 Oct 2010 17:12:20 -0700
Subject: [PATCH] new UI - resources page - cluster page - implement details
 tab.

---
 ui/new/jsp/resource.jsp                | 51 +++++++++++++++++++++++++-
 ui/new/scripts/cloud.core2.resource.js | 13 ++++++-
 2 files changed, 62 insertions(+), 2 deletions(-)

diff --git a/ui/new/jsp/resource.jsp b/ui/new/jsp/resource.jsp
index 8a551a229a2..42303d0b8c7 100644
--- a/ui/new/jsp/resource.jsp
+++ b/ui/new/jsp/resource.jsp
@@ -255,7 +255,56 @@
         <!-- Details tab (end)-->
     </div>
     <div id="cluster_page" style="display:none">
-        Cluster Page
+        <div class="tabbox" style="margin-top: 15px;">
+            <div class="content_tabs on" id="tab_details">
+                <%=t.t("details")%></div>           
+        </div>
+        <!-- Details tab (start)-->
+        <div id="tab_content_details">
+            <div class="grid_container">
+                <div class="grid_rows odd">
+                    <div class="grid_row_cell" style="width: 20%;">
+                        <div class="row_celltitles">
+                            <%=t.t("ID")%>:</div>
+                    </div>
+                    <div class="grid_row_cell" style="width: 79%;">
+                        <div class="row_celltitles" id="id">
+                        </div>
+                    </div>
+                </div>
+                <div class="grid_rows even">
+                    <div class="grid_row_cell" style="width: 20%;">
+                        <div class="row_celltitles">
+                            <%=t.t("name")%>:</div>
+                    </div>
+                    <div class="grid_row_cell" style="width: 79%;">
+                        <div class="row_celltitles" id="name">
+                        </div>
+                    </div>
+                </div>
+                <div class="grid_rows odd">
+                    <div class="grid_row_cell" style="width: 20%;">
+                        <div class="row_celltitles">
+                            <%=t.t("zone")%>:</div>
+                    </div>
+                    <div class="grid_row_cell" style="width: 79%;">
+                        <div class="row_celltitles" id="zonename">
+                        </div>
+                    </div>
+                </div>
+                <div class="grid_rows even">
+                    <div class="grid_row_cell" style="width: 20%;">
+                        <div class="row_celltitles">
+                            <%=t.t("pod")%>:</div>
+                    </div>
+                    <div class="grid_row_cell" style="width: 79%;">
+                        <div class="row_celltitles" id="podname">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Details tab (end)-->
     </div>
     <div id="host_page" style="display:none">
         Host page
diff --git a/ui/new/scripts/cloud.core2.resource.js b/ui/new/scripts/cloud.core2.resource.js
index b12f7ba3481..09a70bf50f2 100644
--- a/ui/new/scripts/cloud.core2.resource.js
+++ b/ui/new/scripts/cloud.core2.resource.js
@@ -230,7 +230,7 @@ function afterLoadResourceJSP() {
 			    target.parent().parent().parent().addClass("selected");
 			    showPage($clusterPage);
 			    var jsonObj = target.data("jsonObj");
-			    //clusterObjectToRightPanel(jsonObj);				
+			    clusterJsonToDetailsTab(jsonObj);					
 				break;	
 				
 				
@@ -334,6 +334,17 @@ function afterLoadResourceJSP() {
 	}	
 	//***** pod page (end) ********************************************************************************************************
 	
+	//***** cluster page (bgein) **************************************************************************************************
+	function clusterJsonToDetailsTab(jsonObj) {	    
+	    var $detailsTab = $clusterPage.find("#tab_content_details");   
+        $detailsTab.data("jsonObj", jsonObj);           
+        $detailsTab.find("#id").text(fromdb(jsonObj.id));
+        $detailsTab.find("#name").text(fromdb(jsonObj.name));
+        $detailsTab.find("#zonename").text(fromdb(jsonObj.zonename));        
+        $detailsTab.find("#podname").text(fromdb(jsonObj.podname));            
+    }
+    //***** cluster page (end) ****************************************************************************************************
+	
 	//***** systemVM page (begin) *************************************************************************************************
     function systemvmJsonToDetailsTab(jsonObj) {	   
 	    var $detailsTab = $systemvmPage.find("#tab_content_details");