From 70750d7b38862d361cedf58c1320a961e8584a9c Mon Sep 17 00:00:00 2001 From: NIKITA Date: Mon, 13 Sep 2010 15:59:03 -0700 Subject: [PATCH] UI for Grid info and error msgs --- ui/new/css/main.css | 74 ++++++++++++++++++++++++--- ui/new/images/close_button.png | Bin 0 -> 1051 bytes ui/new/images/close_button_hover.png | Bin 0 -> 1135 bytes ui/new/images/errormsg_bg.gif | Bin 0 -> 136 bytes ui/new/images/infomsg_bg.gif | Bin 0 -> 188 bytes ui/new/jsp/account.jsp | 18 ++++++- 6 files changed, 84 insertions(+), 8 deletions(-) create mode 100644 ui/new/images/close_button.png create mode 100644 ui/new/images/close_button_hover.png create mode 100644 ui/new/images/errormsg_bg.gif create mode 100644 ui/new/images/infomsg_bg.gif diff --git a/ui/new/css/main.css b/ui/new/css/main.css index e55f56cb27c..1ce8a4d17bd 100644 --- a/ui/new/css/main.css +++ b/ui/new/css/main.css @@ -232,7 +232,7 @@ a:visited { width:420px; height:auto; float:left; - background:#ffe5e5 repeat top left; + background:#ffe5e5 url(../images/errormsg_bg.gif) repeat-x top left; border:1px solid #CCC; margin:7px 0 0 0; padding:0 0 5px 0; @@ -2131,7 +2131,7 @@ a:visited { width:100%; height:auto; float:left; - background:#fffbe6 repeat top left; + background:#fffbe6 url(../images/infomsg_bg.gif) repeat-x top left; border:1px dashed #CCC; color:#333; margin:0 0 0 0; @@ -2149,7 +2149,7 @@ a:visited { } .info_detailbox.errorbox { - background:#ffe5e5 repeat top left; + background:#ffe5e5 url(../images/errormsg_bg.gif) repeat-x top left; color:#a90000; } @@ -2215,8 +2215,7 @@ a:visited { 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; + padding:2px 5px 0 0; z-index:1001; right:0; } @@ -2243,6 +2242,68 @@ a:visited { padding:0; } +.gridheader_message { + width:auto; + height:20px; + float:right; + position:absolute; + border-left:1px solid #999; + background:#fffbe6 url(../images/infomsg_bg.gif) repeat-x top left; + margin:0px 0 0 0; + padding:0 5px 0 0; + z-index:1005; + right:0; +} + +.gridheader_message p { + width:auto; + height:auto; + float:left; + color:#333; + font-size:11px; + font-size:11px; + font-weight:bold; + margin:2px 0 0 5px; + display:inline; + padding:0; +} + + +.gridheader_message.error { + background:#ffe5e5 url(../images/errormsg_bg.gif) repeat-x top left; +} + +.gridheader_message.error p{ + width:auto; + height:auto; + float:left; + color:#ae0000; + font-size:11px; + font-size:11px; + font-weight:bold; + margin:2px 0 0 5px; + display:inline; + padding:0; +} + +.close_button { + width:38px; + height:17px; + float:left; + background:url(../images/close_button.png) no-repeat top left; + display:inline; + padding:0; + cursor:pointer; + cursor:hand; + margin:1px 0 0 5px; + padding:0; + +} + +.close_button:hover{ + background:url(../images/close_button_hover.png) no-repeat top left; +} + .grid_editbox { width:27px; height:17px; @@ -2311,5 +2372,6 @@ a:visited { top:17px; right:6px; margin:0; - padding:0 + padding:0; + z-index:1002; } \ No newline at end of file diff --git a/ui/new/images/close_button.png b/ui/new/images/close_button.png new file mode 100644 index 0000000000000000000000000000000000000000..593048b0e46ae6ad736a0e4d0822adff6ea6c514 GIT binary patch literal 1051 zcmV+$1mydPP)MC$ef$5_t5;*S7VL}i@^ZLOKy*${4wzoLbScDFPo6x%XB8L_}pAXvZ}1Nqy4Sd0vF<^pjFFfB5G z(qb1V04V{`2xMRYC0b+vN@brveyvkZ?OJz^*= zEoEqIY-G^X)MRjXcV{p&GlQ!Gf}@Pbjvf0iCnv{1DY$m+S`7=(Ws`-3gmRgfn8-Hh z?c2AYVycy@=?ox1aaGKkFc?HHHRzzYWUNEM#myg(L01P?M^{I&P;ttlQ>8dcv$>0i z{)GqyCx3vnViCc`4jtv|dxs6NcB|M2$9MVi<#M^)d#Aw&1bj>+5)avIR_PRv$K@Iz z4cQgT2!M0#FztfSu7UMf;nlRf@juhwG3wGulHz_V6KzN#B@3x z^`WAs*XyZYsZi;zSMRSAlz2IS%@5D&%&1Q45M}7{6L-h%+K@do> zSX3X$vRBpjeP1~}7z_k-mGye9XBn4qz_{?asBshkfenHE1kReBb7DT9OTAtfCZ0?t zrBo{E%Z~z~Ypqt3e!nl{@mL$#^E}<>2Y~l_u23jQI-L&Ba$XVDYBh}YjpOx)1%bY^ zZTpo2?k}2g2~Z(cs}(gnW22AW*mq#&6RLObIF2?qb^ID2;W#|@`#sn0Xf$fFs$X#- V=H13%LVExJ002ovPDHLkV1kvf?NR^$ literal 0 HcmV?d00001 diff --git a/ui/new/images/close_button_hover.png b/ui/new/images/close_button_hover.png new file mode 100644 index 0000000000000000000000000000000000000000..db1f19c0949d867747214ffeefadd1e6bf1ba9bc GIT binary patch literal 1135 zcmV-#1d#iQP))y6LEEQWn=&;2VtG=J^yRAUV>=H zrV=247=VJ+Ky&}^yz%lsE^zzy?f)#FK7HbT`t&J-HV*>>h{guKef!1$5J1>mi4IIa ziogoiTzbmz>Bk?2Br|zTWv~E%`2<9VEI1CPrysrr@zs+jPw-g<21L0DAb=P^iq4%o z_n#8*=g*)2z##2n*uH)H)nC7U{RiP$$L{`zvA14*3ib<#oxJkw|2Ln%fyF>$|zUx48ccBh3TC&T_5PZ=b6*%`in{|*+Lar6#Dr?Wgm@utfR>cX60 z_L=)H7~XvP%8;lp&H&R3j-QN-32M-=}0|XE(V2y$NZ9ptWhB#(o+iV7km!9xkRT z!~y63`}dE*NP?RoeeFdC6DeK>hZ)D<>VQCt>D8-O3_pJS0OP8ix4?AVs!MRO%g;YD z9KH9N;oj>{4Bf7Z4A~p6F&F|34Am53a8M9{s{?|gjK_{0`!6Ra$3Q8#cI{dX3(#eg zg@lB1nV6W!Ht6l!x1eIGm8$6sAix-*We>=}E_QbIQe|aj22oK_1~xV}26_NcHU#Et zhP!v~G61u7H_%aK;9?4x)}(#x3GIQ94=L%WAM!@_e<7@mIo z$x!8}%-}rxB*UU`eFk2j$EF;62o^(Di_As_Ah!U4Hxn@UPP~5o8Weme7?immz59wH z2FjoFPCW#(K>$SWy7ijDM@+{h1gdhz)0+gdLj%5AAV#AU4Dt-`Ilb|yll)2;W{E<%b^7X zn69>wW@tY2m|@ZRXAEC{{biWur3@CIbM7U>xffr+>bzBi7=&2=!`1G+`xY!-U@iqW z3kIP4kBqBVuU24TVY#oTr^i4^nL!NzDj^;|dcCmB)tot z*8kw(|JBw1;^P0~bT~jsaqx qNTROE;l2kU&xBy#!lLg>;s1q(aM*AdkB*0O`2aYd(5Q480RTJi=S)HX literal 0 HcmV?d00001 diff --git a/ui/new/images/infomsg_bg.gif b/ui/new/images/infomsg_bg.gif new file mode 100644 index 0000000000000000000000000000000000000000..dda40b6dc1ab64ffa0e9fecc20d47eb6cf5cd7c5 GIT binary patch literal 188 zcmZ?wbhEHbWMdF!IKsg2|M#>1zn}j9_2B={oBw}5{{QRV|6h;(|GfSG$Myf;&;9>? z`u~rs|G%C3|LyGm?`Qx2xbXk`h5tV;{r?U`r~dyq_y6bh|385WPBY*Dia%MvGCCj< zWG4fwrGl}q&q@vPRTjLr)e4*fFEC&A7xCP^C1U^4MNJw?TFpy79mo-z7tmOewIYi1 TMoz+M){6ZPHvEugVz34P#?)Yt literal 0 HcmV?d00001 diff --git a/ui/new/jsp/account.jsp b/ui/new/jsp/account.jsp index 67421dbd2c5..2f69b65f083 100644 --- a/ui/new/jsp/account.jsp +++ b/ui/new/jsp/account.jsp @@ -29,14 +29,28 @@
- -
+
+ + +
+

Disk has been succesfully dettached …

+
+
+ +