X-Git-Url: https://jfr.im/git/irc/unrealircd/unrealircd-webpanel.git/blobdiff_plain/e76c47e177b4e8e47b871f321490505195ebf78a..630261974fd350964443aed92704938d4a8bd858:/index.php

diff --git a/index.php b/index.php
index 741f54f..219c143 100644
--- a/index.php
+++ b/index.php
@@ -1,13 +1,23 @@
 <?php
-require_once "common.php";
-require_once "connection.php";
-require_once "header.php";
+require_once "inc/common.php";
+if (!isset($config['unrealircd']) || empty($config['unrealircd']['host']))
+{
+	$redirect = get_config("base_url")."settings/install2.php";
+	header('Location: ' . $redirect);
+	die;
+}
+
+require_once "inc/header.php";
+require_once "inc/connection.php";
 
 $stats = $rpc->stats()->get();
 ?>
-
-<h2>Network Overview</h2>
-
+<div class="row ml-0">
+<h2>Network Overview</h2><div data-toggle="tooltip" data-placement="top" title="The stats on this page are updated in real-time"
+							class="card text-center row font-weight-bold"
+							style="margin-left:5%;height:26px;width:60px;background-color:red;color:white">
+<small style="margin-left:-40px;padding-top:3px;margin-right:-45px">⚪</small>LIVE</div>
+</div>
 <?php
 $array_of_stats = (array)$stats;
 
@@ -29,7 +39,7 @@ $num_of_panel_admins = count($userlist);
 		min-height: 100%;
 	}
 	</style>
-<div class="container" style="margin-left:40px;margin-top:30px">
+<div class="container card-container" style="margin-left:40px;margin-top:30px">
 
 	<div class="row mt-3">
 		<div class="col-sm mb-3">
@@ -127,7 +137,7 @@ $num_of_panel_admins = count($userlist);
 		</div>
 	</div>
 </div>
-<div class="container" style="margin-left:40px;margin-top:30px">
+<div class="container card-container" style="margin-left:40px;margin-top:30px">
 
 	<div class="row">
 		<div class="col-sm mb-3">
@@ -261,9 +271,29 @@ $num_of_panel_admins = count($userlist);
 	initStats();
 	//setInterval(updateStats, 1000); // Update stats every second
 	// ^ commented out but may want to restart initStats() when connection is lost.
+
+	
+	window.addEventListener('resize', function() {
+		var containers = document.querySelectorAll('.card-container');
+		var width = window.innerWidth;
+		if (width < 768)
+		{
+			containers.forEach((container) => {
+				container.removeAttribute('style');
+
+			});
+		} else 
+		{
+			containers.forEach((container) => {
+				container.style.marginLeft = "40px";
+				container.style.marginTop = "30px";
+
+			});
+		}
+	});
 </script>
 
-<div class="container" style="margin-left:40px;margin-top:10px">
+<div class="container card-container card-container" style="margin-left:40px;margin-top:10px">
 
 			<div class="row">
 				<div class="col-sm-3">
@@ -294,4 +324,4 @@ $num_of_panel_admins = count($userlist);
 
 Hook::run(HOOKTYPE_OVERVIEW_CARD, $stats);
 
-require_once "footer.php";
+require_once "inc/footer.php";