]>
Commit | Line | Data |
---|---|---|
e6274ac9 | 1 | <?php |
c06c1713 BM |
2 | require_once "../inc/common.php"; |
3 | require_once "../inc/connection.php"; | |
4 | require_once "../inc/header.php"; | |
e6274ac9 VP |
5 | require_once "../Classes/class-checkup.php"; |
6 | ||
e6274ac9 VP |
7 | $checkup = new CheckUp(); |
8 | ||
e6274ac9 | 9 | ?> |
6df796ae | 10 | |
e6274ac9 VP |
11 | <h4>Network Health Checkup</h4> |
12 | ||
13 | <div class="container"> | |
14 | ||
15 | <div class="row mt-3"> | |
16 | <div class="col-sm mb-3"> | |
17 | <div class="card text-center"> | |
18 | <div class="card-header bg-<?php echo ($checkup->num_of_problems['chanmodes']) ? "danger" : "success"; ?> text-white"> | |
19 | <div class="row"> | |
20 | <div class="col"> | |
21 | <i class="fa fa-hashtag fa-3x"></i> | |
22 | </div> | |
23 | <div class="col"> | |
24 | <h3 class="display-4"><?php echo $checkup->num_of_problems['chanmodes']; ?></h3><div class="display-5">problems</div> | |
25 | </div> | |
26 | </div> | |
27 | </div> | |
28 | <div class="card-body"> | |
29 | <div class="row"> | |
30 | <div class="col"> | |
31 | <h6>Channel Modes</h6> | |
32 | </div> | |
33 | <div class="col"> <a class="btn btn-primary">View</a></div> | |
34 | </div> | |
35 | </div> | |
36 | </div> | |
37 | ||
38 | ||
39 | </div> | |
40 | <div class="col-sm mb-3"> | |
41 | <div class="card text-center"> | |
42 | <div class="card-header bg-<?php echo ($checkup->num_of_problems['usermodes']) ? "danger" : "success"; ?> text-white"> | |
43 | <div class="row"> | |
44 | <div class="col"> | |
45 | <i class="fa fa-user fa-3x"></i> | |
46 | </div> | |
47 | <div class="col"> | |
48 | <h3 class="display-4"><?php echo $checkup->num_of_problems['usermodes']; ?></h3><div class="display-5">problems</div> | |
49 | </div> | |
50 | </div> | |
51 | </div> | |
52 | <div class="card-body"> | |
53 | <div class="row"> | |
54 | <div class="col"> | |
55 | <h6>User Modes</h6> | |
56 | </div> | |
57 | <div class="col"><a class="btn btn-primary">View</a></div> | |
58 | </div> | |
59 | </div> | |
60 | </div> | |
61 | </div> | |
62 | <div class="col-sm mb-3"> | |
63 | <div class="card text-center"> | |
64 | <div class="card-header bg-warning"> | |
65 | <div class="row"> | |
66 | <div class="col"> | |
67 | <i class="fa fa-plug fa-3x"></i> | |
68 | </div> | |
69 | <div class="col"> | |
70 | <h3 class="display-4"><?php // nothing ?></h3> | |
71 | </div> | |
72 | </div> | |
73 | </div> | |
74 | <div class="card-body"> | |
75 | <div class="row"> | |
76 | <div class="col"> | |
77 | <h6>Modules</h6> | |
78 | </div> | |
79 | <div class="col"><a class="btn btn-primary">View</a></div> | |
80 | </div> | |
81 | </div> | |
82 | </div> | |
83 | </div> | |
84 | ||
85 | <div class="col-sm mb-3"> | |
86 | <div class="card text-center"> | |
87 | <div class="card-header bg-secondary text-white"> | |
88 | <div class="row"> | |
89 | <div class="col"> | |
90 | <i class="fa fa-network-wired fa-3x"></i> | |
91 | </div> | |
92 | <div class="col"> | |
93 | <h3 class="display-4"><?php // nothing ?></h3> | |
94 | </div> | |
95 | </div> | |
96 | </div> | |
97 | <div class="card-body"> | |
98 | <div class="row"> | |
99 | <div class="col"> | |
100 | <h6>Servers</h6> | |
101 | </div> | |
102 | <div class="col"> <a class="btn btn-primary">View</a></div> | |
103 | </div> | |
104 | </div> | |
105 | </div> | |
106 | </div> | |
6df796ae VP |
107 | </div> |
108 | <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script> | |
109 | <body> | |
110 | <canvas id="myChart" style="width:100%;max-width:400px"></canvas> | |
111 | ||
112 | <script id="js"> | |
113 | ||
114 | var xValues = ["15 minutes", "5 minutes", "1 minute"]; | |
115 | var yValues = [<?php echo "\"".$cpuUsage[2]."\", \"".$cpuUsage[1]."\", \"".$cpuUsage[0]."\""; ?>]; | |
116 | var barColors = ["blue", "blue", "blue"] | |
117 | ||
118 | new Chart("myChart", { | |
119 | type: "bar", | |
120 | type: "bar", | |
121 | data: { | |
122 | labels: xValues, | |
123 | datasets: [{ | |
124 | backgroundColor: barColors, | |
125 | data: yValues | |
126 | }] | |
127 | }, | |
128 | ||
129 | options: { | |
130 | legend: {display: false}, | |
131 | title: { | |
132 | display: true, | |
133 | text: "CPU Usage", | |
134 | fontSize: 16 | |
135 | }, | |
136 | scales: { | |
137 | xAxes: [{ticks: {min: 0, max:15}}], | |
138 | yAxes: [{ticks: {min: 0, max:1}}], | |
139 | } | |
140 | } | |
141 | }); | |
142 | </script> | |
143 | <div id="stats-container"> | |
144 | <p id="cpu-usage">CPU Usage: </p> | |
145 | <p id="memory-usage">Memory Usage: </p> | |
146 | </div> | |
147 | ||
148 | <script> | |
149 | function updateStats() { | |
150 | var xhttp = new XMLHttpRequest(); | |
c5e73d04 | 151 | var BASE_URL = "<?php echo get_config("base_url"); ?>"; |
6df796ae VP |
152 | xhttp.onreadystatechange = function() { |
153 | if (this.readyState == 4 && this.status == 200) { | |
154 | var data = JSON.parse(this.responseText); | |
155 | document.getElementById("cpu-usage").innerHTML = "Current Usage: <code>" + data.cpu + "</code>"; | |
156 | document.getElementById("memory-usage").innerHTML = "Memory Usage: <code>" + data.memory + "</code>"; | |
157 | } | |
158 | }; | |
c5e73d04 | 159 | xhttp.open("GET", BASE_URL + "api/data.php", true); |
6df796ae VP |
160 | xhttp.send(); |
161 | } | |
162 | updateStats(); | |
1ba50e53 | 163 | setInterval(updateStats, 1000); // Update stats every second |
6df796ae | 164 | </script> |