]> jfr.im git - irc/unrealircd/unrealircd-webpanel.git/blame - index.php
Users Overview: fix dynamic showing/hiding of rows.
[irc/unrealircd/unrealircd-webpanel.git] / index.php
CommitLineData
709b97f3 1<?php
c06c1713 2require_once "inc/common.php";
41aad10c 3if (!isset($config['unrealircd']))
d8ad4cea 4{
1a6051db 5 $redirect = get_config("base_url")."settings/rpc-servers.php";
d8ad4cea
BM
6 header('Location: ' . $redirect);
7 die;
8}
9
c06c1713
BM
10require_once "inc/header.php";
11require_once "inc/connection.php";
26971737 12
9ac271b0 13$stats = $rpc->stats()->get();
709b97f3 14?>
3737447f
VP
15<div class="row ml-0">
16<h2>Network Overview</h2><div data-toggle="tooltip" data-placement="top" title="The stats on this page are updated in real-time"
17 class="card text-center row font-weight-bold"
18 style="margin-left:5%;height:26px;width:60px;background-color:red;color:white">
aba9dd24 19<small style="margin-left:-40px;padding-top:3px;margin-right:-45px">⚪</small>LIVE</div>
3737447f 20</div>
bdf7619a
VP
21<?php
22$array_of_stats = (array)$stats;
23
24/* What if someone wants to add their own stats... */
25Hook::run(HOOKTYPE_PRE_OVERVIEW_CARD, $array_of_stats);
26
27/* This makes sure that a plugin which called the parameter
28 * by reference can add/update the stats for display here.
29*/
30$stats = (object) $array_of_stats;
31
4fc503d8
VP
32$userlist = [];
33Hook::run(HOOKTYPE_GET_USER_LIST, $userlist);
34$num_of_panel_admins = count($userlist);
bdf7619a
VP
35
36?>
e76c47e1
VP
37<style>
38 .card {
39 min-height: 100%;
40 }
41 </style>
711c63bc 42<div class="container card-container" style="margin-left:40px;margin-top:30px">
440ff671 43
9e2a2ac0 44 <div class="row mt-3">
33f512fa 45 <div class="col-sm mb-3">
ce8122f0
VP
46 <div class="card text-center">
47 <div class="card-header bg-success text-white">
48 <div class="row">
49 <div class="col">
79ed2176
VP
50 <i class="fa fa-users fa-3x"></i><span class="position-absolute badge rounded-pill badge-warning">
51 <?php echo "Record: ".$stats->user->record; ?>
52 </span>
ce8122f0
VP
53 </div>
54 <div class="col">
56164221 55 <h3 id="stats_user_total" class="display-4"><?php echo $stats->user->total; ?></h3>
ce8122f0
VP
56 </div>
57 </div>
58 </div>
75c101fd
VP
59 <div class="card-body">
60 <div class="row">
61 <div class="col">
62 <h6>Users Online</h6>
63 </div>
ea90b321 64 <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>users">View</a></div>
75c101fd
VP
65 </div>
66 </div>
ce8122f0 67 </div>
79ed2176
VP
68
69
ce8122f0 70 </div>
33f512fa 71 <div class="col-sm mb-3">
ce8122f0
VP
72 <div class="card text-center">
73 <div class="card-header bg-primary text-white">
74 <div class="row">
75 <div class="col">
76 <i class="fa fa-hashtag fa-3x"></i>
77 </div>
78 <div class="col">
56164221 79 <h3 id="stats_channel_total" class="display-4"><?php echo $stats->channel->total; ?></h3>
75c101fd
VP
80 </div>
81 </div>
82 </div>
83 <div class="card-body">
84 <div class="row">
85 <div class="col">
ce8122f0
VP
86 <h6>Channels</h6>
87 </div>
ea90b321 88 <div class="col"><a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>channels">View</a></div>
ce8122f0
VP
89 </div>
90 </div>
91 </div>
92 </div>
33f512fa 93 <div class="col-sm mb-3">
ce8122f0
VP
94 <div class="card text-center">
95 <div class="card-header bg-warning">
96 <div class="row">
97 <div class="col">
98 <i class="fa fa-shield-halved fa-3x"></i>
99 </div>
100 <div class="col">
56164221 101 <h3 id="stats_oper_total" class="display-4"><?php echo $stats->user->oper; ?></h3>
75c101fd
VP
102 </div>
103 </div>
104 </div>
105 <div class="card-body">
106 <div class="row">
107 <div class="col">
ce8122f0
VP
108 <h6>Opers</h6>
109 </div>
ea90b321 110 <div class="col"><a class="btn btn-primary" href="<?php echo get_config("base_url")."users/?operonly"; ?>">View</a></div>
ce8122f0
VP
111 </div>
112 </div>
113 </div>
114 </div>
75c101fd 115
33f512fa 116 <div class="col-sm mb-3">
ce8122f0 117 <div class="card text-center">
28d5eb87 118 <div class="card-header bg-secondary text-white">
ce8122f0
VP
119 <div class="row">
120 <div class="col">
121 <i class="fa fa-network-wired fa-3x"></i>
122 </div>
123 <div class="col">
56164221 124 <h3 id="stats_server_total" class="display-4"><?php echo $stats->server->total; ?></h3>
75c101fd
VP
125 </div>
126 </div>
127 </div>
128 <div class="card-body">
129 <div class="row">
130 <div class="col">
ce8122f0
VP
131 <h6>Servers</h6>
132 </div>
ea90b321 133 <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>servers">View</a></div>
ce8122f0
VP
134 </div>
135 </div>
136 </div>
137 </div>
138 </div>
139</div>
711c63bc 140<div class="container card-container" style="margin-left:40px;margin-top:30px">
ce8122f0
VP
141
142 <div class="row">
33f512fa 143 <div class="col-sm mb-3">
ce8122f0
VP
144 <div class="card text-center">
145 <div class="card-header bg-danger text-white">
146 <div class="row">
147 <div class="col">
148 <i class="fa fa-ban fa-3x"></i>
149 </div>
150 <div class="col">
56164221 151 <h3 id="num_server_bans" class="display-4"><?php echo $stats->server_ban->server_ban; ?></h3>
75c101fd
VP
152 </div>
153 </div>
154 </div>
155 <div class="card-body">
156 <div class="row">
157 <div class="col">
ce8122f0
VP
158 <h6>Server Bans</h6>
159 </div>
ea90b321 160 <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>server-bans">View</a></div>
ce8122f0
VP
161 </div>
162 </div>
163 </div>
164 </div>
33f512fa 165 <div class="col-sm mb-3">
ce8122f0
VP
166 <div class="card text-center">
167 <div class="card-header bg-secondary text-white">
168 <div class="row">
169 <div class="col">
170 <i class="fa fa-filter fa-3x"></i>
171 </div>
172 <div class="col">
56164221 173 <h3 id="num_spamfilter_entries" class="display-4"><?php echo $stats->server_ban->spamfilter; ?></h3>
ce8122f0
VP
174 </div>
175 </div>
176 </div>
75c101fd
VP
177 <div class="card-body">
178 <div class="row">
179 <div class="col">
180 <h6>Spamfilter</h6>
181 </div>
ea90b321 182 <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>spamfilter.php">View</a></div>
75c101fd
VP
183 </div>
184 </div>
ce8122f0
VP
185 </div>
186 </div>
33f512fa 187 <div class="col-sm mb-3">
ce8122f0
VP
188 <div class="card text-center">
189 <div class="card-header bg-primary text-white">
190 <div class="row">
191 <div class="col">
192 <i class="fa fa-door-open fa-3x"></i>
193 </div>
194 <div class="col">
56164221 195 <h3 id="num_ban_exceptions" class="display-4"><?php echo $stats->server_ban->server_ban_exception; ?></h3>
ce8122f0
VP
196 </div>
197 </div>
198 </div>
75c101fd
VP
199
200 <div class="card-body">
201 <div class="row">
202 <div class="col">
203 <h6>Server Ban Exceptions</h6>
204 </div>
ea90b321 205 <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>server-bans/ban-exceptions.php">View</a></div>
75c101fd
VP
206 </div>
207 </div>
ce8122f0
VP
208 </div>
209 </div>
210 <?php
79ed2176 211 if ($stats->server->ulined) {
ce8122f0 212 $bg = "bg-success";
05f01f6d 213 $tooltip = "Users / Servers";
79ed2176
VP
214 }
215 else
216 $bg = "bg-warning";
217 ?>
33f512fa 218 <div class="col-sm mb-3">
ce8122f0
VP
219 <div class="card text-center">
220 <div class="card-header <?php echo $bg; ?> text-white">
221 <div class="row">
222 <div class="col">
223 <i class="fa fa-database fa-3x"> </i>
224 </div>
225 <div class="col">
56164221
VP
226 <span data-toggle="tooltip" title="<?php echo $tooltip; ?>" style="border-bottom: 1px dotted #000000">
227 <h3 id="stats_uline_total" class="display-4"><?php echo $stats->user->ulined; ?>/<?php echo $stats->server->ulined; ?></h3>
75c101fd
VP
228 </div>
229 </div>
230 </div>
231 <div class="card-body">
232 <div class="row">
233 <div class="col">
ce8122f0
VP
234 <h6>Services Online</h6>
235 </div>
ea90b321 236 <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url")."users/?servicesonly"; ?>">View</a></div>
ce8122f0
VP
237 </div>
238 </div>
239
240 </div>
241 </div>
242 </div>
809f7483 243</div>
56164221
VP
244
245
246<script>
fd4848e4
BM
247 function updateStats(e)
248 {
249 var data;
250 try {
251 data = JSON.parse(e.data);
252 } catch(e) {
253 return;
254 }
255 document.getElementById("stats_user_total").innerHTML = data.user.total;
256 document.getElementById("stats_channel_total").innerHTML = data.channel.total;
257 document.getElementById("stats_oper_total").innerHTML = data.user.oper;
258 document.getElementById("stats_server_total").innerHTML = data.server.total;
259 document.getElementById("num_server_bans").innerHTML = data.server_ban.server_ban;
260 document.getElementById("num_spamfilter_entries").innerHTML = data.server_ban.spamfilter;
261 document.getElementById("num_ban_exceptions").innerHTML = data.server_ban.server_ban_exception;
262 document.getElementById("stats_uline_total").innerHTML = data.user.ulined + "/" + data.server.ulined;
263 }
264 function initStats()
265 {
266 if (!!window.EventSource) {
267 var source = new EventSource('api/overview.php');
268 source.addEventListener('message', updateStats, false);
269 }
270 }
271 initStats();
272 //setInterval(updateStats, 1000); // Update stats every second
273 // ^ commented out but may want to restart initStats() when connection is lost.
711c63bc
VP
274
275
276 window.addEventListener('resize', function() {
277 var containers = document.querySelectorAll('.card-container');
278 var width = window.innerWidth;
279 if (width < 768)
280 {
281 containers.forEach((container) => {
282 container.removeAttribute('style');
283
284 });
285 } else
286 {
287 containers.forEach((container) => {
288 container.style.marginLeft = "40px";
289 container.style.marginTop = "30px";
290
291 });
292 }
293 });
56164221
VP
294</script>
295
711c63bc 296<div class="container card-container card-container" style="margin-left:40px;margin-top:10px">
fdc0088f
VP
297
298 <div class="row">
299 <div class="col-sm-3">
300 <div class="card text-center">
301 <div class="card-header bg-success text-white">
302 <div class="row">
303 <div class="col">
304 <i class="fa fa-lock-open fa-3x"></i>
305 </div>
306 <div class="col">
307 <h3 class="display-4"><?php echo $num_of_panel_admins; ?></h3>
308 </div>
309 </div>
310 </div>
311 <div class="card-body">
312 <div class="row">
313 <div class="col">
6210ec48 314 <h6>Panel Accounts</h6>
fdc0088f 315 </div>
ea90b321 316 <div class="col"> <a class="btn btn-primary" href="<?php echo get_config("base_url"); ?>settings">View</a></div>
fdc0088f
VP
317 </div>
318 </div>
319 </div>
320 </div>
321 </div>
322 </div>
809f7483
VP
323<?php
324
440ff671
VP
325Hook::run(HOOKTYPE_OVERVIEW_CARD, $stats);
326
c06c1713 327require_once "inc/footer.php";