From 8e4b7efcc05c3b75de7a97b2b1f7ee60280674e1 Mon Sep 17 00:00:00 2001
From: DL6ER <dl6er@dl6er.de>
Date: Sun, 24 Sep 2017 11:41:14 +0200
Subject: [PATCH] Add dynamic hover text to make the feature more prominent

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

diff --git a/scripts/pi-hole/js/queries.js b/scripts/pi-hole/js/queries.js
index a01ca586..69846e81 100644
--- a/scripts/pi-hole/js/queries.js
+++ b/scripts/pi-hole/js/queries.js
@@ -190,12 +190,15 @@ $(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)").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)").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)").css("cursor","pointer");
         }
     });