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. +
+
+ +
+
+
+ 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;