From c27f8be33efdb7aa7c3a8d4034aafd4b3d2c2360 Mon Sep 17 00:00:00 2001
From: NIKITA <nikita@cloud.com>
Date: Thu, 9 Sep 2010 18:12:35 -0700
Subject: [PATCH] New dropdown for grid actionbox added

---
 ui/new/css/main.css                  |  14 +++++++++++++
 ui/new/images/grid_actions_hover.png | Bin 1083 -> 1274 bytes
 ui/new/jsp/instance.jsp              |  30 ++++++++++++++++++---------
 3 files changed, 34 insertions(+), 10 deletions(-)

diff --git a/ui/new/css/main.css b/ui/new/css/main.css
index ede5cacfae2..8cfe0b0681c 100644
--- a/ui/new/css/main.css
+++ b/ui/new/css/main.css
@@ -2089,6 +2089,7 @@ a:visited {
 	width:100%;
 	height:20px;
 	float:left;
+	position:relative;
 	background:url(../images/grid_headerbg.gif) repeat-x top left;
 	margin:0;
 	padding:0;
@@ -2194,4 +2195,17 @@ a:visited {
 
 .grid_details_row.odd {
 	background:#f0f3f5 repeat top left;
+}
+
+.grid_actionsdropdown_box {
+	width:109px;
+	height:auto;
+	float:left;
+	position:absolute;
+	background:#FFF repeat top left;
+	border:1px solid #CCC;
+	top:17px;
+	right:6px;
+	margin:0;
+	padding:0
 }
\ No newline at end of file
diff --git a/ui/new/images/grid_actions_hover.png b/ui/new/images/grid_actions_hover.png
index de19b924fcbce9d14ca974e351c186323f50ddcd..25a6f7e8bbca7d73dfdb2046afc6e3edf917b3c1 100644
GIT binary patch
delta 1230
zcmV;<1Tp)&2>J<-83+ad00AIuC25f%Cw~N-Nkl<Zc-mszwQCmx5d3F=0#{d8MiwCb
z&(6+{ftiJc;mzwe46|m={?CX_B|rdy1m^(R$uL1CU0uCoMMWis`}ZC&2nYx;FuS|E
z$$t3o-bheTfZ@lF9}EBi1kzG{<nYm!vhq@(21bSn{Sz2|{rbg#3_vbmu(Gydcz^fq
zJp%_PCxeBh1;d{|e^3+w1Q3Rc(7;@v3sYEtR{gK8sbXMbV`KRL|35=ReIv3Wkjw8g
zNlQyJu(Gl;%$Yrxfsv7s0mKL4#-;`^4Ft`MJ9g~+Z(?f7z{AbO@bl+ShU3RipxDR6
z#8|@uBpA<~J@X$)5Zz6!009JcIDgP*|F2!W2DT35uKa>LhK(CHF}!^7lHvRJ?+o~W
zmbMl{cz75i$e=41&R^693EJA(GMJm2fejE77i0MM?;pdIDN`AK|N4#BFatyVtDx|H
zFDEYt7U1OM0J}<DLLAKh`|m%4q@*N<MtOO8hKCOyA`86-dkyHD|9rf>aDP!y2)=#y
zj^PIZZ-Kz4&z~9G+*}y}0tgnl#z4Fch{YI)2X}xt0vOO|LEh>*e(Xf)-@ktuI5;>M
zw6wGs%q`3qrcawe$Pg7~X67?Mx|`X-!Ex97_wN}*MMW8kONtm26y(84+Y*>2l@t{j
zE?&HZ(-ct5GBPn)vwZ#Xm4AVUhX<S<K!Tvu_5v7F62L&dbN4P-4j%yNXJKb&X8_^U
zv=nd*-Me?6;oyOT4DktZ3~ugj3<d`J3>!CW0&4)J_k_fFFdLYE5xHj7%GLk>{r?B%
z`1<;Q!v&I3nZQZ<(W6JGc@bC$AZI-$MkWRpE?^!2NpNv-0sY6!@PF>(Ck7s1x&cKq
zD11JB`h?dzAOl(0*jT%HxOqxJUb%SwJcF2+7{g~~7KWG4pMe$e^YP&g*e_qdbW<gr
z00gMDYE}{mqv(~i478ysaFMthEtt^^tW67(B%w|95<P)EL_I;zVwMXRLs^FFejRf}
z8XF<Yzkcq$Iu#i~fqw@^_&$gE&fI&>xnn(qu!~ugyuB?#&8R`A(}7{ZiRBUm0d3@?
zX6+%79V`20kVNS;cLpR}t2wePgXEV$#U_Qr^C;vc{x5xyW+^E_nH#8=buQ0e(0p$4
zMd5+MPf`((l$Xft-(26&CSL@S;OyKiD2fcBP>=(ni$q`FY=01q#b5+APL<QN5*YW!
zpUHd&o$n9$_leB<D;_q{7Y6BFk|da#p5iq{UPZ4!<|xDKl~|OMi_Dfttbu|RENU9$
z&+-F@Y;J9U*XteFS5*~Gj&mPtI-htDnXD*^%iWirH(YKPG%(@D9v?X#2$aK-#Rv~6
zkH^ENC6b0=fPY!9L!;4v31Lv>>GUDnD;{5ESLE~OP$=|b=Ij0T5uTJ;`mMX&pAn)J
zHH?%85XA*}!oJeO91c4K0{&j6W4oRxj{8xhm&-iUCi}#Hg8F6N{c>NO$ZVs!OQVia
zeq#$)7ndAMrfGr?hexk%Hn_u<RI634Ac>F?$x5aFfIIZo?(i4IHd`C51*ueO7dMhl
s=QvL|OU%OniNDoq<M$2^ybo)?16k42nb{%H`2YX_07*qoM6N<$f<I0~FaQ7m

delta 1037
zcmV+o1oHd(3A+f883+OZ00FNKvObX^Cw~LoNkl<Zc-mt8|NsB)-MbmUz}3~2Vb`u*
zAHMzg`Sa(?7ccvICNQGO0|XG`)vH&ZK79(|Gws~ITTxl{%B5?%I=Uz_00G2!@7}$M
z6DOu;WikB!KXdwY1|+}&#1^L3Up{@~<KqP~kmUdZ2*o-$kd~I#($Zr7@Zp1^qJN^T
zlaq*;*xcE(Z-c?vvuD-S)tTgF72UkN=1iT*%f}C71JQ&D6M*EMJ9ikDFIgq0D6gue
z`S#753n$OOjWxG2!Dk;p0D<I|E?s*1^l1j-fT^izbaXV!@#DvD-Mr1uCm<&;7oCv!
z_3IZwKHjI#p3Rvt3#&GuVxSflAb*gPQ2_EqghUwr{pIB5W&(y4D?3CG4y<i0j~+e_
z4M`RjkR#WwS<lSCN~9zIGW-q>2?PirkhV{sKAk^*{@1Tx_%(2Gap~&n^6~L8-nw;b
z=FFLY{`?`v9-!OO)6<zXH8o$qehuU|wzlf%=!8T>7#kYCd-o0^hz9=s`+o;?6wAjC
zpMaqUa_hf;l5+B|U%wTTkofZD8$=Kj0M#>ld-`y2aORbjva+(geerVLiq(durUoV^
z*DqZGiUScB7k5Qfxuc`Q#q*aq*g063Ss3TeUhx0lf1m-LfxZHKJWQ-?fB*d1vUcN_
z&tKqXGchs!2Ln*zWMX9D<bUL3WMBkxfI1&Nd@3O;{qW{3VId)iL73n_!+%h?UAcGz
zqKzN`YS7WwASZqR0+doUEeS+X)aOi7&iFBE)<jf`aMV9wL6JhEwT);MQok!`Q*8v1
zS_I(;VeVZ8skm@uj!n>{<~Uz=rz!g&Na-#f!@ImW_ug~vK~|Np6MyA$888Jw`1A27
zK~a>?=VMtm91aJAL30qYEQ3!J3WcE<Fbsoqy<UfNKb7h$%JI>WBuO+)LqX$0f_P%F
zSTdPJrBaFK^B|aEj^j3C95*l-0CsGBSp{B50`I)MWYXzMr8+JcG?z$lxG0K-KA=5b
z>vlc9!G<HaxiGdyvwwNb^LB*dV32<Q6iLRnwqYK{o8mX~Lg?Ty#W2j*%SPk=^yJK<
z2L2ByILyTB_34`a-Ymkvm`KtA1kTURMx!gl1kNxss;afy-DmN!Ew$Y)&yT9JnG4Y7
z?%qxyFf9nJY~~y=Tu%2p9XJLkrl*h&()J<ETBR0UTQvrDLweT+eKizeHA7caz0>Iu
zlLThR9$KQy>H2j_SC={K!$~>6CD5A<fg<=^zSmV?2*VUCp4^icmll>IEMQb`@1!RQ
zN*lI5dO&jyiby26Pn84JN>9V=I06~`I}9^4!hwfEtflf-3**z1aaS}900000NkvXX
Hu0mjfV><ep

diff --git a/ui/new/jsp/instance.jsp b/ui/new/jsp/instance.jsp
index 6b514d8a86c..dbf2a4dfe15 100644
--- a/ui/new/jsp/instance.jsp
+++ b/ui/new/jsp/instance.jsp
@@ -145,10 +145,18 @@
     
     <!--Volume tab (start)-->
     <div style="display:none;" id="tab_content_volume">
-        <!--  
-    	<div class="grid_header">
-        	<div class="grid_header_title">i-2-7-JW</div>
-            <div class="grid_actionbox"></div>
+      <!--<div class="grid_container" id="volume_tab_template" style="display:none">
+        <div class="grid_header">
+            <div class="grid_header_title" id="name"></div>
+            <div class="grid_actionbox">
+            	<div class="grid_actionsdropdown_box">
+                	<ul class="actionsdropdown_boxlist" id="action_list">
+                    	<li> <a href="#"> Delete </a> </li>
+                        <li> <a href="#"> Attach Disk </a> </li>
+                    </ul>
+                </div>
+            </div>
+            
         </div>
         <div class="grid_rows even">
             <div class="grid_row_cell" style="width: 20%;">
@@ -156,16 +164,16 @@
                     ID:</div>
             </div>
             <div class="grid_row_cell" style="width: 79%;">
-                <div class="row_celltitles">6</div>
+                <div class="row_celltitles" id="id"></div>
             </div>
         </div>
         <div class="grid_rows odd">
             <div class="grid_row_cell" style="width: 20%;">
-                <div class="row_celltitles">
+               <div class="row_celltitles">
                     Type:</div>
             </div>
             <div class="grid_row_cell" style="width: 79%;">
-                <div class="row_celltitles">Root (Shared)</div>
+                <div class="row_celltitles" id="type"></div>
             </div>
         </div>
         <div class="grid_rows even">
@@ -174,7 +182,7 @@
                     Size:</div>
             </div>
             <div class="grid_row_cell" style="width: 79%;">
-                <div class="row_celltitles">8 GB</div>
+                <div class="row_celltitles" id="size"></div>
             </div>
         </div>
         <div class="grid_rows odd">
@@ -183,10 +191,12 @@
                     Created:</div>
             </div>
             <div class="grid_row_cell" style="width: 79%;">
-                <div class="row_celltitles">09/03/2010  15:06:04</div>
+                <div class="row_celltitles" id="created"></div>
             </div>
         </div>
-        -->
+    </div>-->
+    	
+        
     </div>
     <!--Volume tab (end)-->