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

diff --git a/index.php b/index.php
index 741f54f..115a025 100644
--- a/index.php
+++ b/index.php
@@ -1,15 +1,25 @@
 <?php
-require_once "common.php";
-require_once "connection.php";
-require_once "header.php";
+require_once "inc/common.php";
+if (!isset($config['unrealircd']))
+{
+	$redirect = get_config("base_url")."settings/rpc-servers.php";
+	header('Location: ' . $redirect);
+	die;
+}
 
-$stats = $rpc->stats()->get();
-?>
-
-<h2>Network Overview</h2>
+require_once "inc/header.php";
 
+?>
+<div class="row ml-0">
+	<h2>Network Overview</h2>
+	<div id="live_stats" 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;visibility:hidden">
+	     <small style="margin-left:-40px;padding-top:3px;margin-right:-45px">⚪</small>LIVE
+	</div>
+</div>
 <?php
-$array_of_stats = (array)$stats;
+$array_of_stats = [];
 
 /* What if someone wants to add their own stats... */
 Hook::run(HOOKTYPE_PRE_OVERVIEW_CARD, $array_of_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">
@@ -38,11 +48,11 @@ $num_of_panel_admins = count($userlist);
 					<div class="row">
 						<div class="col">
 							<i class="fa fa-users fa-3x"></i><span class="position-absolute badge rounded-pill badge-warning">
-							<?php echo "Record: ".$stats->user->record; ?>
+							<?php echo "Record: "; ?>
 						</span>
 						</div>
 						<div class="col">
-							<h3 id="stats_user_total" class="display-4"><?php echo $stats->user->total; ?></h3>
+							<h3 id="stats_user_total" class="display-4"></h3>
 						</div>
 					</div>
 				</div>
@@ -66,7 +76,7 @@ $num_of_panel_admins = count($userlist);
 							<i class="fa fa-hashtag fa-3x"></i>
 						</div>
 						<div class="col">
-							<h3 id="stats_channel_total" class="display-4"><?php echo $stats->channel->total; ?></h3>
+							<h3 id="stats_channel_total" class="display-4"></h3>
 						</div>
 					</div>
 				</div>
@@ -88,7 +98,7 @@ $num_of_panel_admins = count($userlist);
 							<i class="fa fa-shield-halved fa-3x"></i>
 						</div>
 						<div class="col">
-							<h3 id="stats_oper_total" class="display-4"><?php echo $stats->user->oper; ?></h3>
+							<h3 id="stats_oper_total" class="display-4"></h3>
 						</div>
 					</div>
 				</div>
@@ -97,7 +107,7 @@ $num_of_panel_admins = count($userlist);
 						<div class="col">
 							<h6>Opers</h6>
 						</div>
-						<div class="col"><a class="btn btn-primary" href="<?php echo get_config("base_url")."users/?operonly"; ?>">View</a></div>
+						<!-- <div class="col"><a class="btn btn-primary" href="<?php echo get_config("base_url")."users/?operonly"; ?>">View</a></div> -->
 					</div>
 				</div>
 			</div>
@@ -111,7 +121,7 @@ $num_of_panel_admins = count($userlist);
 							<i class="fa fa-network-wired fa-3x"></i>
 						</div>
 						<div class="col">
-							<h3 id="stats_server_total" class="display-4"><?php echo $stats->server->total; ?></h3>
+							<h3 id="stats_server_total" class="display-4"></h3>
 						</div>
 					</div>
 				</div>
@@ -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">
@@ -138,7 +148,7 @@ $num_of_panel_admins = count($userlist);
 							<i class="fa fa-ban fa-3x"></i>
 						</div>
 						<div class="col">
-							<h3 id="num_server_bans" class="display-4"><?php echo $stats->server_ban->server_ban; ?></h3>
+							<h3 id="num_server_bans" class="display-4"></h3>
 						</div>
 					</div>
 				</div>
@@ -160,7 +170,7 @@ $num_of_panel_admins = count($userlist);
 							<i class="fa fa-filter fa-3x"></i>
 						</div>
 						<div class="col">
-							<h3 id="num_spamfilter_entries" class="display-4"><?php echo $stats->server_ban->spamfilter; ?></h3>
+							<h3 id="num_spamfilter_entries" class="display-4"></h3>
 						</div>
 					</div>
 				</div>
@@ -182,7 +192,7 @@ $num_of_panel_admins = count($userlist);
 							<i class="fa fa-door-open fa-3x"></i>
 						</div>
 						<div class="col">
-							<h3 id="num_ban_exceptions" class="display-4"><?php echo $stats->server_ban->server_ban_exception; ?></h3>
+							<h3 id="num_ban_exceptions" class="display-4"></h3>
 						</div>
 					</div>
 				</div>
@@ -198,12 +208,7 @@ $num_of_panel_admins = count($userlist);
 			</div>
 		</div>
 		<?php
-		if ($stats->server->ulined) {
-			$bg = "bg-success";
-			$tooltip = "Users / Servers";
-		}
-		else
-			$bg = "bg-warning";
+		$bg = "bg-success"; // FIXME: this isn't dynamic
 		?> 
 		<div class="col-sm mb-3">
 			<div class="card text-center">
@@ -213,8 +218,8 @@ $num_of_panel_admins = count($userlist);
 							<i class="fa fa-database fa-3x"> </i>
 						</div>
 						<div class="col">
-						<span data-toggle="tooltip" title="<?php echo $tooltip; ?>" style="border-bottom: 1px dotted #000000">
-						<h3 id="stats_uline_total" class="display-4"><?php echo $stats->user->ulined; ?>/<?php echo $stats->server->ulined; ?></h3>
+						<span data-toggle="tooltip" title="" style="border-bottom: 1px dotted #000000">
+						<h3 id="stats_uline_total" class="display-4"></h3>
 						</div>
 					</div>
 				</div>
@@ -223,7 +228,7 @@ $num_of_panel_admins = count($userlist);
 						<div class="col">
 							<h6>Services Online</h6>
 						</div>
-						<div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url")."users/?servicesonly"; ?>">View</a></div>
+						<!-- <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url")."users/?servicesonly"; ?>">View</a></div> -->
 					</div>
 				</div>
 				
@@ -234,6 +239,9 @@ $num_of_panel_admins = count($userlist);
 
 
 <script>
+	/* Last time stats were updated */
+	let stats_tick = 0;
+
 	function updateStats(e)
 	{
 		var data;
@@ -242,6 +250,8 @@ $num_of_panel_admins = count($userlist);
 		} catch(e) {
 			return;
 		}
+		stats_tick = Date.now()
+		document.getElementById("live_stats").style.visibility = '';
 		document.getElementById("stats_user_total").innerHTML = data.user.total;
 		document.getElementById("stats_channel_total").innerHTML = data.channel.total;
 		document.getElementById("stats_oper_total").innerHTML = data.user.oper;
@@ -251,6 +261,14 @@ $num_of_panel_admins = count($userlist);
 		document.getElementById("num_ban_exceptions").innerHTML = data.server_ban.server_ban_exception;
 		document.getElementById("stats_uline_total").innerHTML = data.user.ulined + "/" + data.server.ulined;
 	}
+	function checkStatsOutdated()
+	{
+		setTimeout(checkStatsOutdated, 2000);
+		if (Date.now() - stats_tick > 10000)
+			document.getElementById("live_stats").style.visibility = 'hidden';
+	}
+	setTimeout(checkStatsOutdated, 2000);
+
 	function initStats()
 	{
 		if (!!window.EventSource) {
@@ -261,9 +279,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 +332,4 @@ $num_of_panel_admins = count($userlist);
 
 Hook::run(HOOKTYPE_OVERVIEW_CARD, $stats);
 
-require_once "footer.php";
+require_once "inc/footer.php";