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