Add the beginning of user roles

[irc/unrealircd/unrealircd-webpanel.git] / index.php

diff --git a/index.php b/index.php
index c3acf6a284d41ff9b6571bba19f2d117396eefcf..175d4ea3a227fe6f9385a3fb0787653b08f1ec62 100644 (file)
--- a/index.php
+++ b/index.php
@@ -3,7 +3,7 @@ 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>
@@ -24,7 +24,12 @@ Hook::run(HOOKTYPE_GET_USER_LIST, $userlist);
 $num_of_panel_admins = count($userlist);
 
 ?>
-<div class="container">
+<style>
+       .card {
+               min-height: 100%;
+       }
+       </style>
+<div class="container card-container" style="margin-left:40px;margin-top:30px">
 
        <div class="row mt-3">
                <div class="col-sm mb-3">
@@ -46,7 +51,7 @@ $num_of_panel_admins = count($userlist);
                                                <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>
@@ -70,7 +75,7 @@ $num_of_panel_admins = count($userlist);
                                                <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>
@@ -92,7 +97,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 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>
@@ -115,14 +120,14 @@ $num_of_panel_admins = count($userlist);
                                                <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 mb-3">
@@ -142,7 +147,7 @@ $num_of_panel_admins = count($userlist);
                                                <div class="col">
                                                        <h6>Server Bans</h6>
                                                </div>
-                                               <div class="col"> <a class="btn btn-primary" href="<?php echo BASE_URL; ?>server-bans">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>
@@ -164,7 +169,7 @@ $num_of_panel_admins = count($userlist);
                                                <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>
@@ -187,7 +192,7 @@ $num_of_panel_admins = count($userlist);
                                                <div class="col">
                                                        <h6>Server Ban Exceptions</h6>
                                                </div>
-                                               <div class="col"> <a class="btn btn-primary" href="<?php echo BASE_URL; ?>server-bans/ban-exceptions.php">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>
@@ -195,12 +200,7 @@ $num_of_panel_admins = count($userlist);
                <?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";
@@ -223,7 +223,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 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,29 +234,56 @@ $num_of_panel_admins = count($userlist);
 
 
 <script>
-    function updateStats() {
-        var xhttp = new XMLHttpRequest();
-        xhttp.onreadystatechange = function() {
-            if (this.readyState == 4 && this.status == 200) {
-                var data = JSON.parse(this.responseText);
-                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;
-            }
-        };
-        xhttp.open("GET", "api/overview.php", true);
-        xhttp.send();
-    }
-    updateStats();
-    setInterval(updateStats, 1000); // Update stats every second
+       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 mt-3">
+<div class="container card-container card-container" style="margin-left:40px;margin-top:10px">
 
                        <div class="row">
                                <div class="col-sm-3">
@@ -274,9 +301,9 @@ $num_of_panel_admins = count($userlist);
                                                <div class="card-body">
                                                        <div class="row">
                                                                <div class="col">
-                                                                       <h6>Panel Access</h6>
+                                                                       <h6>Panel Accounts</h6>
                                                                </div>
-                                                               <div class="col"> <a class="btn btn-primary" href="<?php echo BASE_URL; ?>settings">View</a></div>
+                                                               <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>settings">View</a></div>
                                                        </div>
                                                </div>
                                        </div>