mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-01-13 21:20:01 -06:00
Code Issues Packages Projects Releases Wiki Activity

Enhanced notifications with detailed and summary view

Browse Source
This commit is contained in:
bergware
2016-10-24 09:34:49 +02:00
parent e784f23b63
commit 35a6e4aba8
12 changed files with 84 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
plugins/dynamix/Notifications.page
View File

@@ -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")?>

2
plugins/dynamix/NotificationsArchive.page
View File

@@ -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']):?>

1
plugins/dynamix/default.cfg
View File

@@ -33,6 +33,7 @@ day="0"
cron=""
write=""
[notify]
display="0"
date="d-m-Y"
time="H:i"
position="top-right"

BIN
plugins/dynamix/icons/alerts.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
plugins/dynamix/icons/messages.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
plugins/dynamix/icons/paritycheck.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 367 B

After

Width:  |  Height:  |  Size: 798 B

BIN
plugins/dynamix/icons/smart.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
plugins/dynamix/icons/warnings.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

28
plugins/dynamix/styles/default-black.css
View File

@@ -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;}

28
plugins/dynamix/styles/default-white.css
View File

@@ -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;}

34
plugins/dynamix/styles/dynamix-black.css
View File

@@ -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;}

34
plugins/dynamix/styles/dynamix-white.css
View File

@@ -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;}