X-Git-Url: https://jfr.im/git/irc/unrealircd/unrealircd-webpanel.git/blobdiff_plain/65a14aacf0fd9f5f89bcb7b800b7f72ac30e7a81..4b48b46f55bb6a03a29d0d0db04b3076c1eaae8f:/index.php

diff --git a/index.php b/index.php
index 4db5cb0..175d4ea 100644
--- a/index.php
+++ b/index.php
@@ -1,8 +1,9 @@
 <?php
 require_once "common.php";
+require_once "connection.php";
 require_once "header.php";
 
-$stats = $rpc->query("stats.get", []);
+$stats = $rpc->stats()->get();
 ?>
 
 <h2>Network Overview</h2>
@@ -18,13 +19,20 @@ Hook::run(HOOKTYPE_PRE_OVERVIEW_CARD, $array_of_stats);
 */
 $stats = (object) $array_of_stats;
 
+$userlist = [];
+Hook::run(HOOKTYPE_GET_USER_LIST, $userlist);
+$num_of_panel_admins = count($userlist);
 
 ?>
+<style>
+	.card {
+		min-height: 100%;
+	}
+	</style>
+<div class="container card-container" style="margin-left:40px;margin-top:30px">
 
-<div class="container mt-5">
-
-	<div class="row">
-		<div class="col-sm">
+	<div class="row mt-3">
+		<div class="col-sm mb-3">
 			<div class="card text-center">
 				<div class="card-header bg-success text-white">
 					<div class="row">
@@ -34,7 +42,7 @@ $stats = (object) $array_of_stats;
 						</span>
 						</div>
 						<div class="col">
-							<h3 class="display-4"><?php echo $stats->user->total; ?></h3>
+							<h3 id="stats_user_total" class="display-4"><?php echo $stats->user->total; ?></h3>
 						</div>
 					</div>
 				</div>
@@ -43,14 +51,14 @@ $stats = (object) $array_of_stats;
 						<div class="col">
 							<h6>Users Online</h6>
 						</div>
-						<div class="col"> <a class="btn btn-primary" href="<?php echo BASE_URL; ?>users">View</a></div>
+						<div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>users">View</a></div>
 					</div>
 				</div>
 			</div>
 			
 
 		</div>
-		<div class="col-sm">
+		<div class="col-sm mb-3">
 			<div class="card text-center">
 				<div class="card-header bg-primary text-white">
 					<div class="row">
@@ -58,7 +66,7 @@ $stats = (object) $array_of_stats;
 							<i class="fa fa-hashtag fa-3x"></i>
 						</div>
 						<div class="col">
-							<h3 class="display-4"><?php echo $stats->channel->total; ?></h3>
+							<h3 id="stats_channel_total" class="display-4"><?php echo $stats->channel->total; ?></h3>
 						</div>
 					</div>
 				</div>
@@ -67,12 +75,12 @@ $stats = (object) $array_of_stats;
 						<div class="col">
 							<h6>Channels</h6>
 						</div>
-						<div class="col"><a class="btn btn-primary" href="<?php echo BASE_URL; ?>channels">View</a></div>
+						<div class="col"><a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>channels">View</a></div>
 					</div>
 				</div>
 			</div>
 		</div>
-		<div class="col-sm">
+		<div class="col-sm mb-3">
 			<div class="card text-center">
 				<div class="card-header bg-warning">
 					<div class="row">
@@ -80,7 +88,7 @@ $stats = (object) $array_of_stats;
 							<i class="fa fa-shield-halved fa-3x"></i>
 						</div>
 						<div class="col">
-							<h3 class="display-4"><?php echo $stats->user->oper; ?></h3>
+							<h3 id="stats_oper_total" class="display-4"><?php echo $stats->user->oper; ?></h3>
 						</div>
 					</div>
 				</div>
@@ -89,13 +97,13 @@ $stats = (object) $array_of_stats;
 						<div class="col">
 							<h6>Opers</h6>
 						</div>
-						<div class="col"><a class="btn btn-primary" href="<?php echo 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>
 		</div>
 
-		<div class="col-sm">
+		<div class="col-sm mb-3">
 			<div class="card text-center">
 				<div class="card-header bg-secondary text-white">
 					<div class="row">
@@ -103,7 +111,7 @@ $stats = (object) $array_of_stats;
 							<i class="fa fa-network-wired fa-3x"></i>
 						</div>
 						<div class="col">
-							<h3 class="display-4"><?php echo $stats->server->total; ?></h3>
+							<h3 id="stats_server_total" class="display-4"><?php echo $stats->server->total; ?></h3>
 						</div>
 					</div>
 				</div>
@@ -112,17 +120,17 @@ $stats = (object) $array_of_stats;
 						<div class="col">
 							<h6>Servers</h6>
 						</div>
-						<div class="col"> <a class="btn btn-primary" href="<?php echo BASE_URL; ?>servers">View</a></div>
+						<div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>servers">View</a></div>
 					</div>
 				</div>
 			</div>
 		</div>
 	</div>
 </div>
-<div class="container mt-3">
+<div class="container card-container" style="margin-left:40px;margin-top:30px">
 
 	<div class="row">
-		<div class="col-sm">
+		<div class="col-sm mb-3">
 			<div class="card text-center">
 				<div class="card-header bg-danger text-white">
 					<div class="row">
@@ -130,7 +138,7 @@ $stats = (object) $array_of_stats;
 							<i class="fa fa-ban fa-3x"></i>
 						</div>
 						<div class="col">
-							<h3 class="display-4"><?php echo $stats->server_ban->server_ban; ?></h3>
+							<h3 id="num_server_bans" class="display-4"><?php echo $stats->server_ban->server_ban; ?></h3>
 						</div>
 					</div>
 				</div>
@@ -139,12 +147,12 @@ $stats = (object) $array_of_stats;
 						<div class="col">
 							<h6>Server Bans</h6>
 						</div>
-						<div class="col"> <a class="btn btn-primary" href="<?php echo BASE_URL; ?>server_bans.php">View</a></div>
+						<div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>server-bans">View</a></div>
 					</div>
 				</div>
 			</div>
 		</div>
-		<div class="col-sm">
+		<div class="col-sm mb-3">
 			<div class="card text-center">
 				<div class="card-header bg-secondary text-white">
 					<div class="row">
@@ -152,7 +160,7 @@ $stats = (object) $array_of_stats;
 							<i class="fa fa-filter fa-3x"></i>
 						</div>
 						<div class="col">
-							<h3 class="display-4"><?php echo $stats->server_ban->spamfilter; ?></h3>
+							<h3 id="num_spamfilter_entries" class="display-4"><?php echo $stats->server_ban->spamfilter; ?></h3>
 						</div>
 					</div>
 				</div>
@@ -161,12 +169,12 @@ $stats = (object) $array_of_stats;
 						<div class="col">
 							<h6>Spamfilter</h6>
 						</div>
-						<div class="col"> <a class="btn btn-primary" href="<?php echo BASE_URL; ?>spamfilter.php">View</a></div>
+						<div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>spamfilter.php">View</a></div>
 					</div>
 				</div>
 			</div>
 		</div>
-		<div class="col-sm">
+		<div class="col-sm mb-3">
 			<div class="card text-center">
 				<div class="card-header bg-primary text-white">
 					<div class="row">
@@ -174,7 +182,7 @@ $stats = (object) $array_of_stats;
 							<i class="fa fa-door-open fa-3x"></i>
 						</div>
 						<div class="col">
-							<h3 class="display-4"><?php echo $stats->server_ban->server_ban_exception; ?></h3>
+							<h3 id="num_ban_exceptions" class="display-4"><?php echo $stats->server_ban->server_ban_exception; ?></h3>
 						</div>
 					</div>
 				</div>
@@ -184,7 +192,7 @@ $stats = (object) $array_of_stats;
 						<div class="col">
 							<h6>Server Ban Exceptions</h6>
 						</div>
-						<div class="col"> <a class="btn btn-secondary disabled" href="#">View</a></div>
+						<div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>server-bans/ban-exceptions.php">View</a></div>
 					</div>
 				</div>
 			</div>
@@ -192,17 +200,12 @@ $stats = (object) $array_of_stats;
 		<?php
 		if ($stats->server->ulined) {
 			$bg = "bg-success";
-
-			/* honestly can't think of a case where there would actually be only one uline... but... well here we are, worrying over the small stuff =] */
-			$user_noun = ($stats->user->ulined == 1) ? "user" : "users"; // use "users" even if 0, sounds better.
-			$is_are = ($stats->user->ulined == 1) ? "is" : "are";
-			$server_noun = ($stats->server->ulined == 1) ? "server" : "servers";
-			$tooltip = "There $is_are " . $stats->user->ulined . " U-Lined $user_noun over " . $stats->server->ulined . " U-Lined $server_noun";
+			$tooltip = "Users / Servers";
 		}
 		else
 			$bg = "bg-warning";
 		?> 
-		<div class="col-sm">
+		<div class="col-sm mb-3">
 			<div class="card text-center">
 				<div class="card-header <?php echo $bg; ?> text-white">
 					<div class="row">
@@ -210,7 +213,8 @@ $stats = (object) $array_of_stats;
 							<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 class="display-4"><?php echo $stats->user->ulined; ?>/<?php echo $stats->server->ulined; ?></h3>
+						<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>
 						</div>
 					</div>
 				</div>
@@ -219,7 +223,7 @@ $stats = (object) $array_of_stats;
 						<div class="col">
 							<h6>Services Online</h6>
 						</div>
-						<div class="col"> <a class="btn btn-primary" href="<?php echo 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>
 				
@@ -228,6 +232,84 @@ $stats = (object) $array_of_stats;
 	</div>
 </div>
 
+
+<script>
+	function updateStats(e)
+	{
+		var data;
+		try {
+			data = JSON.parse(e.data);
+		} catch(e) {
+			return;
+		}
+		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;
+		document.getElementById("stats_server_total").innerHTML = data.server.total;
+		document.getElementById("num_server_bans").innerHTML = data.server_ban.server_ban;
+		document.getElementById("num_spamfilter_entries").innerHTML = data.server_ban.spamfilter;
+		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 initStats()
+	{
+		if (!!window.EventSource) {
+			var source = new EventSource('api/overview.php');
+			source.addEventListener('message', updateStats, false);
+		}
+	}
+	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 card-container card-container" style="margin-left:40px;margin-top:10px">
+
+			<div class="row">
+				<div class="col-sm-3">
+					<div class="card text-center">
+						<div class="card-header bg-success text-white">
+							<div class="row">
+								<div class="col">
+									<i class="fa fa-lock-open fa-3x"></i>
+								</div>
+								<div class="col">
+									<h3 class="display-4"><?php echo $num_of_panel_admins; ?></h3>
+								</div>
+							</div>
+						</div>
+						<div class="card-body">
+							<div class="row">
+								<div class="col">
+									<h6>Panel Accounts</h6>
+								</div>
+								<div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>settings">View</a></div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>	
 <?php
 
 Hook::run(HOOKTYPE_OVERVIEW_CARD, $stats);