From e741b7272fbbd704919777cc62e055ccfe095286 Mon Sep 17 00:00:00 2001
From: NIKITA <nikita@cloud.com>
Date: Fri, 10 Sep 2010 12:09:11 -0700
Subject: [PATCH] Loading for grid header

---
 ui/new/css/main.css                    |  35 +++++++++++++++++++++++++
 ui/new/images/grid_actionloader.gif    | Bin 0 -> 847 bytes
 ui/new/images/gridheader_loadingbg.gif | Bin 0 -> 130 bytes
 ui/new/jsp/instance.jsp                |  17 ++++++++----
 4 files changed, 47 insertions(+), 5 deletions(-)
 create mode 100644 ui/new/images/grid_actionloader.gif
 create mode 100644 ui/new/images/gridheader_loadingbg.gif

diff --git a/ui/new/css/main.css b/ui/new/css/main.css
index 8998cae70fe..ecb08741008 100644
--- a/ui/new/css/main.css
+++ b/ui/new/css/main.css
@@ -2141,6 +2141,41 @@ a:visited {
 	background:url(../images/grid_actions_hover.png) no-repeat top left;
 }
 
+.gridheader_loaderbox {
+	width:auto;
+	height:20px;
+	float:right;
+	position:absolute;
+	background:#99b2c3 url(../images/gridheader_loadingbg.gif) repeat-x top left;
+	border-left:1px solid #999;
+	margin:0px 0 0 0;
+	padding:0;
+	z-index:1001;
+	right:0;
+}
+
+.gridheader_loaderbox p{
+	width:auto;
+	height:auto;
+	float:left;
+	color:#FFF;
+	font-size:11px;
+	font-weight:bold;
+	margin:2px 5px 0 5px;
+	display:inline;
+	padding:0;
+}
+
+.gridheader_loader {
+	width:16px;
+	height:16px;
+	float:left;
+	background:url(../images/grid_actionloader.gif) no-repeat top left;
+	margin:0 0 0 5px;
+	display:inline;
+	padding:0;
+}
+
 .grid_editbox {
 	width:27px;
 	height:17px;
diff --git a/ui/new/images/grid_actionloader.gif b/ui/new/images/grid_actionloader.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6b096585f807e8f55f1b02191a757ae40e24067b
GIT binary patch
literal 847
zcmZ?wbhEHb6krfw_`<+2bJOAf|Nqb4eB}At4=1nP|NZCByH8(N>^-yl^tG?wf1JPd
z=<5Avi+7$pc;VLiLl+*tczgTFD+W@4;(u;G*N|Xm#{gF&Jp*P&pkBp)QqD!Gi6yBi
z3gww4848J6i4{5di79%Sd1?6!ia%L6xqzy4K(>G!$-o+*pwO3+Id7?fNRFabOTwzP
zGenL}lrnAjz;?5vA-b2vhAFc(V4^@PV`uB4zBQUU4W3ay7O5nC*yS;4f<?;;Q#IL&
zPSb1!8)1=8m9j_Q_d8*;Btt==%l%SMhL+UP2P;-MsJPZ1IB@XVQ6`R_DGjL^B0@X|
z4=6YYa`_x+_>dgv-pu5*<>|Hn(-{gjt4u>v0=H?uP};XReTu;fv2}|U_B&<^oL6>a
z;I;`cH(<BnWN9$qi)6FV;^k~tR>Wp`0?>!bpC@SC67kUDIuanlsk@}z@V#*(mzDEr
zL+>pfElm&EJoIL$+}v2nz#*{j;u+Q(S=@S!;Vuq$_#zn=8F+Atwdxr3IbGrE%NFo@
z_Le8q-n5*VrA8&2H%616ryHxKL6Bf=P?*AGD00+cMYFRU+Zyp>+1*WZ7!{qKB-k@F
zZfDvzLD{v*qRJ^Sq9J*A?xHeoA*F>1FAptFXiRA14Ru>4S#(E|Z)w46&ChB78?agf
z@*6PrRygpu8VVdbDUlm1aeSwQN6&?}8yf5aT`VR{3ePokB$l};CVDVL1kd1T%r#xI
zl`+Z1V+$L@s-1~RI$V9K4F$$x$w!nosQ=)7qr`4vW*(rX6`|jt(bKDf)zWyVr5-?!
zaV&E%VK}tun4^;CM2-!!7AA1m<+ZYU8mM$g^vZdgZ{qdPVL#ZZThgr6)a)uHBCzDJ
t?!|-^9SH}RehL_Na!72L?$FQYY@WfPZ^)9y8l&0Wqo&AU4N9J1000Q&6mS3l

literal 0
HcmV?d00001

diff --git a/ui/new/images/gridheader_loadingbg.gif b/ui/new/images/gridheader_loadingbg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6cb13eabcf234a2057d45fa813794c95543bfed0
GIT binary patch
literal 130
zcmV-|0Db>QNk%w1VF&;b0J8u9nX<#V&D*ug*s;ddp0>uJxyilI-J7(<z|-KY!qKR|
z&ZWG}slU#oyv(h_(ZSQ;A^8LV00000EC2ui00;mP000Cp5Isbzx%h_7xA@>UjO3V{
kr*kq2tGrCJ$n&xkc#ac%&mX`b5I`&%kI1BQS&RSxJ3^2@ZvX%Q

literal 0
HcmV?d00001

diff --git a/ui/new/jsp/instance.jsp b/ui/new/jsp/instance.jsp
index fad0ab5f9c2..b81431769bc 100644
--- a/ui/new/jsp/instance.jsp
+++ b/ui/new/jsp/instance.jsp
@@ -145,17 +145,21 @@
     
     <!--Volume tab (start)-->
     <div style="display:none;" id="tab_content_volume">
-        <!--  
+          
         <div class="grid_container" id="volume_tab_template" style="display:block">
 	        <div class="grid_header">
        	        <div class="grid_header_title" id="name"></div>
-                <div class="grid_actionbox" id="volume_action_link">
+                <div class="grid_actionbox" id="volume_action_link" style="display:block;">
                     <div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">	                    
 	                    <ul class="actionsdropdown_boxlist" id="action_list">
                     	    <li> <a href="#"> Delete </a> </li>
                             <li> <a href="#"> Attach Disk </a> </li>
                         </ul>	                    
 	                </div>        
+                </div>
+                <div class="gridheader_loaderbox">
+                    <div class="gridheader_loader"></div>
+                    <p> Creating Template &hellip; </p>
                 </div>       
             </div>
             <div class="grid_rows even">
@@ -194,8 +198,9 @@
                     <div class="row_celltitles" id="created"></div>
                 </div>
             </div>
-        </div>    
-        -->
+        </div>  
+          
+     
     </div>
     <!--Volume tab (end)-->
     
@@ -773,7 +778,9 @@
 	            <ul class="actionsdropdown_boxlist" id="action_list">
 	            </ul>
 	        </div>        
-        </div>       
+        </div>
+        
+               
     </div>
     <div class="grid_rows even">
         <div class="grid_row_cell" style="width: 20%;">