<?php include_once "status-api.php"; $infos = json_decode($json); $percentageRAMClear = substr($infos->memPercentageUsed, 0, strlen($infos->memPercentageUsed) -2); $percentageRAMClear = number_format($percentageRAMClear, 2, '.', ''); $percentageDiskClear = substr($infos->spacePercentageUsed, 0, strlen($infos->spacePercentageUsed) -2); $percentageDiskClear = number_format($percentageDiskClear, 2, '.', ''); header("Refresh:10;url=index.php"); ?> <!DOCTYPE html> <html> <head> <title>Pi Status</title> <link rel="stylesheet" type="text/css" href="status.css"> <link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" href="weather-icons-master/css/weather-icons.min.css"> <style> #progress1{ width: <?php echo $percentageRAMClear; ?>%; } #progress2{ width: <?php echo $percentageDiskClear; ?>%; } </style> </head> <body> <div id="main"> <div id="header"> Raspberry Pi - Status </div> <table class="infos" id="table1"> <tr class="headline"> <td> <div class="icon"> <i class="fa fa-wifi fa-1x"></i><span class="icon-text">Uptime</span> </div> </td> <td colspan="2"> <div class="icon"> <i class="fa fa-tachometer fa-1x"></i><span class="icon-text">CPU-Load</span> </div> </td> <td> <div class="icon"> <i class="wi wi-thermometer"></i><span class="icon-text">Temperature</span> </div> </td> </tr> <tr class="value"> <td><?php echo $infos->uptime;?></td> <td colspan="2"><?php echo $infos->cpuLoad;?></td> <td><?php echo $infos->temperature;?></td> </tr> </table> <table class="infos"> <tr class="headline"> <td colspan="2"> <div class="icon"> <i class="fa fa-hdd-o fa-1x"></i><span class="icon-text">RAM</span> </div> </td> <td colspan="2"> <div class="icon"> <i class="fa fa-database fa-1x"></i><span class="icon-text">Disk</span> </div> </td> </tr> <tr> <td colspan="2"> <table class="details"> <tr class="value"> <td>Total:</td> <td class="right"><?php echo $infos->memTotal;?></td> </tr> <tr> <td>Free:</td> <td class="right"><?php echo $infos->memFree;?></td> </tr> <tr> <td colspan="2"> <div class="border"> <div class="bar"> <div class="percentage"><?php echo $infos->memPercentageUsed;?></div> <div class="progress" id="progress1"> </div> </div> </div> </td> </tr> </table> </td> <td colspan="2"> <table class="details"> <tr class="value"> <td>Total:</td> <td class="right"><?php echo $infos->totalSpace;?></td> </tr> <tr> <td>Free:</td> <td class="right"><?php echo $infos->freeSpace;?></td> </tr> <tr> <td colspan="2"> <div class="border"> <div class="bar"> <div class="percentage"><?php echo $infos->spacePercentageUsed;?></div> <div class="progress" id="progress2"> </div> </div> </div> </td> </tr> </table> </td> </tr> </table> </div> </body> </html>