+
+<script>
+ /* Last time stats were updated */
+ let stats_tick = 0;
+
+ function updateStats(e)
+ {
+ var data;
+ try {
+ data = JSON.parse(e.data);
+ } catch(e) {
+ return;
+ }
+ stats_tick = Date.now()
+ console.log(data);
+ document.getElementById("userRecord").innerHTML = "Record: "+data.user.record;
+ 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;
+ 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 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) {
+ 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 aria-hidden="true" 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 class="col-sm-3">
+ <div class="card text-center">
+ <div class="card-header bg-light">
+ <div class="row">
+ <div class="col">
+ <i aria-hidden="true" class="fa fa-plug fa-3x"></i>
+ </div>
+ <div class="col">
+ <h3 class="display-4"><?php echo count(Plugins::$list); ?></h3>
+ </div>
+ </div>
+ </div>
+ <div class="card-body">
+ <div class="row">
+ <div class="col">
+ <h6>Plugins</h6>
+ </div>
+ <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>settings/plugins.php">View</a></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>