]>
Commit | Line | Data |
---|---|---|
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"; |