From bcfbfa628e95fa2d61cd7a7db98f898fa897d74b Mon Sep 17 00:00:00 2001
From: Jessica Wang <jessica@cloud.com>
Date: Thu, 16 Sep 2010 16:52:24 -0700
Subject: [PATCH] new UI - add dashboard link.

---
 ui/new/index.jsp                   |  4 ++--
 ui/new/scripts/cloud.core2.init.js | 14 ++++++++++----
 ui/new/scripts/cloud.core2.js      | 12 ++++++++++--
 3 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/ui/new/index.jsp b/ui/new/index.jsp
index 14abb69651d..0afb8418fbe 100644
--- a/ui/new/index.jsp
+++ b/ui/new/index.jsp
@@ -83,7 +83,7 @@ long milliseconds = new Date().getTime();
                 <div id="contentwrapper">
                     <!-- Action Panel starts here-->
                     <div class="actionpanel">
-                        <div class="searchpanel">
+                        <div class="searchpanel" id="search_panel">
                             <form method="post" action="#">
                             <ol>
                                 <li>
@@ -261,7 +261,7 @@ long milliseconds = new Date().getTime();
                     <!-- Right Panel ends here-->
                 </div>
                 <!-- Mid Menu starts here-->
-                <div class="midmenu_panel">
+                <div class="midmenu_panel" id="middle_menu">
                     <div class="midmenu_box" id="midmenu_container">
                     	
                         <!--  
diff --git a/ui/new/scripts/cloud.core2.init.js b/ui/new/scripts/cloud.core2.init.js
index 9aee4bbf3f0..854c184897e 100644
--- a/ui/new/scripts/cloud.core2.init.js
+++ b/ui/new/scripts/cloud.core2.init.js
@@ -24,10 +24,11 @@ $(document).ready(function() {
             selected_leftmenu_id = leftmenuId;
             $(this).addClass("selected");
             
-            $("#midmenu_container").selectable("destroy" ); //midmenu doesn't need multiple selection
+            showMiddleMenu();
+            $("#midmenu_container").selectable("destroy" ); //Most pages don't need multiple selection in middle menu.
             
             clearLeftMenu();
-            clearMidMenu();
+            clearMiddleMenu();
             
             $("#right_panel").load(rightPanelJSP, function(){                   
                 $("#right_panel_content #tab_content_details #action_message_box #close_button").bind("click", function(event){    
@@ -97,13 +98,18 @@ $(document).ready(function() {
     listMidMenuItems("leftmenu_submenu_community_iso", "listIsos&isofilter=community", "listisosresponse", "iso", "jsp/iso.jsp", afterLoadIsoJSP, isoToMidmenu, isoToRigntPanel);
         
     $("#leftmenu_instance_group_header").bind("click", function(event) {  
-        clearMidMenu(); 
+        showMiddleMenu();
+        clearMiddleMenu(); 
         var $arrowIcon = $(this).find("#arrow_icon");        
         clickInstanceGroupHeader($arrowIcon);
         return false;
     });
     
-   
+    $("#leftmenu_dashboard").bind("click", function(event) {      
+        hideMiddleMenu();
+        $("#right_panel").load("jsp/dashboard.jsp", function(){});
+        return false;
+    });
     
     
     
diff --git a/ui/new/scripts/cloud.core2.js b/ui/new/scripts/cloud.core2.js
index c5484890d10..6a36d47e97a 100644
--- a/ui/new/scripts/cloud.core2.js
+++ b/ui/new/scripts/cloud.core2.js
@@ -531,7 +531,7 @@ function clearLeftMenu() {
     }	
 } 
   
-function clearMidMenu() {
+function clearMiddleMenu() {
     $("#midmenu_container").empty();
     $("#midmenu_action_link").hide();
     $("#midmenu_add_link").hide();        
@@ -544,7 +544,15 @@ function clearRightPanel() {
 var selected_leftmenu_id = null; 
 var selected_midmenu_id = null;
  
-    
+function hideMiddleMenu() {
+    $("#middle_menu, #search_panel").hide();
+    $("#right_panel").removeClass("main_contentarea").addClass("main_contentarea_dashboard");
+}
+
+function showMiddleMenu() {
+    $("#middle_menu, #search_panel").show();
+    $("#right_panel").removeClass("main_contentarea_dashboard").addClass("main_contentarea");
+}