From c3d3ab98b8052f58c0edb82fc27b4b521753c08b Mon Sep 17 00:00:00 2001
From: Jessica Wang <jessica@cloud.com>
Date: Fri, 29 Oct 2010 19:05:09 -0700
Subject: [PATCH] new UI - show spinning wheel in middle menu before data is
 fully loaded into middle menu.

---
 ui/new/index.jsp              | 15 +++++++++++++--
 ui/new/scripts/cloud.core2.js |  8 ++++++--
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/ui/new/index.jsp b/ui/new/index.jsp
index 16725e9c44e..4716f0e705a 100644
--- a/ui/new/index.jsp
+++ b/ui/new/index.jsp
@@ -316,8 +316,19 @@ long milliseconds = new Date().getTime();
                 </div>
                 <!-- Mid Menu starts here-->
                 <div class="midmenu_panel" id="middle_menu">
-                    <div class="midmenu_box" id="midmenu_container">
-                    	<div class="midmenu_emptymsgbox"><p>No Items Available</p></div>
+                    <div class="midmenu_box" id="midmenu_box">
+                        <div id="midmenu_spinning_wheel" class="midmenu_mainloaderbox" style="display: none;">
+                            <div class="midmenu_mainloader_animatedicon">
+                            </div>
+                            <p>
+                                Loading &hellip;</p>
+                        </div>
+                        <div id="midmenu_container">
+                            <div class="midmenu_emptymsgbox">
+                                <p>
+                                    No Items Available</p>
+                            </div>
+                        </div>
                     </div>
                 </div>
                 <!-- Mid Menu ends here-->
diff --git a/ui/new/scripts/cloud.core2.js b/ui/new/scripts/cloud.core2.js
index c1ad6e576bd..5aeff8b8171 100644
--- a/ui/new/scripts/cloud.core2.js
+++ b/ui/new/scripts/cloud.core2.js
@@ -933,7 +933,9 @@ function listMidMenuItems2(commandString, jsonResponse1, jsonResponse2, toMidmen
                     }                 
                 }  
                 count = items.length;
-            }             
+            }  
+            $("#midmenu_container").show();
+	        $("#midmenu_spinning_wheel").hide();           
         }
     });	 
     
@@ -941,8 +943,10 @@ function listMidMenuItems2(commandString, jsonResponse1, jsonResponse2, toMidmen
 }
 
 function listMidMenuItems(commandString, jsonResponse1, jsonResponse2, rightPanelJSP, afterLoadRightPanelJSPFn, toMidmenuFn, toRightPanelFn, getMidmenuIdFn, isMultipleSelectionInMidMenu) { 
-	showMiddleMenu();	
 	clearMiddleMenu();
+	showMiddleMenu();	
+	$("#midmenu_container").hide();
+	$("#midmenu_spinning_wheel").show();
 	
 	$("#right_panel").load(rightPanelJSP, function(){     
 		var $actionLink = $("#right_panel_content #tab_content_details #action_link");