Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2025-12-24 20:55:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add network table theming.

Browse Source 
Signed-off-by: DL6ER <dl6er@dl6er.de>
This commit is contained in:
DL6ER
2020-04-29 23:06:49 +02:00
parent 5fa71264c1
commit 6b47a937fb
5 changed files with 61 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
scripts/pi-hole/js/network.js
View File

@@ -55,7 +55,19 @@ function mixColors(ratio, rgb1, rgb2) {
];
}
function parseColor(input) {
var m;
m = input.match(/^rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i);
if (m) {
return [m[1], m[2], m[3]];
}
}
$(document).ready(function () {
var network_recent = $(".network-recent").css("background-color");
var network_old = $(".network-old").css("background-color");
var network_older = $(".network-older").css("background-color");
var network_never = $(".network-never").css("background-color");
tableApi = $("#network-entries").DataTable({
rowCallback: function (row, data) {
var color,
@@ -67,19 +79,19 @@ $(document).ready(function () {
// Last query came in within the last 24 hours (24*60*60 = 86400)
// Color: light-green to light-yellow
var ratio = Number(diff) / 86400;
var lightgreen = [0xe7, 0xff, 0xde];
var lightyellow = [0xff, 0xff, 0xdf];
var lightgreen = parseColor(network_recent);
var lightyellow = parseColor(network_old);
color = rgbToHex(mixColors(ratio, lightgreen, lightyellow));
mark = "&#x2714;";
} else {
// Last query was longer than 24 hours ago
// Color: light-orange
color = "#ffedd9";
color = network_older;
mark = "<strong>?</strong>";
}
} else {
// This client has never sent a query to Pi-hole, color light-red
color = "#ffbfaa";
color = network_never;
mark = "&#x2718;";
}

2
scripts/pi-hole/js/queries.js
View File

@@ -262,7 +262,7 @@ $(document).ready(function () {
buttontext = "";
}
if(colorClass !== false) {
if (colorClass !== false) {
$("td:eq(4)", row).addClass(colorClass);
}
$("td:eq(4)", row).html(fieldtext);