From d7bf859d9284a0431a561de3525caf27ea4fe604 Mon Sep 17 00:00:00 2001
From: NIKITA <nikita@cloud.com>
Date: Tue, 26 Oct 2010 18:09:18 -0700
Subject: [PATCH] Loading for right panel

---
 ui/new/css/main.css               |  35 ++++++++++++++++--------------
 ui/new/images/right_loadingbg.png | Bin 0 -> 982 bytes
 ui/new/jsp/account.jsp            |  21 ++++++++++--------
 3 files changed, 31 insertions(+), 25 deletions(-)
 create mode 100644 ui/new/images/right_loadingbg.png

diff --git a/ui/new/css/main.css b/ui/new/css/main.css
index c632b501a95..4362412df21 100644
--- a/ui/new/css/main.css
+++ b/ui/new/css/main.css
@@ -2375,17 +2375,20 @@ a:hover.search_button {
 	cursor:hand;
 }
 
-.rightpanel_mainloaderbox {
-	width:auto;
+.rightpanel_mainloader_panel {
+	width:100%;
 	height:auto;
-	position:absolute;
-	top:30%;
-	left:40%;
-	background:#FFF;
-	border:1px solid #CCC;
-	margin:0;
+	float:left;
+	margin:10px 0 0 0;
+	padding:0;
+}
+
+.rightpanel_mainloaderbox {
+	width:134px;
+	height:22px;
+	background:url(../images/right_loadingbg.png) no-repeat top left;
+	margin:0 auto;
 	padding:0;
-	z-index:1008;
 }
 
 .rightpanel_mainloaderbox p{
@@ -2393,18 +2396,18 @@ a:hover.search_button {
 	height:auto;
 	float:left;
 	color:#333;
-	font-size:16px;
+	font-size:12px;
 	font-weight:normal;
-	margin:15px 10px 0 10px;
+	margin:5px 10px 0 10px;
 	display:inline;
 	padding:0;
 }
 .rightpanel_mainloader_animatedicon {
-	width:40px;
-	height:40px;
+	width:16px;
+	height:16px;
 	float:left;
-	background:url(../images/big_loading.gif) no-repeat top left;
-	margin:3px 0 0 5px;
+	background:url(../images/leftmenu_loader.gif) no-repeat top left;
+	margin:3px 0 0 25px;
 	display:inline;
 	padding:0;
 }
@@ -2921,7 +2924,7 @@ a:hover.search_button {
 
 .gridheader_loaderbox {
 	width:auto;
-	height:20px;
+	height:18px;
 	float:right;
 	position:absolute;
 	background:#99b2c3 url(../images/gridheader_loadingbg.gif) repeat-x top left;
diff --git a/ui/new/images/right_loadingbg.png b/ui/new/images/right_loadingbg.png
new file mode 100644
index 0000000000000000000000000000000000000000..e3ccdc53d4cc2d9bf2086ba919aebe4be34c5e78
GIT binary patch
literal 982
zcmV;{11bE8P)<h;3K|Lk000e1NJLTq004#n000&U1^@s7av0P^0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#cu7P-RCwBA{Qv(y!-WeM{xgsd`WVlj
zKmT7(eklVbfCXd{1G8umC58Y55XdF!K>7x`1{fF^Ff#sqSMr}CS8zB2y~8X@QFy$1
z`<DSAfI!~S(v+Ham0<wE^=C<cL6LKnm5pa0-N9g>!_UkBO0U3B`S$<c&;S4b{rZof
zq4@uAOg;=_6Z`*%Nc<O!Uq0RQALIsr0Ahq@oHIa&84o~U`~{{|7RK){3jPDr>wrcJ
z3mY2?H2)5uBN!N283r1#Ffa)WuoD;=zzOr)w@?4MI61%q5OE+46o=EuVkr92<e`QF
z1rcW9uowjX|9#7F@$%DRfB=H!j_qQcb39lW-!qIv@bQ-`!`D9s?4VNoDzJLgVi@7z
z=YK;6CLlfH0|Ep%cvQh<=641rUe1vo82=cAAO+Wx2iyKjiQF5Z!2qnqINTU6Uis7q
z5J2F-00Cej+6$!eftYy&g~VAPjs`YyZo*piY}_mte)6;J9+Bzd&woLNSKm{100YDm
zRAzjW6FUc_ghy<7AtboO<H7|7EfzJYEzGQ}?4#8Q1H)=24%UyO!2khTOrv2i$a+VE
zCNTana5FFsaHn~|0h1tz{Lb?BvkHSK|HF|T7F>Zq^38NmJEK=m<w(&;4G2ayD~6}f
zUNXoicrwDe@I}&6;=Ljw!jRzrMkb^&gZ~IVws8eg#K6Y=$05c99e*HpEQ0VL3Bo)E
zEN1;@`1a{4!>xP&z5^RvTp$sE0E0Kjp-pm73TfeF*ulxd@Br8@e*x~ojDlfVI57NW
zkYM=3paATtdwd59)BqDjA3W(mb4f2h$E6}+?jxh&HG;w0Z}toyziama6G$<*E|C;G
zS0u`JeKcf7OA&_GU(6Yvzg6l3Rc6UTJa<OJWE6m#4Z;H8rb99)Vem6E{T>aIQ2++a
ztl$*{{4B5{WE6}7NXh^uj9<_xcgE4t&rtvZEWn;JA7~&0oG`Bc{41i#&iZ9ETt+xx
zWHV&={uMOB$9)~VpbW^mq@#3@nTc_9%wohQ3RZoFe~df~m#?#d2Ez4V;}~o}&PHMW
zmmZ=5FBsTae~gCI@J<H6W~DH&Js}B95b6v+zTRSZ{pJ(H+mGTqfRg?O1_r-SMm|9R
zm`Fe?Y}0_)9*7MXM%KcFkpw^`!v!Ed2*k5si!opT0A!S#N&Q*l*Z=?k07*qoM6N<$
Ef+u#X%m4rY

literal 0
HcmV?d00001

diff --git a/ui/new/jsp/account.jsp b/ui/new/jsp/account.jsp
index 51f629085f3..861c30b96db 100644
--- a/ui/new/jsp/account.jsp
+++ b/ui/new/jsp/account.jsp
@@ -33,15 +33,11 @@
             <%=t.t("Details")%></div>
     </div> 
     <div id="tab_content_details">
-        <div class="grid_actionpanel">
-                       
-            <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
-                display: none;">
-                <div class="gridheader_loader" id="icon">
-                </div>
-                <p id="description">
-                    Detaching Disk &hellip;</p>
-            </div>                 
+        <div class="rightpanel_mainloader_panel">
+              <div class="rightpanel_mainloaderbox">
+                   <div class="rightpanel_mainloader_animatedicon"></div>
+                   <p>Loading &hellip;</p>    
+              </div>               
         </div>
         <div class="grid_container">
         	<div class="grid_header">
@@ -53,6 +49,13 @@
                         </ul>
                     </div>
                 </div>
+                <div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
+                display: none;">
+                    <div class="gridheader_loader" id="icon">
+                    </div>
+                    <p id="description">
+                        Detaching Disk &hellip;</p>
+                </div>
             </div>
             <div class="grid_rows odd">
                 <div class="grid_row_cell" style="width: 20%;">