From 35a6e4aba83bda90c818eb0808166a4eec11610b Mon Sep 17 00:00:00 2001
From: bergware <ronald.vd.berg62@gmail.com>
Date: Mon, 24 Oct 2016 09:34:49 +0200
Subject: [PATCH] Enhanced notifications with detailed and summary view

---
 plugins/dynamix/Notifications.page        |  12 ++++++++
 plugins/dynamix/NotificationsArchive.page |   2 +-
 plugins/dynamix/default.cfg               |   1 +
 plugins/dynamix/icons/alerts.png          | Bin 0 -> 1382 bytes
 plugins/dynamix/icons/messages.png        | Bin 0 -> 1335 bytes
 plugins/dynamix/icons/paritycheck.png     | Bin 367 -> 798 bytes
 plugins/dynamix/icons/smart.png           | Bin 0 -> 1303 bytes
 plugins/dynamix/icons/warnings.png        | Bin 0 -> 1338 bytes
 plugins/dynamix/styles/default-black.css  |  28 +++++++++++++-----
 plugins/dynamix/styles/default-white.css  |  28 +++++++++++++-----
 plugins/dynamix/styles/dynamix-black.css  |  34 ++++++++++------------
 plugins/dynamix/styles/dynamix-white.css  |  34 ++++++++++------------
 12 files changed, 84 insertions(+), 55 deletions(-)
 create mode 100644 plugins/dynamix/icons/alerts.png
 create mode 100644 plugins/dynamix/icons/messages.png
 create mode 100644 plugins/dynamix/icons/smart.png
 create mode 100644 plugins/dynamix/icons/warnings.png

diff --git a/plugins/dynamix/Notifications.page b/plugins/dynamix/Notifications.page
index 97e0d524a..6d77c26a0 100644
--- a/plugins/dynamix/Notifications.page
+++ b/plugins/dynamix/Notifications.page
@@ -88,6 +88,18 @@ $(function(){
 <input type="hidden" name="plugin">
 <input type="hidden" name="docker_notify">
 <input type="hidden" name="report">
+Notifications display:
+: <select name="display" size="1">
+  <?=mk_option($notify['display'], "0", "Detailed")?>
+  <?=mk_option($notify['display'], "1", "Summarized")?>
+  </select>
+
+> In *Detailed* view all notifications will be displayed on screen as soon as they arrive.<br>
+> Notifications can be acknowledged individually or all in once.
+>
+> In *Summarized* view notifications will be counted only and the number of unread notifications is shown in the menu header per category.<br>
+> Click on the counters to either acknowledge or view the unread notifications.
+
 Date format:
 : <select name="date" size="1">
   <?=mk_option($notify['date'], "d-m-Y", "DD-MM-YYYY")?>
diff --git a/plugins/dynamix/NotificationsArchive.page b/plugins/dynamix/NotificationsArchive.page
index ed27a27a5..4d742b8af 100644
--- a/plugins/dynamix/NotificationsArchive.page
+++ b/plugins/dynamix/NotificationsArchive.page
@@ -41,7 +41,7 @@ function resize(bind) {
 }
 <?endif;?>
 function archiveList(init) {
-  $.get('/webGui/include/NotificationsArchive.php',function(data) {
+  $.get('/webGui/include/NotificationsArchive.php',{filter:'<?=$_GET['filter']?>'},function(data) {
     if (data) $('#archive_list').html(data);
     if (init) {
 <?if ($display['resize']):?>
diff --git a/plugins/dynamix/default.cfg b/plugins/dynamix/default.cfg
index c183e416e..a7b87985d 100644
--- a/plugins/dynamix/default.cfg
+++ b/plugins/dynamix/default.cfg
@@ -33,6 +33,7 @@ day="0"
 cron=""
 write=""
 [notify]
+display="0"
 date="d-m-Y"
 time="H:i"
 position="top-right"
diff --git a/plugins/dynamix/icons/alerts.png b/plugins/dynamix/icons/alerts.png
new file mode 100644
index 0000000000000000000000000000000000000000..8332bc0a0d90d533655e5af1c630b1a9472f56e1
GIT binary patch
literal 1382
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAF%}28J29*~C-V}>VM%xNb!1@J
z*w6hZk(GggnIXU@#1$y6r>Cc{uWw*rU}$J)WMpJ+Zf;>=VP$1yZEbC9Yinm`XK!!s
z;Nalm;^OY^?&<02?d|RB>+9#|=kM<y5D*X;7#I{36dW8J5)u*?78V{J9upH27Z;b1
zkdT;|n3|fJmX?;Do}QVRnU|MWP*6}*R8(ACTwY#YQBhG@Sy@$8Ra;xz*4Eb3)6>`2
zcktjrpp!<yXb8|J1Ri9`76J1KLrIWd@c)qw7=pjEs{%uvv%n*=n1O-sFbFdq&tH)O
z6qG1&jVKAuPb(=;EJ|f4NX*PD(aTFMQ83Xn(6h`juJZ$`+3)G%7@`rpw(llilYxM1
zVU)m;*gFSUU6028`~Q61<%L?EzmEA@?NnbLT+n4-$o0qP@1pfFjyqPxPYd$VWZ--3
z$@jx#Er+a9Zd}9S>53ObFCNTN>nQBnHs$*9=$c8a{B^-eM<1PAZ2qJ$T6$X&_xUf&
z^3x8S5S-{(cP-dR(o)GxV&=K+!U^Y2Y?SWzU|A<2@#F^Yipd;L{=7&}W*0chmhRFN
z#&DNSb>X$S9T}NFbdyTOj<~%&opiMPm8gBNi2o(KnRb_7E>Q!eJWp3Ymvv4FO#ls#
Bw0r;n

literal 0
HcmV?d00001

diff --git a/plugins/dynamix/icons/messages.png b/plugins/dynamix/icons/messages.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf35e4685beb03af0db053ea04b3903511e279bf
GIT binary patch
literal 1335
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAF%}28J29*~C-V}>VM%xNb!1@J
z*w6hZk(GggnIXU@#1$xRU|?WqXlP_)WNd6~Zf<UEZSCOT;N;}w;^N}w=H}ty;pyq=
z>+9?1=jZS59}y7|6BCn=kdU05oRX4~m6cUoTwGF8QdwD9RaI42S65$O-_+F9($dn=
z(b3u2+11r`@Zdq9Eu&yG1O{OU>@Uqf4$LPEB|(0{|3@}p2>#Bl3XCGo0*}aI1_r*v
zAk26?e?<yVP@=>&q9iy!t)x7$D3zfgF*C13FE6!3!9>qM&oalj&JU<&f~SjPh(_?<
zzLR{-20SjAcLEk%*i^Du`pJL$OGo5{7Iwu|20fa&r+M-YdzHTMn;}<HY(f^hUcBI{
zU4BKuVUCfBqV?+l!-%uSWmBSE|0Vr<vA8E)&$0F6!TF0i3dOGaCOwEd+55D*lToB2
zZ{yuZj|J{r4tyODv|f?p*`~kCj>*Vna2MWPny(^oRA0I?bk1ysTc<ZA&EIak8kFul
MUHx3vIVCg!0A7NXvj6}9

literal 0
HcmV?d00001

diff --git a/plugins/dynamix/icons/paritycheck.png b/plugins/dynamix/icons/paritycheck.png
index 4f0717d08903489e9df37f028cacc5f2c8eae486..20db380f92f1f5e6643662b2507f5580d916e450 100644
GIT binary patch
delta 774
zcmV+h1Nr>#0-gqtB!35VNliru*9jdJ5FKBobQb^s010qNS#tmY9>D+r9>D>_X;f1H
z000DMK}|sb0I`n?{9y$E00ON^L_t(|+Le-RNK;W5$Di$P?akTVH8;J=!lhzm5=8Yu
zFbHxfsbys(^a=(>=(h;TqHlrw9KBgmL>3fc6o^q&T3QO~Hh=f#HU~nHh-~-Vd+xoR
zyGW)9*>gGfz<JK^|NNilUV#6Irk+|){p|ytnP=2`;Uo7CdU8y*HmyoiW!-IJ1Fs_Q
z*DY}Po;wXY=|a$`wSZW*dSiti&kn}l$^Qj6-mURi4VJc|d>XL8Lm(W2NH_`{i*HK#
zv_R{dmg@5ZCx6bah8ynuh6@V_Eb=fp?S;Thm`4n&`Ox)+Nw?7Yx@9lM{3Em0c--lx
z7sj7V4ND0!ERW4dD$_Iw<eB#RAQ*`7n8R70u8%Q)ipb9OH^&Pt1$LEE1*6_^=|Vfl
zVTa9V?x0D}BB@M8Lr_WaB8z#trtx_!)1{o}1pC6$B7aZ{1(Z2UD2vhD?a0mRa5x;q
zHinST4|^0Cc9b>AinYp%tJ{<##OmVn2?)l*pin9xKhF*pn>lUUJM9Noa#7q;d<e2P
zRRBiZ>8ZZDoht+$HuWXRP;~LR1k8kjzzG<5L4s!h#S^02nzf*}7=T}V0XbXG7<j~9
znRu{YxqmDmz4}h|Cm9CmV$nJ9`-0#ja3nA*b~-JOZKcgdV8&pirx&seDZmWtCaZRZ
zfD{95gGrP^y4gsKz){@ovexM>+m7jtNf1yNKoo#q`V2)??J|tewPDXL{R#mohAw|3
zBCKv-w#u}D!<~kL?I0v42%Cb+1{Vly0@P|h<bRYOEy0Mr^p}7XBR9S#>kX=trp+~#
zTK#tr@elH`DHwg`Cs{ID#t+tF8hFHAczd<1RJPXdOYFtVn|tk)JVFG1k`pm=?m%f=
zFhBVX{4cwnD%KJp_S9py8d9Pl68l2N5|?+7c2Ugz1?477twS+A@Bjb+07*qoM6N<$
Eg4qvfvj6}9

delta 340
zcmV-a0jvI=2JZrpB!2;OQb$4nuFf3k00004XF*Lt006O%3;baP00009a7bBm000id
z000id0mpBsWB>pF7<5HgbW?9;ba!ELWdLwtX>N2bZe?^JG%heMGmPe!Pyhe`;7LS5
zR5(v#7(C$rNrV6Y_p1?wi|v{JL$x6QSaK!<QMlNKVK5qSb$^-K{|yNY|Nl%wC`<+_
zeAa;AUj?#3Y6>i|7@)2q{hynS;s1dogk~m2hX0O=4FBJELc|2P7{F@c^|2TrB_#zC
z1mj|e4RD-h%<!KVs1aEVh*1Hu0YqX{K(PVSiVeU42J$nI`(IlM==Xkx|LbEI{tI$K
z#0s1tfvPEr#Z3TMG=c(bqA$b$#~qM>`#qK6|Eg$)|I3pRv4J%jLCF&&0m20q5E{-0
m25ONtf}d`J#ee|<3=9Bw5EnjsZcwZM0000<MNUMnLSTY?--aLn

diff --git a/plugins/dynamix/icons/smart.png b/plugins/dynamix/icons/smart.png
new file mode 100644
index 0000000000000000000000000000000000000000..7fbce45d1f37ec337d35ea0de71203a6dacbd9aa
GIT binary patch
literal 1303
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAF%}28J29*~C-V}>VM%xNb!1@J
z*w6hZk(GggnIXU@#1$yc%*@Qe!NJSRD<mW&E-o%3BcrIOsH&=}uCA`7rKO{zV`yk-
zW@ct#VG$G*6c!d15fKp+6O*2vo|TnVUS59i;6b1vqhK@yhGGabZryndm`@l=g8YL2
zk8HpY{GDAD7>Aq%9+AZi419+{nDKc2iWH!rM2TxeNpOBzNqJ&XDnmhHW?qS2UTTSg
ziJpO;WsY&3A5cw!r;B5VM)27lPre2No+GFBy}$7Pf60j{TNGH*Kd2^0c5T#`=ytCY
zIu<4odhUX`*ZV8&YlXrRp5E14C?NLg(9yz{ISi$;%i4MvQYDwwPvtT$efH==gUgHt
w&%SCArd<&)=gec2P)ZEg*(M#|?!M+OBb#&g#Aj2c`hpUkr>mdKI;Vst0G-=x_y7O^

literal 0
HcmV?d00001

diff --git a/plugins/dynamix/icons/warnings.png b/plugins/dynamix/icons/warnings.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab202d01d63dc6c386f9f6a79590855393cbee28
GIT binary patch
literal 1338
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAF%}28J29*~C-V}>VM%xNb!1@J
z*w6hZk(GggnIXU@#1$xRU|?WqXlP_)WNd6~Zf<UEZEb67>)_zv;^N}&?(XH~<?HL~
z@9!TP8k&%hkeHa5l$4a4o12%HS5i_^T3XuJ*x1z6)ZE<M-rnBP(b3=EfAHWzps}N1
zGz12J2u#py=mX{xhLRw^;Qu2VFa&>RR|UoxXMsm#F#`kNVGw3Kp1&dmC@4|l8c`CQ
zpH@<ySd_|8keHcQqL-IiqF|zDpl6w5T;~T=GuhL{F+?MHZ|_Z^Lkc{u(FgTP7Cs6R
z{rBHIc~aX`#`$wT^2Fp>oVn1VZ^F3hkJ>a>uE37j*UDFVD2lB25PL0pV6D-VM?BY(
zTqa4_Y|;JkaK@$^yb~BcKQZL)oy{WdbYxqik8s=G3v*m*+C6MrZmv9U{FJ%gIpW8>
z->=WQzt@Z`QNGWS?0)jl%HYN#&nrJBuMj%KzH;UA<R0;|O`w$M>FVdQ&MBb@03!;H
AiU0rr

literal 0
HcmV?d00001

diff --git a/plugins/dynamix/styles/default-black.css b/plugins/dynamix/styles/default-black.css
index 07a7fadd7..7e7fe31df 100644
--- a/plugins/dynamix/styles/default-black.css
+++ b/plugins/dynamix/styles/default-black.css
@@ -80,12 +80,14 @@ input.trim{width:50px;}
 #indexer td{padding:2px 0;}
 #indexer span{font-size:smaller;}
 #indexer div{margin-left:8px;}
-.green{color:#6FA239;padding-left:5px;padding-right:5px;}
-.red{color:#CC0000;padding-left:5px;padding-right:5px;}
-.orange{color:#FF9900;padding-left:5px;padding-right:5px;}
-.green-text,.passed{color:#6FA239;}
-.red-text,.failed{color:#CC0000;}
-.orange-text,.warning{color:#FF9900;}
+.green{color:#4F8A10;padding-left:5px;padding-right:5px;}
+.red{color:#F0000C;padding-left:5px;padding-right:5px;}
+.orange{color:#E68A00;padding-left:5px;padding-right:5px;}
+.green-text,.passed{color:#4F8A10;}
+.red-text,.failed{color:#F0000C;}
+.orange-text,.warning{color:#E68A00;}
+.blue-text{color:#3B5998;}
+.grey-text{color:#606060;}
 .usage-bar{float:left;height:16px;line-height:16px;width:130px;padding:1px 1px 1px 2px;margin:6px 12px;border-radius:3px;background-color:#585858;box-shadow:0 1px 0 #989898,inset 0 1px 0 #202020;}
 .usage-bar>span{display:block;height:100%;text-align:right;border-radius:2px;background-color:#808080;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);}
 .usage-bar>span>span{padding:0 4px;font-size:10px;}
@@ -187,13 +189,23 @@ span.array{color:#4F8A10;background-color:#DFF2BF;display:block;width:100%;}
 span.login{color:#D63301;background-color:#FFDDD1;display:block;width:100%;}
 span.lite{background-color:#0F0F0F;}
 span.label{font-size:small;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle;}
-span.heat-text{font-size:10px;color:#CC0000;}
+span.temp-text{font-size:10px;color:#4F8A10;}
+span.heat-text{font-size:10px;color:#F0000C;}
 span.cpu-speed{display:block;color:#3B5998;}
 span.status{float:right;font-size:14px;margin-top:0px;padding-right:8px;}
 span.status.vhshift{margin-top:-12px;margin-right:-22px;}
+span.status.hshift{margin-right:-6px;}
 span.diskinfo{float:left;clear:both;margin-top:5px;padding-left:10px;}
 span.bitstream{font-family:bitstream;font-size:10px;}
-span.p0{padding-left:0}
+span.p0{padding-left:0;}
+span.strong{font-weight:bold;}
+span.big{font-size:larger;}
+span.small{font-size:smaller;}
+span.one{margin-left:-13px;}
+span.two{margin-left:-17px;}
+span.three{margin-left:-20px;}
+span.tub{margin-right:8px;font-size:24px;cursor:pointer;}
+span.score{font-size:11px;color:#F0F0F0;position:absolute;}
 img.icon{margin:-3px 4px 0 0;}
 div.content{position:absolute;top:45px;left:0;width:100%;padding-bottom:30px;z-index:-1;clear:both;}
 div.content.shift{margin-top:-70px;}
diff --git a/plugins/dynamix/styles/default-white.css b/plugins/dynamix/styles/default-white.css
index 25847c778..b6871edbf 100644
--- a/plugins/dynamix/styles/default-white.css
+++ b/plugins/dynamix/styles/default-white.css
@@ -79,12 +79,14 @@ input.trim{width:50px;}
 #indexer td{padding:2px 0;}
 #indexer span{font-size:smaller;}
 #indexer div{margin-left:8px;}
-.green{color:#6FA239;padding-left:5px;padding-right:5px;}
-.red{color:#CC0000;padding-left:5px;padding-right:5px;}
-.orange{color:#FF9900;padding-left:5px;padding-right:5px;}
-.green-text,.passed{color:#6FA239;}
-.red-text,.failed{color:#CC0000;}
-.orange-text,.warning{color:#FF9900;}
+.green{color:#4F8A10;padding-left:5px;padding-right:5px;}
+.red{color:#F0000C;padding-left:5px;padding-right:5px;}
+.orange{color:#E68A00;padding-left:5px;padding-right:5px;}
+.green-text,.passed{color:#4F8A10;}
+.red-text,.failed{color:#F0000C;}
+.orange-text,.warning{color:#E68A00;}
+.blue-text{color:#3B5998;}
+.grey-text{color:#606060;}
 .usage-bar{float:left;height:16px;line-height:16px;width:130px;padding:1px 1px 1px 2px;margin:6px 12px;border-radius:3px;background-color:#585858;box-shadow:0 1px 0 #989898,inset 0 1px 0 #202020;}
 .usage-bar>span{display:block;height:100%;text-align:right;border-radius:2px;background-color:#808080;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);}
 .usage-bar>span>span{padding:0 4px;font-size:10px;}
@@ -185,13 +187,23 @@ span.array{color:#4F8A10;background-color:#DFF2BF;display:block;width:100%;}
 span.login{color:#D63301;background-color:#FFDDD1;display:block;width:100%;}
 span.lite{background-color:#E0E0E0;}
 span.label{font-size:small;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle;}
-span.heat-text{font-size:10px;color:#CC0000;}
+span.temp-text{font-size:10px;color:#4F8A10;}
+span.heat-text{font-size:10px;color:#F0000C;}
 span.cpu-speed{display:block;color:#3B5998;}
 span.status{float:right;font-size:14px;margin-top:0px;padding-right:8px;}
 span.status.vhshift{margin-top:-12px;margin-right:-22px;}
+span.status.hshift{margin-right:-6px;}
 span.diskinfo{float:left;clear:both;margin-top:5px;padding-left:10px;}
 span.bitstream{font-family:bitstream;font-size:10px;}
-span.p0{padding-left:0}
+span.p0{padding-left:0;}
+span.strong{font-weight:bold;}
+span.big{font-size:larger;}
+span.small{font-size:smaller;}
+span.one{margin-left:-13px;}
+span.two{margin-left:-17px;}
+span.three{margin-left:-20px;}
+span.tub{margin-right:8px;font-size:24px;cursor:pointer;}
+span.score{font-size:11px;color:#F0F0F0;position:absolute;}
 img.icon{margin:-3px 4px 0 0;}
 div.content{position:absolute;top:45px;left:0;width:100%;padding-bottom:30px;z-index:-1;clear:both;}
 div.content.shift{margin-top:-70px;}
diff --git a/plugins/dynamix/styles/dynamix-black.css b/plugins/dynamix/styles/dynamix-black.css
index 14bfc8af6..8087d28a5 100644
--- a/plugins/dynamix/styles/dynamix-black.css
+++ b/plugins/dynamix/styles/dynamix-black.css
@@ -1,23 +1,19 @@
-div.jGrowl{z-index:999;color:#FFF;font-size:12px;}
-div.jGrowl div.jGrowl-notify.alert{z-index:999;color:#FFF;font-size:12px;background-color:red;opacity:0.8;}
-div.jGrowl div.jGrowl-notify.warning{z-index:999;color:#FFF;font-size:12px;background-color:darkorange;opacity:0.8;}
-div.jGrowl div.jGrowl-notify.normal{z-index:999;color:#FFF;font-size:12px;background-color:green;opacity:0.8;}
-div.jGrowl div.jGrowl-notify.default{z-index:999;color:#FFF;font-size:12px;background-color:dimgrey;opacity:0.8;}
-div.jGrowl div.jGrowl-notify.bottom{z-index:999;color:#FFF;background-color:rgba(255,255,255,0.1);border-radius:0;box-shadow:inset 0 50px rgba(0,0,0,0.2),inset 0 -15px 30px rgba(255,255,255,0.4),0 5px 10px rgba(255,255,255,0.5);font-size:15px;text-align:center;width:100%;margin:0;position:fixed;bottom:25px;height:30px;line-height:40px;clear:both;}
-div.jGrowl{position:absolute;}
 body>div.jGrowl{position:fixed;}
-div.jGrowl.top-left{left:0px;top:0px;}
-div.jGrowl.top-right{right:0px;top:0px;}
-div.jGrowl.bottom-left{left:0px;bottom:24px;}
-div.jGrowl.bottom-right{right:0px;bottom:24px;}
-div.jGrowl.center{top:0px;width:50%;left:25%;}
-div.center div.jGrowl-notify,div.center div.jGrowl-closer{margin-left:auto;margin-right:auto;}
-div.jGrowl div.jGrowl-notify,div.jGrowl div.jGrowl-closer{background-color:#000;opacity:.85;width:350px;padding:10px;margin:5px 0;font-family:arimo,arial,sans-serif;font-size:12px;text-align:left;display:none;border-radius:5px;}
-div.jGrowl div.jGrowl-notify{min-height:40px;}
-div.jGrowl div.jGrowl-notify,div.jGrowl div.jGrowl-closer{margin:10px;}
-div.jGrowl div.jGrowl-notify div.jGrowl-header{font-weight:bold;font-size:.9em;}
-div.jGrowl div.jGrowl-notify div.jGrowl-close{z-index:999;float:right;font-weight:bold;font-size:12px;cursor:pointer;}
-div.jGrowl div.jGrowl-closer{padding:4px 0;cursor:pointer;font-size:11px;font-weight:bold;text-align:center;}
+div.jGrowl{font-size:12px;}
+div.jGrowl.top-left{left:10px;top:-34px;}
+div.jGrowl.top-right{right:10px;top:-34px;}
+div.jGrowl.bottom-left{left:10px;bottom:24px;}
+div.jGrowl.bottom-right{right:10px;bottom:24px;}
+div.jGrowl.center{top:-34px;left:40%;}
+div.jGrowl div.jGrowl-notify.alert{color:#F0000C;background-color:#FF9E9E;opacity:0.96;border:1px solid #F0000C;box-shadow:2px 2px 1px #888888;}
+div.jGrowl div.jGrowl-notify.warning{color:#E68A00;background-color:#FEEFB3;opacity:0.96;border:1px solid #E68A00;box-shadow:2px 2px 1px #888888;}
+div.jGrowl div.jGrowl-notify.normal{color:#4F8A10;background-color:#DFF2BF;opacity:0.96;border:1px solid #4F8A10;box-shadow:2px 2px 1px #888888;}
+div.jGrowl div.jGrowl-notify.default{color:#42453E;background-color:#FAFAF7;opacity:0.96;border:1px solid #42453E;box-shadow:2px 2px 1px #888888;}
+div.jGrowl div.jGrowl-notify{min-height:40px;width:380px;padding:10px;margin:5px 0;text-align:left;border-radius:6px;}
+div.jGrowl div.jGrowl-notify div.jGrowl-header{font-weight:bold;}
+div.jGrowl div.jGrowl-notify div.jGrowl-close{float:right;cursor:pointer;}
+div.jGrowl div.jGrowl-closer{width:400px;color:#FAFAF7;background-color:#42453E;opacity:0.96;border:1px solid #42453e;margin:5px 0;padding:4px 0;cursor:pointer;font-weight:bold;text-align:center;border-radius:6px;}
+div.jGrowl div.jGrowl-closer.top{position:fixed;top:0;}
 @media print{div.jGrowl{display:none;}}
 .ui-dropdownchecklist{background:-webkit-radial-gradient(#505050,#303030);background:linear-gradient(#505050,#303030);border:none;box-shadow:0 2px 0 #404040;border-radius:4px;outline:none;cursor:pointer;height:23px;line-height:23px;}
 .ui-dropdownchecklist-group{font-weight:normal;font-style:italic;padding:1px 9px 1px 8px;}
diff --git a/plugins/dynamix/styles/dynamix-white.css b/plugins/dynamix/styles/dynamix-white.css
index c1834dcc4..f7cbc5564 100644
--- a/plugins/dynamix/styles/dynamix-white.css
+++ b/plugins/dynamix/styles/dynamix-white.css
@@ -1,23 +1,19 @@
-div.jGrowl{z-index:999;color:#fff;font-size:12px;}
-div.jGrowl div.jGrowl-notify.alert{z-index:999;color:#FFF;font-size:12px;background-color:red;opacity:0.8;}
-div.jGrowl div.jGrowl-notify.warning{z-index:999;color:#FFF;font-size:12px;background-color:darkorange;opacity:0.8;}
-div.jGrowl div.jGrowl-notify.normal{z-index:999;color:#FFF;font-size:12px;background-color:green;opacity:0.8;}
-div.jGrowl div.jGrowl-notify.default{z-index:999;color:#FFF;font-size:12px;background-color:dimgrey;opacity:0.8;}
-div.jGrowl div.jGrowl-notify.bottom{z-index:999;color:#000;background-color:rgba(0,0,0,0.1);border-radius:0;box-shadow:inset 0 50px rgba(255,255,255,0.2),inset 0 -15px 30px rgba(0,0,0,0.4),0 5px 10px rgba(0,0,0,0.5);font-size:15px;text-align:center;width:100%;margin:0;position:fixed;bottom:25px;height:30px;line-height:40px;clear:both;}
-div.jGrowl{position:absolute;}
 body>div.jGrowl{position:fixed;}
-div.jGrowl.top-left{left:0px;top:0px;}
-div.jGrowl.top-right{right:0px;top:0px;}
-div.jGrowl.bottom-left{left:0px;bottom:24px;}
-div.jGrowl.bottom-right{right:0px;bottom:24px;}
-div.jGrowl.center{top:0px;width:50%;left:25%;}
-div.center div.jGrowl-notify,div.center div.jGrowl-closer{margin-left:auto;margin-right:auto;}
-div.jGrowl div.jGrowl-notify,div.jGrowl div.jGrowl-closer{background-color:#000;opacity:.85;width:350px;padding:10px;margin:5px 0;font-family:arimo,arial,sans-serif;font-size:12px;text-align:left;display:none;border-radius:5px;}
-div.jGrowl div.jGrowl-notify{min-height:40px;}
-div.jGrowl div.jGrowl-notify,div.jGrowl div.jGrowl-closer{margin:10px;}
-div.jGrowl div.jGrowl-notify div.jGrowl-header{font-weight:bold;font-size:.9em;}
-div.jGrowl div.jGrowl-notify div.jGrowl-close{z-index:999;float:right;font-weight:bold;font-size:12px;cursor:pointer;}
-div.jGrowl div.jGrowl-closer{padding:4px 0;cursor:pointer;font-size:11px;font-weight:bold;text-align:center;}
+div.jGrowl{font-size:12px;}
+div.jGrowl.top-left{left:10px;top:-34px;}
+div.jGrowl.top-right{right:10px;top:-34px;}
+div.jGrowl.bottom-left{left:10px;bottom:24px;}
+div.jGrowl.bottom-right{right:10px;bottom:24px;}
+div.jGrowl.center{top:-34px;left:40%;}
+div.jGrowl div.jGrowl-notify.alert{color:#F0000C;background-color:#FF9E9E;opacity:0.96;border:1px solid #F0000C;box-shadow:2px 2px 1px #888888;}
+div.jGrowl div.jGrowl-notify.warning{color:#E68A00;background-color:#FEEFB3;opacity:0.96;border:1px solid #E68A00;box-shadow:2px 2px 1px #888888;}
+div.jGrowl div.jGrowl-notify.normal{color:#4F8A10;background-color:#DFF2BF;opacity:0.96;border:1px solid #4F8A10;box-shadow:2px 2px 1px #888888;}
+div.jGrowl div.jGrowl-notify.default{color:#42453E;background-color:#FAFAF7;opacity:0.96;border:1px solid #42453E;box-shadow:2px 2px 1px #888888;}
+div.jGrowl div.jGrowl-notify{min-height:40px;width:380px;padding:10px;margin:5px 0;text-align:left;border-radius:6px;}
+div.jGrowl div.jGrowl-notify div.jGrowl-header{font-weight:bold;}
+div.jGrowl div.jGrowl-notify div.jGrowl-close{float:right;cursor:pointer;}
+div.jGrowl div.jGrowl-closer{width:400px;color:#FAFAF7;background-color:#42453E;opacity:0.96;border:1px solid #42453e;margin:5px 0;padding:4px 0;cursor:pointer;font-weight:bold;text-align:center;border-radius:6px;}
+div.jGrowl div.jGrowl-closer.top{position:fixed;top:0;}
 @media print{div.jGrowl{display:none;}}
 .ui-dropdownchecklist{background:-webkit-radial-gradient(#F4F4F4,#FCFCFC);background:linear-gradient(#F4F4F4,#FCFCFC);border:none;box-shadow:0 2px 0 #E0E0E0,inset 0 -1px #FFFFFF;border-radius:4px;outline:none;cursor:pointer;height:23px;line-height:23px;}
 .ui-dropdownchecklist-group{font-weight:normal;font-style:italic;padding:1px 9px 1px 8px;}