/gist:4388108
Last active Aug 31, 2017
| <?php | |
| header("Cache-Control: no-cache, must-revalidate"); | |
| header("Expires: Sat, 26 Jul 1997 05:00:00 GMT"); | |
| header("Pragma: no-cache"); | |
| function human_filesize($bytes, $decimals = 2) { | |
| $sz = 'BKMGTP'; | |
| $factor = floor((strlen($bytes) - 1) / 3); | |
| return sprintf("%.{$decimals}f", $bytes / pow(1024, $factor)) . @$sz[$factor]; | |
| } | |
| $current_time = exec("date +'%d %b %Y<br />%T %Z'"); | |
| $frequency = exec("cat /sys/devices/system/cpu/cpu0/cpufreq/scaling_cur_freq") / 1000; | |
| $processor = str_replace("-compatible processor", "", explode(": ", exec("cat /proc/cpuinfo | grep Processor"))[1]); | |
| $cpu_temperature = round(exec("cat /sys/class/thermal/thermal_zone0/temp ") / 1000, 1); | |
| //$RX = exec("ifconfig eth0 | grep 'RX bytes'| cut -d: -f2 | cut -d' ' -f1"); | |
| //$TX = exec("ifconfig eth0 | grep 'TX bytes'| cut -d: -f3 | cut -d' ' -f1"); | |
| list($system, $host, $kernel) = split(" ", exec("uname -a"), 4); | |
| $host = exec('hostname -f');; | |
| //Uptime | |
| $uptime_array = explode(" ", exec("cat /proc/uptime")); | |
| $seconds = round($uptime_array[0], 0); | |
| $minutes = $seconds / 60; | |
| $hours = $minutes / 60; | |
| $days = floor($hours / 24); | |
| $hours = sprintf('%02d', floor($hours - ($days * 24))); | |
| $minutes = sprintf('%02d', floor($minutes - ($days * 24 * 60) - ($hours * 60))); | |
| if ($days == 0): | |
| $uptime = $hours . ":" . $minutes . " (hh:mm)"; | |
| elseif($days == 1): | |
| $uptime = $days . " day, " . $hours . ":" . $minutes . " (hh:mm)"; | |
| else: | |
| $uptime = $days . " days, " . $hours . ":" . $minutes . " (hh:mm)"; | |
| endif; | |
| // Load averages | |
| $loadavg = file("/proc/loadavg"); | |
| if (is_array($loadavg)) { | |
| $loadaverages = strtok($loadavg[0], " "); | |
| for ($i = 0; $i < 2; $i++) { | |
| $retval = strtok(" "); | |
| if ($retval === FALSE) break; else $loadaverages .= " " . $retval; | |
| } | |
| } | |
| //Memory Utilisation | |
| $meminfo = file("/proc/meminfo"); | |
| for ($i = 0; $i < count($meminfo); $i++) | |
| { | |
| list($item, $data) = split(":", $meminfo[$i], 2); | |
| $item = trim(chop($item)); | |
| $data = intval(preg_replace("/[^0-9]/", "", trim(chop($data)))); //Remove non numeric characters | |
| switch($item) | |
| { | |
| case "MemTotal": $total_mem = $data; break; | |
| case "MemFree": $free_mem = $data; break; | |
| case "SwapTotal": $total_swap = $data; break; | |
| case "SwapFree": $free_swap = $data; break; | |
| case "Buffers": $buffer_mem = $data; break; | |
| case "Cached": $cache_mem = $data; break; | |
| default: break; | |
| } | |
| } | |
| $used_mem = $total_mem - $free_mem; | |
| $used_swap = $total_swap - $free_swap; | |
| $percent_free = round(($free_mem / $total_mem) * 100); | |
| $percent_used = round(($used_mem / $total_mem) * 100); | |
| $percent_swap = round((($total_swap - $free_swap ) / $total_swap) * 100); | |
| $percent_swap_free = round(($free_swap / $total_swap) * 100); | |
| $percent_buff = round(($buffer_mem / $total_mem) * 100); | |
| $percent_cach = round(($cache_mem / $total_mem) * 100); | |
| $used_mem = human_filesize($used_mem*1024,0); | |
| $used_swap = human_filesize($used_swap*1024,0); | |
| $total_mem = human_filesize($total_mem*1024,0); | |
| $free_mem = human_filesize($free_mem*1024,0); | |
| $total_swap = human_filesize($total_swap*1024,0); | |
| $free_swap = human_filesize($free_swap*1024,0); | |
| $buffer_mem = human_filesize($buffer_mem*1024,0); | |
| $cache_mem = human_filesize($cache_mem*1024,0); | |
| //Disk space check, with sizes reported in kB | |
| exec("df -T -l -BKB -x tmpfs -x devtmpfs -x rootfs", $diskfree); | |
| $count = 1; | |
| while ($count < sizeof($diskfree)) | |
| { | |
| list($drive[$count], $typex[$count], $size[$count], $used[$count], $avail[$count], $percent[$count], $mount[$count]) = split(" +", $diskfree[$count]); | |
| $percent_part[$count] = str_replace( "%", "", $percent[$count]); | |
| $count++; | |
| } | |
| ?> | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Raspberry Pi System Information</title> | |
| <style type="text/css"> | |
| body { | |
| margin:50px 0px; padding:0px; | |
| text-align:center; | |
| } | |
| #Content { | |
| width:320px; | |
| margin:0px auto; | |
| text-align:left; | |
| padding:15px; | |
| border:1px dashed #333; | |
| background-color:#eee; | |
| } | |
| a { | |
| color:black; | |
| padding-top:5px; | |
| display:block; | |
| } | |
| a:hover { | |
| text-decoration:none; | |
| } | |
| td { | |
| font-family:"DejaVu Sans",Arial,Helvetica,sans-serif; | |
| font-size:12px; | |
| vertical-align:top; | |
| padding-left:2px; | |
| padding-right:2px; | |
| background:#FFFFFF; | |
| } | |
| p { | |
| font-family:"DejaVu Sans", Arial, Helvetica, sans-serif; | |
| font-size:12px; | |
| } | |
| h1 { | |
| font-family:"DejaVu Sans", Arial, Helvetica, sans-serif; | |
| font-size:20px; | |
| text-align:center; | |
| } | |
| td.center { | |
| text-align:center; | |
| } | |
| td.head { | |
| font-weight:bold; | |
| padding-top:3px; | |
| padding-bottom:3px; | |
| } | |
| td.right { | |
| text-align:right; | |
| padding-right:6px; | |
| } | |
| table { | |
| width: 320px; border-spacing:0; | |
| border-collapse:collapse; | |
| } | |
| html,body,.darkbackground { | |
| background:#CCCCCC; | |
| } | |
| body { | |
| color:#000000; | |
| } | |
| td.column1 { | |
| width:60px; | |
| } | |
| td.column3 { | |
| width:120px; | |
| } | |
| td.column4 { | |
| width:30px; | |
| } | |
| div#bar1, div#bar2, div#bar3, div#bar4, div#bar5, div#bar6 { | |
| height:12px; | |
| width:0px; | |
| transition:width 2s; | |
| <?php | |
| $agent = ""; | |
| if(isset($_SERVER['HTTP_USER_AGENT'])) | |
| { | |
| $agent = $_SERVER['HTTP_USER_AGENT']; | |
| } | |
| if(strlen(stristr($agent,"applewebkit")) > 0 ) echo "\n\t\t\t\t-webkit-transition:width 2s;\n"; | |
| else if(strlen(stristr($agent,"gecko")) > 0 ) echo "\n\t\t\t\t-moz-transition:width 2s;\n"; | |
| else if(strlen(stristr($agent,"opera")) > 0 ) echo "\n\t\t\t\t-o-transition:width 2s;\n"; | |
| ?> | |
| } | |
| div#bar1 { background-color:#D78787; } | |
| div#bar2 { background-color:#AFD787; } | |
| div#bar3 { background-color:#F7F7AF; } | |
| div#bar4 { background-color:#87AFD7; } | |
| div#bar5 { background-color:#D7AFD7; } | |
| div#bar6 { background-color:#AFD7D7; } | |
| </style> | |
| <script type="text/javascript"> | |
| function updateText(objectId, text) | |
| { | |
| document.getElementById(objectId).textContent = text; | |
| } | |
| function updateHTML(objectId, html) | |
| { | |
| document.getElementById(objectId).innerHTML = html; | |
| } | |
| function updateDisplay() | |
| { | |
| <?php | |
| echo "\n\t\t\t\tupdateText(\"host\",\"$host\");"; | |
| echo "\n\t\t\t\tupdateHTML(\"time\",\"$current_time\");"; | |
| echo "\n\t\t\t\tupdateText(\"kernel\",\"$system\" + \" \" + \"$kernel\");"; | |
| echo "\n\t\t\t\tupdateText(\"processor\",\"$processor\");"; | |
| echo "\n\t\t\t\tupdateText(\"freq\",\"$frequency\" + \"MHz\");"; | |
| echo "\n\t\t\t\tupdateText(\"loadavg\",\"$loadaverages\");"; | |
| echo "\n\t\t\t\tupdateHTML(\"cpu_temperature\",\"$cpu_temperature\" + \"℃\");"; | |
| echo "\n\t\t\t\tupdateText(\"uptime\",\"$uptime\");"; | |
| echo "\n\t\t\t\tupdateText(\"total_mem\",\"$total_mem\" );"; | |
| echo "\n\t\t\t\tupdateText(\"used_mem\",\"$used_mem\" );"; | |
| echo "\n\t\t\t\tupdateText(\"percent_used\",\"$percent_used%\");"; | |
| echo "\n\t\t\t\tupdateText(\"free_mem\",\"$free_mem\" );"; | |
| echo "\n\t\t\t\tupdateText(\"percent_free\",\"$percent_free%\");"; | |
| echo "\n\t\t\t\tupdateText(\"buffer_mem\",\"$buffer_mem\" );"; | |
| echo "\n\t\t\t\tupdateText(\"percent_buff\",\"$percent_buff%\");"; | |
| echo "\n\t\t\t\tupdateText(\"cache_mem\",\"$cache_mem\" );"; | |
| echo "\n\t\t\t\tupdateText(\"percent_cach\",\"$percent_cach%\");"; | |
| echo "\n\t\t\t\tupdateText(\"total_swap\",\"$total_swap\" );"; | |
| echo "\n\t\t\t\tupdateText(\"used_swap\",\"$used_swap\" );"; | |
| echo "\n\t\t\t\tupdateText(\"percent_swap\",\"$percent_swap%\");"; | |
| echo "\n\t\t\t\tupdateText(\"free_swap\",\"$free_swap\" );"; | |
| echo "\n\t\t\t\tupdateText(\"percent_swap_free\",\"$percent_swap_free%\");\n"; | |
| ?> | |
| document.getElementById("bar1").style.width = "<?php echo $percent_used; ?>px"; | |
| document.getElementById("bar2").style.width = "<?php echo $percent_free; ?>px"; | |
| document.getElementById("bar3").style.width = "<?php echo $percent_buff; ?>px"; | |
| document.getElementById("bar4").style.width = "<?php echo $percent_cach; ?>px"; | |
| document.getElementById("bar5").style.width = "<?php echo $percent_swap; ?>px"; | |
| document.getElementById("bar6").style.width = "<?php echo $percent_swap_free; ?>px"; | |
| } | |
| </script> | |
| </head> | |
| <body onload="Javascript: updateDisplay();"> | |
| <div id="Content"> | |
| <h1>Raspberry Pi</h1><h1>System Information</h1> | |
| <table> | |
| <tr> | |
| <td colspan="4" class="head center">General Info</td> | |
| </tr> | |
| <tr> | |
| <td colspan="2">Hostname</td> | |
| <td colspan="2" id="host"></td> | |
| </tr> | |
| <tr> | |
| <td colspan="2">System Time</td> | |
| <td colspan="2" id="time"></td> | |
| </tr> | |
| <tr> | |
| <td colspan="2">Kernel</td> | |
| <td colspan="2" id="kernel"></td> | |
| </tr> | |
| <tr> | |
| <td colspan="2">Processor</td> | |
| <td colspan="2" id="processor"></td> | |
| </tr> | |
| <tr> | |
| <td colspan="2">CPU Frequency</td> | |
| <td colspan="2" id="freq"></td> | |
| </tr> | |
| <tr> | |
| <td colspan="2">Load Average</td> | |
| <td colspan="2" id="loadavg"></td> | |
| </tr> | |
| <tr> | |
| <td colspan="2">CPU Temperature</td> | |
| <td colspan="2" id="cpu_temperature"></td> | |
| </tr> | |
| <tr> | |
| <td colspan="2">Uptime</td> | |
| <td colspan="2" id="uptime"></td> | |
| </tr> | |
| <tr> | |
| <td colspan="4" class="darkbackground"> </td> | |
| </tr> | |
| <tr> | |
| <td colspan="2" class="head right">Memory:</td> | |
| <td colspan="2" class="head" id="total_mem"><?php echo $total_mem . " kB";?></td> | |
| </tr> | |
| <tr> | |
| <td class="column1">Used</td> | |
| <td class="right" id="used_mem"></td> | |
| <td class="column3"><div id="bar1"> </div></td> | |
| <td class="right column4" id="percent_used"></td> | |
| </tr> | |
| <tr> | |
| <td>Free</td> | |
| <td class="right" id="free_mem"></td> | |
| <td><div id="bar2"></div></td> | |
| <td class="right" id="percent_free"></td> | |
| </tr> | |
| <tr> | |
| <td>Buffered</td> | |
| <td class="right" id="buffer_mem"></td> | |
| <td><div id="bar3"></div></td> | |
| <td class="right" id="percent_buff"></td> | |
| </tr> | |
| <tr> | |
| <td>Cached</td> | |
| <td class="right" id="cache_mem"></td> | |
| <td><div id="bar4"></div></td> | |
| <td class="right" id="percent_cach"></td> | |
| </tr> | |
| <tr> | |
| <td colspan="4" class="darkbackground"> </td> | |
| </tr> | |
| <tr> | |
| <td colspan="2" class="head right">Swap:</td> | |
| <td colspan="2" class="head" id="total_swap"></td> | |
| </tr> | |
| <tr> | |
| <td>Used</td> | |
| <td class="right" id="used_swap"></td> | |
| <td><div id="bar5"></div></td> | |
| <td class="right" id="percent_swap"></td> | |
| </tr> | |
| <tr> | |
| <td>Free</td> | |
| <td class="right" id="free_swap"></td> | |
| <td><div id="bar6"></div></td> | |
| <td class="right" id="percent_swap_free"></td> | |
| </tr> | |
| <tr> | |
| <td colspan="4" class="darkbackground"> </td> | |
| </tr> | |
| </table> | |
| <table id="tblDiskSpace"> | |
| <tr> | |
| <td colspan="4" class="head center">Disk Usage</td> | |
| </tr> | |
| <?php | |
| for ($i = 1; $i < $count; $i++) | |
| { | |
| $total = human_filesize(intval(preg_replace("/[^0-9]/", "", trim($size[$i])))*1024,0); | |
| $usedspace = human_filesize(intval(preg_replace("/[^0-9]/", "", trim($used[$i])))*1024,0); | |
| $freespace = human_filesize(intval(preg_replace("/[^0-9]/", "", trim($avail[$i])))*1024,0); | |
| echo "\n\t\t\t<tr>"; | |
| echo "\n\t\t\t\t<td class=\"head\" colspan=\"4\">" . $mount[$i] . " (" . $typex[$i] . ")</td>"; | |
| echo "\n\t\t\t</tr>"; | |
| echo "\n\t\t\t<tr>"; | |
| echo "\n\t\t\t\t<td> </td>"; | |
| echo "\n\t\t\t\t<td>Total Size</td>"; | |
| echo "\n\t\t\t\t<td class=\"right\">" . $total . "</td>"; | |
| echo "\n\t\t\t\t<td class=\"right\"> </td>"; | |
| echo "\n\t\t\t</tr>"; | |
| echo "\n\t\t\t<tr>"; | |
| echo "\n\t\t\t\t<td> </td>"; | |
| echo "\n\t\t\t\t<td>Used</td>"; | |
| echo "\n\t\t\t\t<td class=\"right\">" . $usedspace . "</td>"; | |
| echo "\n\t\t\t\t<td class=\"right\">" . $percent[$i] . "</td>"; | |
| echo "\n\t\t\t</tr>"; | |
| echo "\n\t\t\t<tr>"; | |
| echo "\n\t\t\t\t<td> </td>"; | |
| echo "\n\t\t\t\t<td>Available</td>"; | |
| echo "\n\t\t\t\t<td class=\"right\">" . $freespace . "</td>"; | |
| echo "\n\t\t\t\t<td class=\"right\">" . (100-(floatval($percent_part[$i]))) . "%</td>"; | |
| echo "\n\t\t\t</tr>"; | |
| if ($i < $count-1): | |
| echo "\n\t\t\t<tr><td colspan=\"4\"> </td></tr>"; | |
| endif; | |
| } | |
| ?> | |
| </table> | |
| <table> | |
| <tr> | |
| <td class="right darkbackground"><a href="javascript:location.reload(true);" title="Refresh">Refresh</a></td> | |
| </tr> | |
| <tr> | |
| <td class="right darkbackground"><a href="https://gist.github.com/4388108">Source</a></td> | |
| </tr> | |
| </table> | |
| </div> | |
| </body> | |
| </html> |
PROX1MO
commented
Mar 17, 2016
|
And some process information like running and idle processes too |
PROX1MO
commented
Mar 20, 2016
•
|
well i have change it myself and now it looks like this |
xbian
commented
Apr 27, 2016
|
@PROX1MO really like your UI, would you add a gist as well? |
PROX1MO
commented
Jun 27, 2016
|
here it is |
s-gurunathadas
commented
Apr 11, 2017
|
Really awesome code and one more thing the PHP function split is deprecated, instead of that explode will helps ! |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
PROX1MO commentedMar 17, 2016
Can you please add some network stats like on phpSysteminfo, because it is too heavy for Pi, Thanks