diff --git a/db_queries.php b/db_queries.php
index b248968a..b1911e61 100644
--- a/db_queries.php
+++ b/db_queries.php
@@ -64,6 +64,16 @@
+
+
+ New options selected. Please, reload the data or choose a another time range.
+
+
+
+
+
+
+
Depending on how large of a range you specified, the request may time out while Pi-hole tries to retrieve all the data.
diff --git a/scripts/pi-hole/js/db_queries.js b/scripts/pi-hole/js/db_queries.js
index c4f53496..632a9adf 100644
--- a/scripts/pi-hole/js/db_queries.js
+++ b/scripts/pi-hole/js/db_queries.js
@@ -15,6 +15,7 @@ var instantquery = false;
var daterange;
var timeoutWarning = $("#timeoutWarning");
+var reloadBox = $(".reload-box");
var dateformat = "MMMM Do YYYY, HH:mm";
@@ -148,6 +149,7 @@ function getQueryTypes() {
var reloadCallback = function () {
timeoutWarning.hide();
+ reloadBox.hide();
statistics = [0, 0, 0, 0];
var data = tableApi.rows().data();
for (var i = 0; i < data.length; i++) {
@@ -380,3 +382,11 @@ $("#querytime").on("apply.daterangepicker", function (ev, picker) {
$(this).val(picker.startDate.format(dateformat) + " to " + picker.endDate.format(dateformat));
refreshTableData();
});
+
+$("input[id^=type]").change(function (){
+ reloadBox.show();
+});
+
+$(".bt-reload").click(function (){
+ refreshTableData();
+});
diff --git a/style/pi-hole.css b/style/pi-hole.css
index aff80c45..8ff5b542 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -378,6 +378,14 @@ td.details-control {
background-color: rgb(70, 149, 74, 0.1);
}
+.bt-reload-box {
+ display: none;
+ margin-top: 10px;
+}
+.bt-reload-box .col-xs-4 {
+ text-align: right;
+}
+
@media screen and (max-width: 991px) {
#domain-search-block {
display: block;