From 6b22e512215a340612c076829dbb27757eef5db8 Mon Sep 17 00:00:00 2001 From: NIKITA Date: Fri, 17 Sep 2010 16:16:47 -0700 Subject: [PATCH] UI for Dashboard --- ui/new/css/main.css | 84 +++++++- ui/new/images/db_usedbox.gif | Bin 529 -> 537 bytes ui/new/images/dbbar_high.gif | Bin 0 -> 189 bytes ui/new/images/dbbar_low.gif | Bin 0 -> 189 bytes ui/new/images/dbbar_mid.gif | Bin 0 -> 189 bytes ui/new/images/more_button.png | Bin 0 -> 1076 bytes ui/new/images/more_button_hover.png | Bin 0 -> 1194 bytes ui/new/jsp/dashboard.jsp | 292 +++++++++++++++++++++++++++- 8 files changed, 369 insertions(+), 7 deletions(-) create mode 100644 ui/new/images/dbbar_high.gif create mode 100644 ui/new/images/dbbar_low.gif create mode 100644 ui/new/images/dbbar_mid.gif create mode 100644 ui/new/images/more_button.png create mode 100644 ui/new/images/more_button_hover.png diff --git a/ui/new/css/main.css b/ui/new/css/main.css index 7f40c2bfe23..099ef696c7d 100644 --- a/ui/new/css/main.css +++ b/ui/new/css/main.css @@ -1731,6 +1731,13 @@ a:visited { padding:0; } +.main_contentarea_dashboard { + width:auto; + min-height:1000px; + height:auto; + margin:0 0 0 10px; + padding:0; +} .main_title { width:100%; @@ -1765,7 +1772,7 @@ a:visited { width:98%; height:auto; float:left; - margin:20px 0 0 10px; + margin:10px 0 0 10px; display:inline; padding:0; } @@ -1814,7 +1821,7 @@ a:visited { height:auto; float:left; border:1px solid #CCC; - margin:10px 0 0 0; + margin:7px 0 0 0; padding:0; } @@ -1922,6 +1929,29 @@ a:visited { padding:0; } +.row_celltitles.alert { + width:100%; + height:auto; + float:left; + color:#a90000; + text-align:left; + font-size:11px; + font-weight:bold; + margin:0; + padding:0; +} + +.row_celltitles.alertdetails { + width:100%; + height:auto; + float:left; + color:#5c5c5c; + text-align:left; + font-size:11px; + font-weight:normal; + margin:6px 0 0 0; + padding:0; +} .row_celltitles a{ @@ -2277,6 +2307,22 @@ a:visited { padding:0; } +.gridheader_morebutt { + width:41px; + height:17px; + float:left; + background:url(../images/more_button.png) no-repeat top left; + margin:1px 10px 0 0; + cursor:pointer; + cursor:hand; + display:inline; + padding:0; +} + +.gridheader_morebutt:hover { + background:url(../images/more_button_hover.png) no-repeat top left; +} + .gridheader_message { width:auto; height:20px; @@ -2457,7 +2503,7 @@ a:visited { } .dbgraph_title_usedbox { - width:170px; + width:187px; height:16px; float:left; background:url(../images/db_usedbox.gif) no-repeat top left; @@ -2479,4 +2525,36 @@ a:visited { .dbgraph_title_usedbox span { font-weight:bold; +} + +.db_barbox { + height:17px; + float:left; + margin:12px 0 0 0; + border:1px solid #666; + border-left:none; +} + +.db_barbox.low { + background:url(../images/dbbar_low.gif) repeat-x top left; +} + +.db_barbox.mid { + background:url(../images/dbbar_mid.gif) repeat-x top left; +} + +.db_barbox.high { + background:url(../images/dbbar_high.gif) repeat-x top left; +} + +.db_totaltitle { + width:auto; + height:auto; + float:right; + text-align:right; + color:#333; + font-size:16px; + font-weight:bold; + margin:14px 15px 0 0; + padding:0; } \ No newline at end of file diff --git a/ui/new/images/db_usedbox.gif b/ui/new/images/db_usedbox.gif index 4370792940fbf245e222601ba2af3ad799555fb2..4a8a0a8f628197a1f00241caeb1721bb8a43d57f 100644 GIT binary patch delta 474 zcmV<00VV#C1epW}M@dFFIbpkz2O)o0SXeeTHdR$sLPA3C@9#Z5Jvli!S65f&=H@Og zE<-~@EG#TCGBPbKEkHm(XJ=;BupU|juO08P2*zD5K5eXX~iNe7^1kUKRdd+UT z-|)D6POsbVX#~RoYK$xj7XbzZ1BQo)iHeJijgF6yk&=^?m6nJF1_2BvDHRR@1qTZP zrKYE-sj922t*)=Iv9hzYwWkXQ1pycy3JeB+2M`GW#Kp$P$jQpf%+1cv(9zP<)W!)A z2L=Wi4+sSd!`0&B_{k>08E(2lPKw3%QoS_r%M@dFFIbo`i2O)n|RaG`NHdt6#LPA3C@9#Z5Jy%y(=H})(IXNya zE<-~@EG#VN=jT8`Kr%8iEiEl8D=TMbXK!zBWMpKNl$4B&j7dpJn3$Nly1FzpG{M2a zkdTlmDJi_XytcNsY;0`1ySu=^z_+)zR8&;Gy}e~+WdHyG0000000000005D$ACa&J zk;BupU|juO08P2Sf*j45;jN@g@b_zn9u06dd+UT z-|)D6POqmC3&XrIwftRm~AVYeSMs30YPM$!?TFJ7d%a<@$(X!=YMHoOi zf+*?S$+M@=E}xAoVKPy{LzppT>?mEzw5ijlZtythPyqsj6C5TS$-=d(*RNp1O8I~y Igw-GbJ7B)g`~Uy| diff --git a/ui/new/images/dbbar_high.gif b/ui/new/images/dbbar_high.gif new file mode 100644 index 0000000000000000000000000000000000000000..ca05c6f72f59dbcb92596e91bd49ad176d198dce GIT binary patch literal 189 zcmZ?wbhEHbC7hSD((#zE(+Tmx;-IUfwO* z+Wjmn+YJnsOG>seF|Cr7WgrD8{$v3w*8!0rI~iE55)}HDB+S!TurBA(z5?a*Uy|BSRc_|b~?0T|AU4KA3jC~YXCT4J5&Gw literal 0 HcmV?d00001 diff --git a/ui/new/images/dbbar_mid.gif b/ui/new/images/dbbar_mid.gif new file mode 100644 index 0000000000000000000000000000000000000000..e29fdccc532b3f4e66cbfcd8bd9900c3eabf616a GIT binary patch literal 189 zcmZ?wbhEHbJwz3Q+vX0#>dAB0+XCuv#T3^`#`wTd{E6n+N+06wj9= x+^<;p-sZu7hsFXA8;SlCtwkqmEanHalz4?ktdD3bJKb8bKcT(ChmVoL8UTm-Jm3HT literal 0 HcmV?d00001 diff --git a/ui/new/images/more_button.png b/ui/new/images/more_button.png new file mode 100644 index 0000000000000000000000000000000000000000..54ff7c98d5c712830edeb2650acec69342839ac1 GIT binary patch literal 1076 zcmV-41k3x0P)J9q9dT)1$7Av83U0VH_C_q47ng<(jZ=P?9v0K2Z^ zxXKBFfExlIECY|mab#`VMroSzUg5`K7^rC)erQ=1P18iK>taK6j_>Q5x7QR@I ztl7A;u36`U!2t959E-&Q&1O>o(l?upw0YaM#rc~t&b3-C$@p%!!*;txE|jV=lL?l~rOcN~CFyUY(deEL#`gQYjJYSr z?RJ|*DY0s`icBUWb2n==8W;|T_jls@wtp&zI^$=`1~_4 z&s2t=K|_?Af!V>qL00I`2O}V6`2OxC!{f(~=K=%}15kT4(Cq&ozyJP!{K4D*xBy5U z3&^;qPoIK~m1RM&u>pVp!s=pl0QLdM_)kCnFz|7(;8V-M^!4jkhI0>JG2D9oj^XTs zR}3Drjxd144%~bOrv2s~1JjI8o;<;8Ey->K2p|TK!gJ@&{ig^CU@OPRaO3G420o_W4EEEHGHkx`gh5k)8O)aE_{Z?{&3mw(J8!-+!1RMK$UJa3 zoj7sgzp$_{1Et{Y+qVoB78Z;E0R#(tW1!eJAQmIjygNV~0gR-xpz!Sa^XCu65d<;= zWER8i+qdC@$eH8uhi@bs3NnjHL_~z)_wV0e+;{LcnC?Ari(&h<=V11wr|-e^gEyZU z-hTNG=fm);Pv78dkXcNutgH;cs0U*nHfDxZ7oISD`1X_G@87=+zVlBqC=0NG4Ow;Z z3B%jZ-x=Nk4F!qA^f=Et&hX~*H!vGy7Sp?T?-+jk_yNZM{{3TEcjW~`vY|M`?>~PS zK$-OQr>_ib41XConHd;<{`|?Hz{kSittJfD$l7zi?p>gf<5z`zEA0MO7bc6RnsWo2asQBhF_Ha0c}dIL}q@c#XKhP!v~ zg5s+i=)f{?(FaW6(m=;Ov9`8mU}k1!7%Tvka*rN83UaIrs4$zUp`pRR$jAszjWB%d z!CMC1p1llnPCkH(U3vZyLyT4!f83;W%&H_4_G}fI}1aVqcX$7b59u7UwO$8s3Xo0s4c-T z<=8_Mb3tm5f$5Z^42nWr4ATR&8HBk|lNiWdAoqbBc?6grZMeC)Q51km5|EFItz;Rx zj@)C=5aDLMvOS=)Knrz~YW!f|nYYU$E^KSnThgzYKmFA`B7Qq6}w%1(-S`pFW)d03hhhpG;RJ3;+NC07*qo IM6N<$f^1tmi2wiq literal 0 HcmV?d00001 diff --git a/ui/new/jsp/dashboard.jsp b/ui/new/jsp/dashboard.jsp index 501071470a1..3f5be1504cf 100644 --- a/ui/new/jsp/dashboard.jsp +++ b/ui/new/jsp/dashboard.jsp @@ -35,7 +35,7 @@
-
+

Public IP Addresses

@@ -43,11 +43,295 @@
-
-
+
+
+
+
+
18.2 %
+
-
+ +
+
+
+

Private IP Addresses

+
+

Used: 2 / 10

+
+
+
+
+
+
+
+
20 %
+
+
+ +
+
+
+

Memory Allocated

+
+

Used: 2.12 GB / 3.22 GB

+
+
+
+
+
+
+
+
65.8 %
+
+
+ +
+
+
+

CPU

+
+

Used: 8 MHZ / 9.60 MHZ

+
+
+
+
+
+
+
+
83.3 %
+
+
+ +
+
+
+

Primary Storage Allocated

+
+

Used: Used: 4.00 GB / 3.50 TB

+
+
+
+
+
+
+
+
15.2 %
+
+
+ +
+
+
+

Primary Storage Used

+
+

Used: 999.17 GB / 1.75 TB

+
+
+
+
+
+
+
+
40.12 %
+
+
+ +
+
+
+

Secondary Storage Used

+
+

Used: 599.17 GB / 1.75 TB

+
+
+
+
+
+
+
+
20.12 %
+
+
+
+ + +
+
+
+
General Alerts
+
+
+
+
+
+
+
+
+
+
+
+ +
+
Alerts name
+
Details about the alert will appear here
+
+ +
+
09/17/2010 14:33:49
+
+
+ +
+
+
+
+ +
+
Alerts name
+
Details about the alert will appear here
+
+ +
+
09/17/2010 14:33:49
+
+
+ +
+
+
+
+ +
+
Alerts name
+
Details about the alert will appear here
+
+ +
+
09/17/2010 14:33:49
+
+
+ +
+
+
+
+ +
+
Alerts name
+
Details about the alert will appear here
+
+ +
+
09/17/2010 14:33:49
+
+
+ +
+
+
+
+ +
+
Alerts name
+
Details about the alert will appear here
+
+ +
+
09/17/2010 14:33:49
+
+
+
+ + + +
+
+
+
General Alerts
+
+
+
+
+
+
+
+
+
+
+
+ +
+
Alerts name
+
Details about the alert will appear here
+
+ +
+
09/17/2010 14:33:49
+
+
+ +
+
+
+
+ +
+
Alerts name
+
Details about the alert will appear here
+
+ +
+
09/17/2010 14:33:49
+
+
+ +
+
+
+
+ +
+
Alerts name
+
Details about the alert will appear here
+
+ +
+
09/17/2010 14:33:49
+
+
+ +
+
+
+
+ +
+
Alerts name
+
Details about the alert will appear here
+
+ +
+
09/17/2010 14:33:49
+
+
+ +
+
+
+
+ +
+
Alerts name
+
Details about the alert will appear here
+
+ +
+
09/17/2010 14:33:49
+
+
+
+