From dcdec7ca483209896f0f25bcf17a1333f308e00a Mon Sep 17 00:00:00 2001
From: DL6ER <dl6er@dl6er.de>
Date: Sun, 24 Sep 2017 11:47:24 +0200
Subject: [PATCH] Add some dynamic color experiment

Signed-off-by: DL6ER <dl6er@dl6er.de>
---
 scripts/pi-hole/js/queries.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/scripts/pi-hole/js/queries.js b/scripts/pi-hole/js/queries.js
index 69846e81..b7ca236e 100644
--- a/scripts/pi-hole/js/queries.js
+++ b/scripts/pi-hole/js/queries.js
@@ -190,15 +190,24 @@ $(document).ready(function() {
             var api = this.api();
             // Query type IPv4 / IPv6
             api.$('td:eq(1)').click( function () { api.search( this.innerHTML ).draw(); $('#resetButton').show(); } );
-            api.$('td:eq(1)').hover( function () { this.title="Click to show only "+this.innerHTML+" queries"; } );
+            api.$('td:eq(1)').hover(
+              function () { this.title="Click to show only "+this.innerHTML+" queries"; this.style.color="blue" },
+              function () { this.style.color="" }
+            );
             api.$("td:eq(1)").css("cursor","pointer");
             // Domain
             api.$('td:eq(2)').click( function () { api.search( this.innerHTML ).draw(); $('#resetButton').show(); } );
-            api.$('td:eq(2)').hover( function () { this.title="Click to show only queries with domain "+this.innerHTML; } );
+            api.$('td:eq(2)').hover(
+              function () { this.title="Click to show only queries with domain "+this.innerHTML; this.style.color="blue" },
+              function () { this.style.color="" }
+            );
             api.$("td:eq(2)").css("cursor","pointer");
             // Client
             api.$('td:eq(3)').click( function () { api.search( this.innerHTML ).draw(); $('#resetButton').show(); } );
-            api.$('td:eq(3)').hover( function () { this.title="Click to show only queries made by "+this.innerHTML; } );
+            api.$('td:eq(3)').hover(
+              function () { this.title="Click to show only queries made by "+this.innerHTML; this.style.color="blue" },
+              function () { this.style.color="" }
+            );
             api.$("td:eq(3)").css("cursor","pointer");
         }
     });