From 7e3432ac527e35d8abaafdd5f7f3e8b9ca70fde1 Mon Sep 17 00:00:00 2001
From: NIKITA <nikita@cloud.com>
Date: Thu, 26 Aug 2010 16:39:01 -0700
Subject: [PATCH] Loader for new and default list for mid menu

---
 ui/new/css/main.css             |  28 +++++++++++++++++++++++++++-
 ui/new/images/adding_loader.gif | Bin 0 -> 847 bytes
 ui/new/images/mid_addingbg.gif  | Bin 0 -> 226 bytes
 ui/new/images/mid_default.gif   | Bin 0 -> 847 bytes
 ui/new/index.jsp                |  18 +++++++++++++-----
 5 files changed, 40 insertions(+), 6 deletions(-)
 create mode 100644 ui/new/images/adding_loader.gif
 create mode 100644 ui/new/images/mid_addingbg.gif
 create mode 100644 ui/new/images/mid_default.gif

diff --git a/ui/new/css/main.css b/ui/new/css/main.css
index b4fda9542bb..3bf1a4dc769 100644
--- a/ui/new/css/main.css
+++ b/ui/new/css/main.css
@@ -1602,10 +1602,14 @@ a:visited {
 }
 
 .midmenu_content.selected{
-	background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left;
+	background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left;7497ae url(../images/mid_addingbg.gif) repeat-x top left;
 	color:#FFF;
 }
 
+.midmenu_content.adding{
+	background:#7497ae url(../images/mid_addingbg.gif) repeat-x top left;
+	color:#FFF;
+}
 /*
 .midmenu_content:hover{
 	background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left;
@@ -1613,6 +1617,9 @@ a:visited {
 }
 */
 
+
+
+
 .midmenu_icons  {
 	width:8px;
 	height:8px;
@@ -1933,6 +1940,25 @@ a:visited {
 	padding:0;
 }
 
+.midmenu_addingloader {
+	width:16px;
+	height:16px;
+	float:left;
+	background:url(../images/adding_loader.gif) no-repeat top left;
+	margin:2px 0 0 19px;
+	display:inline;
+	padding:0;
+}
+
+.midmenu_defaultloader {
+	width:16px;
+	height:16px;
+	float:left;
+	background:url(../images/mid_default.gif) no-repeat top left;
+	margin:5px 0 0 0;
+	padding:0;
+}
+
 .midmenu_infoicon {
 	width:16px;
 	height:16px;
diff --git a/ui/new/images/adding_loader.gif b/ui/new/images/adding_loader.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a901653b59c9edf72d95eafdad36caca309e3357
GIT binary patch
literal 847
zcmZ?wbhEHb6krfw_`<-@vUvOd|Nq;T?s)w2-M(`-fB*jT`orhx8xO5Lc>eRZ??*4+
zJ$v)vgf;uN9KSqo`?1?kUS7HXlz|kW_@CR)H6+;CF~HSG&w!Z`s8{iylygyPVo7R>
zLV0FMhC*UiVnt4VVv1g7URpkb;!hS%E}$wMkS!obGOz|HDD<Ud&Rc3AlB1~AlCWy+
z43T3KrA!+>u-)uvi0);vVajX`m?+T7*x9<MZ;hr-gJ;x_MJh=jc6m&iV9~O|R86*`
z(==PbMp)!irR>r7{Z7~{$xu+}a=+A*p(S<n!HN|QDz3E$4jjC8l!>EfN<(Ufh!D@g
z0}2j;Ts{XHJ|qXaH#0eHdAcpYbcTY>D$~%Ez-`(ul=dx7pJK2=Y~7-T{f^lJ=an59
zxNQQ=4cKisSsD!ZBH1jocsbjZ6|q^K0Q8~q=Ls6OL_D;(js%Es>Mm(Fd~e*yW#xR@
z(0hwVOVdL(54{;GH#b%?a0u+Xc!u>x7PnqwxQoLbzDR~e1|FPZtvUvMPFJ}4vIV@J
zz2ynDH!WvosZq)1jnU-i>Beel5F}U|6s9m4iX3%V(d;b8wnqF|c6ZYpMn$J53HA()
z+nM%FP<CyysB#L7Xh`0jyQqv?NNJ(M%R`G38WY-hL*1517TuBLTUzj1^K;t&2CUYA
z{05A@6%IVEh60C9O60~$9N#J7(Q~2gh6cMp7mEp#!gCEBiDhnzi5?6Q!814-b4{0Q
zWlVDM*uuuJYG-1S4p*OQLxHha@)6|?>OXkjD6yNEnFpw8Md&wZ^z^D=wKN`TsRz(w
z9LpR`7!GYZ=BVU3kz>QGg$W#Xd9AFT1}YsAy>i~>n|M8R*bjE<mNaWMHM>fQ2rN0Q
tdof`}N5TQ7p8|%R91<I*JM{B8n`dz78?vOa#%Ol;s3|g7gOVp0001jl66OE^

literal 0
HcmV?d00001

diff --git a/ui/new/images/mid_addingbg.gif b/ui/new/images/mid_addingbg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e401c3c8cdcf7f92d6cae5dae09854aee898c891
GIT binary patch
literal 226
zcmV<803H8FNk%w1VF~~h0K@<QbeFD{u)%<!wRf7ZkgUFgqPBLKuYR7ie4Vp-o3WX)
z!-b=_jjFtywZ)UJzj~apil@7vx5tR4xu3Vjh^4uUsJoP|z<Zpsg`~KhwZ)pV!;Y%F
zd781Av%`(4yqvVeA^8LV00000EC2ui015yV000GF;3SGsS$<8LsjH$Xu+qU=VBfgo
zSo+RegrIQ9D0+&F&4vMiRGQ9;ltQIQB-ZO<%f(<8n1Xmr7MRcIgL=(IxZm)HTz;uP
cE*wr`&)*OJfPn^sgoOZyh>41ejE5lrJA9;bRR910

literal 0
HcmV?d00001

diff --git a/ui/new/images/mid_default.gif b/ui/new/images/mid_default.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5c3bc3b3226756128aa6b33bb2e3813fb0d8d481
GIT binary patch
literal 847
zcmZ?wbhEHb6krfw_`<;O;lqc_%*;1$-n6#1u3NV*J3G6krsmeITL%vwEG{lyzI^$-
zdGj7Ve7JMx&P$gr_4oHrn>LMs6rlK@+s`#5*x50_)kx2PnGvX0@t>4)QEFmIYKlU6
zW=V!ZVpd{BPJUvFUS?ieK7-;<7EUgpDjkq5AV)H=1}G@>rDV=qY9NxMsMV6NYV8b>
zV-uxJ8$Phz>}ZJYWwBw(Yz>$w(8}1^x~OlBrcQ%r)Q?3fNgsB3OqyWPvcgnNwxZKC
zTfs(H<Wr^W(f9pM*euCVQ0Q{M)RUnlb@aiC6%Hz{wFeFyympj{qi0G(YKDjq&%px<
z4uV`h2O2&k2f8;iIc<5mEx>e!g3T(^(3HS!+Aoy$El!_eutIFzqJ{mA*#hU49T~W7
z0?ZBAZ8%vP4EQ41EVOtz+m#iuS)Ks&q4MVm8n;9|w78B0h;ZsIX*Yat+{k6+eA>`^
zi$_b-LpBe+87en7Rx)r1?7Mh|^+p!AUSqh6!yUdzhD8P*oMNpy27OLfxcagMyq>+~
z3AHyZXJ)BU$>xpG<mc(eYH1K8SQ`|kFd2#*by(5tEXTG+{8)B((;P-crzZ*a42|2F
z_DxWBZL+9x3XEt--krOsj9W-)p~A~UixV0X+IU0VmPr=fk>p!i@LKb8+W!Wu)`0v5
zjJ*{OJg$ZUhfYf5#!4LDDdEv`q3wnSyFeF<36sKe4IPPPZi<N>3=zRII2v<JmuzKB
za`D*0#;|H<Vv-J5pK3#au~_mE<qhgTc;6_oo0ypgsA)y$H)!<qs$jJ=9%`uv&|@6S
z984GvZ93+t<T;UJ!>ok~9CmrFteyrc9TL5A-sYQlJ#^R)cIuWiYc(~yN{I+8Ijnmz
rVMRy60j8e<hMgP|8>Tz-^EsPmaOfMdq_M_mcK4_$GFXF>Cl~+#CH@Oc

literal 0
HcmV?d00001

diff --git a/ui/new/index.jsp b/ui/new/index.jsp
index d7bcea9834e..c8488d8f0b8 100644
--- a/ui/new/index.jsp
+++ b/ui/new/index.jsp
@@ -65,7 +65,7 @@
                                 <li>
                                     <div class="search_textbg">
                                         <input class="text" type="text" name="search_input" />
-                                        <div style="display:none;" class="search_closebutton"></div>
+                                        <div class="search_closebutton" style="display:none;"></div>
                                     </div>
                                 </li>
                             </ol>
@@ -239,18 +239,26 @@
                 <!-- Mid Menu starts here-->
                 <div class="midmenu_panel">
                     <div class="midmenu_box" id="midmenu_container">
-                        <!--
+                    	<div class="midmenu_list">
+                        	<div class="midmenu_content adding">
+                                    <div class="midmenu_textbox">
+                                    	<p><strong>Adding &hellip;</strong></p>
+                                    </div>
+                                    <div class="midmenu_addingloader"></div>
+                             </div>
+                        </div>
+                        
                         	<div class="midmenu_list">
-                            	<div class="midmenu_content selected">
+                            	<div class="midmenu_content">
                                 	<div class="midmenu_icons"><img src="images/status_green.png" alt="Running" /></div>
                                     <div class="midmenu_textbox">
                                     	<p><strong>Instance 1</strong></p>
                                         <p>IP Address: 10.1.1.2</p>
                                     </div>
-                                    <div class="midmenu_selectedloader"></div>
+                                    <div class="midmenu_defaultloader"></div>
                                 </div>
                             </div>
-                            
+                       <!--
                             <div class="midmenu_list">
                             	<div class="midmenu_content">
                                 	<div class="midmenu_icons"><img src="images/status_red.png" alt="Running" /></div>