Add automatic refresh after 30 seconds, if tab is active

Author: AunePVP

html/langconf.php

@@ -22,7 +22,7 @@
 $language['de'][10] = "Keine Mods auf dem Server gefunden.";
 $language['de'][11] = "In-game Tag: ";
 $language['de'][12] = "Passwort";
-$language['de'][13] = "Query ist auf diesem Server deaktiviert.";
+$language['de'][13] = "Nächste Aktualisierung in";
 $language['de'][14] = "An";
 $language['de'][15] = "Aus";
 //en
@@ -38,6 +38,6 @@
 $language['en'][10] = "There are no mods installed on this server.";
 $language['en'][11] = "In-game Day: ";
 $language['en'][12] = "Password";
-$language['en'][13] = "Query is disabled on this server.";
+$language['en'][13] = "Next refresh in";
 $language['en'][14] = "On";
 $language['en'][15] = "Off";

index.php

@@ -1,22 +1,8 @@
 <?php
-$Timer = MicroTime(true);
-require 'query/SourceQuery/bootstrap.php';
-require 'query/minecraft/src/MinecraftPing.php';
-require 'query/minecraft/src/MinecraftPingException.php';
-require 'query/minecraft/src/MinecraftQuery.php';
-require 'query/minecraft/src/MinecraftQueryException.php';
-require 'html/type/minecraft/jsonconversion.php';
-require 'html/type/minecraft/minecraftcolor.php';
 require_once 'html/config.php';
 if (file_exists("query/cron/cache/minecraft.php")) {
     include 'query/cron/cache/minecraft.php';
 }
-
-use xPaw\SourceQuery\SourceQuery;
-
-const SQ_TIMEOUT = 1;
-const SQ_ENGINE = SourceQuery::SOURCE;
-
 require "html/tailcustom.php";
 require "functions.php";
 if (!isset($install)) {
@@ -102,11 +88,15 @@
             echo "<div class='white-inftext'>" . $language[$lang][9] . "</div>";
         }
         ?>
-        <div>
-            <button type="button" onclick="callLoadData()">Change Content</button>
-        </div>
+        <p class="countdown"><?php echo $language[$lang][13]?> <span id="countdown"></span>s.</p>
+        <div id="countdown"></div>
+        <div><button type="button" onclick="callLoadData()">Refresh Servers</button></div>
         <script>
             function callLoadData() {
+                if (typeof downloadTimer !== 'undefined') {
+                    clearInterval(downloadTimer);
+                }
+                countdown(30);
                 let serverid = JSON.parse('<?php echo json_encode($sidscript);?>');
                 for (const value in serverid) {
                     let modlink = `${serverid[value]}`;
@@ -117,7 +107,4 @@ function callLoadData() {
         <script src="script.js"></script>
     </div>
     </body>
-    </html>
-<?php
-echo "<div class='querytime'>Queried in " . Number_Format(MicroTime(true) - $Timer, 4, '.', '') . " seconds.</div>";
-?>
+    </html>

reload.php

@@ -60,7 +60,7 @@
         include 'query/minecraftquery.php';
         break;
 }
-$serverstatus = json_decode($queryresult ?? false);
+$serverstatus = json_decode($queryresult);
 include 'html/type/query.php';
 // Clean up query result.
 $response['Username'] = $username;

script.js

@@ -131,4 +131,21 @@ function LoadData(id) {
     };
     xhttp.open("GET", "reload.php?id="+id, true);
     xhttp.send();
+}
+setInterval(refresh, 30000);
+function refresh() {
+    if(document.hasFocus()) {
+        callLoadData();
+    } else {
+        console.log('refresh paused');
+        countdown(30);
+    }
+}
+function countdown(time) {
+    downloadTimer = setInterval(function(){
+        time--;
+        if(time <= 0)
+            clearInterval(downloadTimer);
+        document.getElementById("countdown").textContent = time;
+    },1000);
 }