├── app
    ├── images
    │   ├── cpu.png
    │   ├── sd.png
    │   ├── swap.png
    │   ├── bargraph.gif
    │   ├── memory.png
    │   ├── reboot.png
    │   ├── update.png
    │   └── uptime.png
    ├── classes
    │   ├── _logout.php
    │   ├── _uptime.php
    │   ├── _runningService.php
    │   ├── _login.php
    │   ├── _cpu.php
    │   ├── _versionCheck.php
    │   ├── _hdd.php
    │   └── _ram.php
    ├── commands
    │   ├── _reboot.php
    │   ├── _updatefirmware.php
    │   ├── _command.php
    │   └── _updatesources.php
    ├── includes
    │   ├── _footer.php
    │   └── _header.php
    └── styles
    │   └── style.css
├── logout.php
├── testcmd.php
├── index.php
├── README
├── instructions
    └── index.html
├── setup.php
└── main.php


/app/images/cpu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weah/Raspcontrol/HEAD/app/images/cpu.png


--------------------------------------------------------------------------------
/app/images/sd.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weah/Raspcontrol/HEAD/app/images/sd.png


--------------------------------------------------------------------------------
/app/images/swap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weah/Raspcontrol/HEAD/app/images/swap.png


--------------------------------------------------------------------------------
/app/images/bargraph.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weah/Raspcontrol/HEAD/app/images/bargraph.gif


--------------------------------------------------------------------------------
/app/images/memory.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weah/Raspcontrol/HEAD/app/images/memory.png


--------------------------------------------------------------------------------
/app/images/reboot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weah/Raspcontrol/HEAD/app/images/reboot.png


--------------------------------------------------------------------------------
/app/images/update.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weah/Raspcontrol/HEAD/app/images/update.png


--------------------------------------------------------------------------------
/app/images/uptime.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weah/Raspcontrol/HEAD/app/images/uptime.png


--------------------------------------------------------------------------------
/logout.php:
--------------------------------------------------------------------------------
1 | <?php
2 | session_start();
3 | session_unset();
4 | session_destroy();
5 | header('location: index.php');
6 | ?>


--------------------------------------------------------------------------------
/app/classes/_logout.php:
--------------------------------------------------------------------------------
1 | <?php
2 | session_start();
3 | session_unset();
4 | session_destroy();
5 | header('location: ../../index.php');
6 | ?>


--------------------------------------------------------------------------------
/app/commands/_reboot.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | 
 4 | if($_SESSION['username'] == ""){
 5 | 	die("You are not logged in");
 6 | }
 7 | 	system('sudo reboot');
 8 | ?>
 9 | 	
10 | 	<center> Your Raspberry Pi is now rebooting! </center>
11 | 


--------------------------------------------------------------------------------
/testcmd.php:
--------------------------------------------------------------------------------
 1 |         	<?php
 2 | 				$service = "apache";
 3 | 				
 4 | 				$shell = shell_exec('#!/bin/bash
 5 | 				SERVICE=service
 6 | 				if P=$(pgrep '.$service.')
 7 | 				then
 8 | 				    echo "'.$service.' is running"
 9 | 				else
10 | 				    echo "'.$service.' is not running"
11 | 				fi');
12 | 				echo "<pre>".$shell."</pre>";
13 | 			?> 


--------------------------------------------------------------------------------
/app/classes/_uptime.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	class systemUptime {
 3 | 		function getSystemUptime(){
 4 | 		
 5 | 		 	$uptime = shell_exec("cat /proc/uptime");
 6 | 			$uptime = explode(" ", $uptime);
 7 | 			$uptime = gmdate("H:i", $uptime[0]);
 8 | 			echo "<img src='app/images/uptime.png' align='middle'>Uptime: <strong>$uptime</strong>";
 9 | 		}
10 | 		}
11 | 	
12 | ?>
13 | 


--------------------------------------------------------------------------------
/app/commands/_updatefirmware.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | 
 4 | if($_SESSION['username'] == ""){
 5 | 	die("You are not logged in");
 6 | }
 7 | 
 8 | echo '<pre>';
 9 | 
10 | $last_line = system('sudo rpi-update', $retval);
11 | 
12 | // Printing additional info
13 | echo '
14 | </pre>'; ?>
15 | Firmware Update Complete!<br/>
16 | <a href="<?php echo $_SERVER['HTTP_REFERER']; ?>">Return To Previous Page</a>
17 | 


--------------------------------------------------------------------------------
/app/classes/_runningService.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	class runningService {
 3 | 		function getRunningService(){
 4 | 				   
 5 | 			$service = "apache";
 6 | 			
 7 | 			$shell = shell_exec('#!/bin/bash
 8 | 			SERVICE=service
 9 | 			if P=$(pgrep '.$service.')
10 | 			then
11 | 			    echo "'.$service.' is running"
12 | 			else
13 | 			    echo "'.$service.' is not running"
14 | 			fi');
15 | 			echo "<pre>".ucfirst($shell)."</pre>";
16 | 			
17 | 				
18 | 		}
19 | 		}
20 | ?>
21 | 


--------------------------------------------------------------------------------
/app/commands/_command.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | 
 4 | if($_SESSION['username'] == ""){
 5 | 	die("You are not logged in");
 6 | }
 7 | 
 8 | echo '<pre>';
 9 | 
10 | // Outputs all the result of shellcommand "ls", and returns
11 | // the last output line into $last_line. Stores the return value
12 | // of the shell command in $retval.
13 | 
14 | $command = $_POST['command'];
15 | 
16 | $last_line = system('sudo '.$command, $retval);
17 | 
18 | // Printing additional info
19 | echo '
20 | </pre>'; ?>
21 | 


--------------------------------------------------------------------------------
/app/commands/_updatesources.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | 
 4 | if($_SESSION['username'] == ""){
 5 | 	die("You are not logged in");
 6 | }
 7 | 
 8 | echo '<pre>';
 9 | 
10 | // Outputs all the result of shellcommand "ls", and returns
11 | // the last output line into $last_line. Stores the return value
12 | // of the shell command in $retval.
13 | $last_line = system('sudo apt-get update', $retval);
14 | 
15 | // Printing additional info
16 | echo '
17 | </pre>'; ?>
18 | Source Update Complete!<br/>
19 | <a href="<?php echo $_SERVER['HTTP_REFERER']; ?>">Return To Previous Page</a>
20 | 


--------------------------------------------------------------------------------
/app/classes/_login.php:
--------------------------------------------------------------------------------
 1 | <?php session_start();
 2 | 
 3 | if(isset($_POST['login'])){
 4 | 
 5 | 	$handle = file_get_contents("/etc/raspcontrol/database.aptmnt");
 6 | 	$db = json_decode($handle);
 7 | 	$username = $db->{'user'};
 8 | 	$password = $db->{'password'};
 9 | 	
10 | 	if($_POST['username'] == $username && $_POST['password'] == $password){
11 | 		
12 | 		$_SESSION['username'] = $username; ?>
13 | 		
14 | 		<script type="text/javascript">
15 | 		<!--
16 | 		window.location = "main.php"
17 | 		//-->
18 | 		</script>
19 | 		
20 | 		<?php
21 | 		
22 | 	}else{
23 | 		
24 | 		$wrong = 1;
25 | 		
26 | 	}
27 | 	
28 | }
29 | 
30 | ?>


--------------------------------------------------------------------------------
/app/includes/_footer.php:
--------------------------------------------------------------------------------
 1 | <div id="footerContainer">
 2 |         <div class="footerWrapper">
 3 |             Powered by <a href="https://github.com/Bioshox/Raspcontrol" target="_blank">Raspcontrol</a> 
 4 |             
 5 |             <?php
 6 |             
 7 |             require('app/classes/_versionCheck.php'); 
 8 |             
 9 |             if($_SESSION['username'] == ""){}else{
10 | 	            echo '&middot; <a href="app/classes/_logout.php">Logout</a> &middot ';
11 | 				$versionCheck = new versionCheck; $checkVersion = $versionCheck->checkVersion();
12 |             }
13 |             ?>
14 |             
15 |         </div>
16 |     </div>
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/app/classes/_cpu.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	class cpuLoad {
 3 | 		function getCpuLoad(){
 4 | 		
 5 | 		  $getLoad = sys_getloadavg();
 6 | 		  
 7 | 		  $rawCPUSpeed = shell_exec('cat /proc/cpuinfo | grep BogoMIPS');
 8 | 		  $cpuSpeed = str_replace("BogoMIPS	: ", "", "$rawCPUSpeed");
 9 | 		  
10 |           if ($getLoad[0] > 1) {
11 |               $warning = "<font color=\"red\"> (Warning)</font>";
12 |           } else {
13 |               $warning = "<font color=\"green\"> (OK)</font>";
14 |           }
15 | 		  
16 | 		  echo "<img src='app/images/cpu.png' align='middle'> CPU ".$warning.": <br/><br/>";
17 | 		  echo "Loads: 1 Min: <strong>".$getLoad[0]."</strong> &middot ";
18 | 		  echo "5 Mins: <strong>".$getLoad[1]."</strong> &middot ";
19 | 		  echo "15 Mins: <strong>".$getLoad[2]."</strong> <br/><br/> CPU is running at <strong>".$cpuSpeed."MHz</strong>";
20 | 		
21 | 		}
22 | 		}
23 | 	
24 | ?>
25 | 


--------------------------------------------------------------------------------
/app/classes/_versionCheck.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	class versionCheck {
 3 | 		function checkVersion(){
 4 | 		    $version = "1.2"; //Version of the script, to check against CSV
 5 | 		    $critical = FALSE; //Set Critical Variable to False 
 6 | 		    $update = FALSE; //Set None Critical to Fasle too
 7 | 		    $url = "http://fusionstrike.com/raspcontrol/version.csv"; //Link to your external CSV to check against
 8 | 		    $fp = @fopen ($url, 'r') or print ('Failed to check for the latest version.'); //If the server is unreachable
 9 | 		    $read = fgetcsv ($fp); //PHP fgetcsv
10 | 		    fclose ($fp); // Closes the connection
11 | 		    if ($read[0] > $version && $read[2] == "1") { $critical = TRUE; } // If its 1, set ciritcal to true
12 | 		    if ($read[0] > $version) { $update = TRUE; } // Anything other than 1 set update to true
13 | 		    if ($critical) { 
14 | 		        print '<font color="red">There is a critical update available (Version: '.$read[0].')!</font><br/>You can get it at <a href="'.$read[3].'">'.$read[3].'</a> (Description: '.$read[1].') <br/><br/>';
15 | 		    }else if ($update){
16 | 		        print '<font color="green">There is a none critical update available (Version: '.$read[0].')!</font><br/>You can get it at <a href="'.$read[3].'">'.$read[3].'</a> (Description: '.$read[1].') <br/><br/>';
17 | 		    }
18 | 			
19 | 		}
20 | 	}
21 | ?>


--------------------------------------------------------------------------------
/app/includes/_header.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | ?>
 4 | 
 5 | <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 6 | 
 7 | <html>
 8 | <head>
 9 |     <title>Raspcontrol - The Raspberry Pi Control Centre</title>
10 |     <link rel="stylesheet" href="app/styles/style.css" type="text/css" media="screen" charset="utf-8">
11 | </head>
12 | 
13 | <body>
14 |     <div id="topContainer">
15 |         <div class="topWrapper">
16 |             <div style="float: left;&gt;">
17 |                 <h1>Raspcontrol</h1>
18 | 
19 |                 <h2>The Raspberry Pi Control Centre</h2>
20 |             </div>
21 | 
22 | 			<?php
23 | 				if($_SESSION['username'] == ""){
24 | 					
25 | 				}else{ ?>
26 | 					
27 | 					<div style="text-align: right; color: #FFFFFF; font-family: Arial; font-size: 14px; float: right; width:500px;">
28 | 		                Hostname: <strong><?php echo gethostname(); ?></strong> &middot; Internal IP: <strong><?php echo $_SERVER['SERVER_ADDR']; ?></strong><br>
29 | 		                Accessed From: <strong><?php echo $_SERVER['SERVER_NAME']; ?></strong> &middot; Port <strong><?php echo $_SERVER['SERVER_PORT']; ?></strong> &middot; System: <strong><?php echo $_SERVER['SERVER_SOFTWARE']; ?></strong><br/>
30 |                         
31 | 		               
32 | 		            </div>
33 | 					
34 | 				<?php }
35 | 			?>
36 |             
37 |         </div>
38 |     </div>
39 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 | 	session_start();
 3 | 	if($_SESSION['username'] != ""){
 4 | 		require('main.php'); 
 5 | 		die;
 6 | 	}
 7 | 	require('app/classes/_login.php'); 
 8 | 	require('app/includes/_header.php'); 
 9 | ?>
10 | 
11 | 
12 |     <div id="firstBlockContainer">
13 |         <div class="firstBlockWrapper">
14 |         	
15 |         	<div style="padding-top: 20px;">
16 |         	<center>
17 |         		Please login to Raspcontrol!<br/><br/>
18 | 	        	<form method="post" action="index.php">
19 | 	        		<input type="text" name="username" class="loginForm" onfocus="if(this.value == 'Username') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Username';}" value="Username">
20 | 	        		<input type="password" name="password" class="loginForm" onfocus="if(this.value == 'Password') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Password';}" value="Password"><br/>
21 | 	        		<input type="submit" value="Login" name="login" class="minimal">
22 | 	        		
23 | 	        		<br/><br/>
24 | 	        		
25 | 	        		<?php if($wrong == 1){
26 | 		        		echo "<font color='red'>Incorrect Username/Password</font>";
27 | 	        		}
28 | 	        		?>
29 | 	        		
30 | 	        	</form>
31 |         	</center>
32 |         	</div>
33 |         	
34 |        	</div>
35 |        	<br/><br/><br/>
36 |     </div>
37 | 
38 |     <?php require('app/includes/_footer.php'); ?>
39 | 


--------------------------------------------------------------------------------
/README:
--------------------------------------------------------------------------------
 1 | How to setup Raspcontrol
 2 | Typical Installation Requirements:
 3 | 
 4 | OS: Raspbian/Debian Wheezy
 5 | HTTP: Apache 2 (sudo apt-get install apache2)
 6 | Language: PHP-5 (sudo apt-get install php5)
 7 | 	
 8 | How to setup
 9 | 
10 | Upload everything within the .ZIP file you have downloaded from GitHub into a folder called raspcontrol within your web accessible directory (Apaches Default is located in /var/www).
11 | 		
12 | You must add www-data on Apache (or your HTTP user on another HTTP Server) to your sudoers file, which means they can run Superuser Commands, to do this from the shell type 'sudo visudo' scroll to the bottom of the file and on the last line add: 'www-data ALL=(ALL) NOPASSWD: ALL'
13 | 		
14 | If you're accessing Apaches web directory on your Raspberry Pi (using startx) you can navigate to http://localhost/raspcontrol, if you're accessing it from another computer on your Network you will need to navigate to http://your.iternal.ip/raspcontrol.
15 | 				
16 | Once you can see a login screen you have successfully uploaded Raspcontrol to your Raspberry Pi, now you need to navigate to raspcontrol/setup.php, this will create the initial user to login to the system, you can then log in with the username "admin" and the password that you chose during setup.
17 | 		
18 | 		
19 | Further Information
20 | This is an ongoing development, if you wish you can pull the repo from GitHub and contribute to any part of the code, this manual will be improved or you can improve it yourself!
21 | 
22 | Contributors: 
23 | 
24 | Bioshox (http://www.fusionstrike.com) 
25 | VeoPVM (http://rpi-blog.com)
26 | 


--------------------------------------------------------------------------------
/app/classes/_hdd.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	class hddPercentage {
 3 | 		function freeStorage(){
 4 | 				    
 5 | 			    $bytes = disk_free_space("."); 
 6 | 			    $si_prefix = array( 'B', 'KB', 'MB', 'GB', 'TB', 'EB', 'ZB', 'YB' );
 7 | 			    $base = 1024;
 8 | 			    $class = min((int)log($bytes , $base) , count($si_prefix) - 1);
 9 | 			    $free =  sprintf('%1.2f' , $bytes / pow($base,$class));
10 | 				
11 | 				
12 | 				
13 | 			    $bytes = disk_total_space("."); 
14 | 			    $si_prefix = array( 'B', 'KB', 'MB', 'GB', 'TB', 'EB', 'ZB', 'YB' );
15 | 			    $base = 1024;
16 | 			    $class = min((int)log($bytes , $base) , count($si_prefix) - 1);
17 | 			    $total = sprintf('%1.2f' , $bytes / pow($base,$class));
18 | 		    
19 | 			
20 | 				
21 | 				$used = $total - $free;
22 | 				$percentage = round($used / $total * 100);
23 | 				
24 | 				
25 | 				if($percentage > '80'){
26 | 				echo '
27 | 				<div style="float:left"><img src="app/images/sd.png" align="middle"> SD Card <font color="red"> (Warning)</font>:
28 | 				<br/><br/><div class="graph"><strong class="barGreen" style="width:'.$percentage.'%;">'.$percentage.'%</strong></div> &nbsp; &nbsp;  <div class="clear"></div>; '; 
29 | 			}else{
30 | 				 echo '
31 | 				 <div style="float:left"><img src="app/images/sd.png" align="middle"> SD Card <font color="green"> (OK)</font>:
32 | 				 <br/><div class="graph"><strong class="barGreen" style="width:'.$percentage.'%;">'.$percentage.'%</strong></div> &nbsp; &nbsp;  <div class="clear"></div>'; 
33 | 			}
34 | 				
35 | 				
36 | 				echo "<br/>Total: <strong>".$total."</strong> GB &middot ";
37 | 				echo "Free: <strong>".$free."</strong> GB";
38 | 				echo "</div>";
39 | 				
40 | 				
41 | 		}
42 | 		}
43 | ?>
44 | 


--------------------------------------------------------------------------------
/instructions/index.html:
--------------------------------------------------------------------------------
 1 | <h1>How to setup Raspcontrol</h1>
 2 | <h2>Typical Installation Requirements:</h2>
 3 | 
 4 | <p>
 5 | 	<ul>
 6 | 		<li>OS: Raspbian/Debian Wheezy</li>
 7 | 		<li>HTTP: Apache 2 (sudo apt-get install apache2)</li>
 8 | 		<li>Language: PHP-5 (sudo apt-get install php5)</li>
 9 | 	</ul>
10 | </p>
11 | 
12 | <h2>How to setup</h2>
13 | 	<ul>
14 | 		<li>Upload everything within the .ZIP file you have downloaded from GitHub into a folder called raspcontrol within your web accessible directory (Apaches Default is located in <strong>/var/www</strong>).</li><br/>
15 | 		
16 | 		<li>You must add www-data on Apache (or your HTTP user on another HTTP Server) to your sudoers file, which means they can run Superuser Commands, to do this from the shell type 'sudo visudo' scroll to the bottom of the file and on the last line add: 'www-data ALL=(ALL) NOPASSWD: ALL'</li><br/>
17 | 		
18 | 		<li>If you're accessing Apaches web directory on your Raspberry Pi (using startx) you can navigate to http://localhost/raspcontrol, if you're accessing it from another computer on your Network you will need to navigate to http://your.iternal.ip/raspcontrol.</li><br/>
19 | 				
20 | 		<li>Once you can see a login screen you have successfully uploaded Raspcontrol to your Raspberry Pi, now you need to navigate to raspcontrol/setup.php, this will create the initial user to login to the system, the default credentials to login are: <strong>Username:</strong> admin <strong>Password:</strong> admin
21 | 		</li>
22 | 	</ul>
23 | 		
24 | <h2>Further Information</h2>
25 | <p>This is an ongoing development, if you wish you can pull the repo from GitHub and contribute to any part of the code, this manual will be improved or you can improve it yoursefl!</p>
26 | <br/>
27 | <a href="http://www.fusionstrike.com">Fusion Strike</a> &middot <a href="https://github.com/Bioshox/Raspcontrol">Raspcontrol on GitHub</a>


--------------------------------------------------------------------------------
/setup.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | if ($_POST['password']) {
 3 |     $output = shell_exec('sudo mkdir /etc/raspcontrol');
 4 |     shell_exec('sudo chown root:root /etc/raspcontrol');
 5 |     shell_exec('sudo chmod 0777 /etc/raspcontrol');
 6 |     shell_exec('sudo touch /etc/raspcontrol/database.aptmnt');
 7 |     shell_exec('sudo chown root:root /etc/raspcontrol/database.aptmnt');
 8 |     shell_exec('sudo chmod 0777 /etc/raspcontrol/database.aptmnt');
 9 |     echo "<pre>$output</pre>";
10 |     $myFile = "/etc/raspcontrol/database.aptmnt";
11 |     $fh = fopen($myFile, 'w') or die("can't open file");
12 |     $stringData = '{
13 |         "user":		"' . $_POST['username'] .'", 
14 |         "password":	"' . $_POST['password'] .'"
15 |     }';
16 |     fwrite($fh, $stringData); 
17 |     header('location: index.php');
18 | } else {
19 | 
20 | ?>
21 | 
22 | 
23 | 
24 | 
25 | <?php require('app/includes/_header.php'); ?>
26 | <div id="firstBlockContainer">
27 |         <div class="firstBlockWrapper">
28 |         	<strong>Raspcontrol Installation</strong>
29 | 		<br/><br/>	
30 | 			<center>Please choose a username and password to login with<br/><br/>
31 | 	        	<form method="post" action="<?php echo $PHP_SELF; ?>">
32 | 	        		<input type="text" name="username" class="loginForm" onfocus="if(this.value == 'Username') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Username';}" value="Username">
33 | 	        		<input type="password" name="password" class="loginForm" onfocus="if(this.value == 'Password') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Password';}" value="Password"><br/>
34 | 	        		<input type="submit" value="Create Account" name="submit" class="minimal">
35 | 	        		
36 | 	        		
37 | 	        		</center>
38 | 			<br/><br/><br/><br/>
39 | 			</form>
40 | 		</div>
41 | </div>
42 | <?php require('app/includes/_footer.php'); ?>
43 | <?php
44 | }
45 | ?>


--------------------------------------------------------------------------------
/main.php:
--------------------------------------------------------------------------------
 1 | <?php session_start();
 2 | 
 3 | if($_SESSION['username'] == ""){
 4 | 	require('index.php'); 
 5 | 	die;
 6 | }
 7 | 
 8 | ?>
 9 | 
10 | <?php 	
11 | 	require('app/classes/_ram.php'); 
12 | 	require('app/classes/_hdd.php'); 
13 | 	require('app/classes/_cpu.php'); 
14 | 	require('app/classes/_uptime.php'); 
15 | 	require('app/includes/_header.php'); 
16 | ?>
17 | 
18 |     <div id="firstBlockContainer">
19 |         <div class="firstBlockWrapper">
20 | 
21 | 			<?php $uptime = new systemUptime; $getSystemUptime = $uptime->getSystemUptime();?>
22 |         	
23 |         	<div class="clear"></div>
24 |         	
25 |         	<br/><br/>
26 | 
27 | 	        <?php $load = new cpuLoad; $getLoad = $load->getCpuLoad();?>
28 |         	
29 |         	<div class="clear"></div>
30 |         	
31 |         	<br/><br/>
32 |         	
33 |         	<?php $ram = new ramPercentage; $percentage = $ram->freeMemory(); $percentage = $ram->freeSwap();?>
34 |         	
35 |         	<div class="clear"></div>
36 |         	
37 |         	<br/><br/>
38 | 
39 |         	<?php $hdd = new hddPercentage; $storagepercentage = $hdd->freeStorage();?>
40 |         	
41 |         	<div class="clear"></div>
42 |         	
43 |         	<br/><br/>
44 | 
45 |         	
46 |         	<center>
47 |         		Mission Control:<br/><br/> 
48 |         		<button onclick="rebootWarn()" class="minimal">Reboot Rasberry Pi</button> <a href="app/commands/_updatesources.php"><button class="minimal">Update Sources</button></a>
49 |                 
50 |                 <?php
51 |                 if (file_exists("/usr/bin/rpi-update")) {
52 |                     echo "<a href=\"app/commands/_updatefirmware.php\"><button class=\"minimal\">Update Firmware</button></a>";
53 |                 }
54 |                 ?>
55 |                 
56 |         	</center>
57 |         	
58 |        	</div>
59 |        	<br/><br/>
60 |     </div>
61 |     
62 |     <?php require('app/includes/_footer.php'); ?>
63 |     
64 |    <script type="text/javascript">
65 | 	<!--
66 | 	function rebootWarn() {
67 | 		var answer = confirm("WARNING: This will make your Raspberry Pi temporarily unavailable, it may also connect back to the network with a different IP.")
68 | 		if (answer){
69 | 			alert("Rebooting...!")
70 | 			window.location = "app/commands/_reboot.php";
71 | 		}
72 | 		else{
73 | 			alert("Reboot Aborted")
74 | 		}
75 | 	}
76 | 	//-->
77 | 	</script>
78 | 


--------------------------------------------------------------------------------
/app/classes/_ram.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	class ramPercentage {
 3 | 		function freeMemory(){
 4 | 		    exec('free -mo', $out);
 5 | 		    preg_match_all('/\s+([0-9]+)/', $out[1], $matches);
 6 | 		    list($total, $used, $free, $shared, $buffers, $cached) = $matches[1];
 7 | 
 8 | 			$percentage = round(($used - $buffers - $cached) / $total * 100);
 9 | 		
10 | 			if($percentage > '80'){
11 | 				echo '
12 | 				<div style="float:left"><img src="app/images/memory.png" align="middle"> Memory <font color="red"> (Warning)</font>:
13 | 				<br/><div class="graph"><strong class="barAmber" style="width:'.$percentage.'%;">'.$percentage.'%</strong></div> &nbsp; &nbsp;  <div class="clear"></div>'; 
14 | 			}else{
15 | 				 echo '
16 | 				 <div style="float:left"><img src="app/images/memory.png" align="middle"> Memory <font color="green"> (OK)</font>:
17 | 				 <br/><div class="graph"><strong class="barGreen" style="width:'.$percentage.'%;">'.$percentage.'%</strong></div> &nbsp; &nbsp;  <div class="clear"></div>'; 
18 | 			}
19 | 		    
20 | 		    echo "<br/>Free: <strong>". ($free + $buffers + $cached) ." MB</strong> Used: <strong>" . ($used - $buffers - $cached) . " MB</strong> &middot Total: <strong>" . $total." MB</strong><br/></div>";
21 | 	
22 | 		}
23 | 
24 | 		function freeSwap(){
25 | 		    exec('free -mo', $out);
26 | 		    preg_match_all('/\s+([0-9]+)/', $out[2], $matches);
27 | 		    list($total, $used, $free) = $matches[1];
28 | 		    
29 | 		    $percentage = round($used / $total * 100);
30 | 
31 | 		    			if($percentage > '80'){
32 | 				echo '
33 | 				<div style="float:left"><img src="app/images/swap.png" align="middle"> Swap <font color="red"> (Warning)</font>:
34 | 				<br/><div class="graph"><strong class="barAmber" style="width:'.$percentage.'%;">'.$percentage.'%</strong></div> &nbsp; &nbsp;  <div class="clear"></div>'; 
35 | 			}else{
36 | 				 echo '
37 | 				 <div style="float:left"><img src="app/images/swap.png" align="middle"> Swap <font color="green"> (OK)</font>:
38 | 				 <br/><div class="graph"><strong class="barGreen" style="width:'.$percentage.'%;">'.$percentage.'%</strong></div> &nbsp; &nbsp;  <div class="clear"></div>'; 
39 | 			}
40 | 		    
41 | 		    echo "<br/>Free: <strong>". ($free + $buffers + $cached) ." MB</strong> Used: <strong>" . ($used - $buffers - $cached) . " MB</strong> &middot Total: <strong>" . $total." MB</strong><br/></div>";
42 | 		}
43 | 		}
44 | 	
45 | ?>
46 | 


--------------------------------------------------------------------------------
/app/styles/style.css:
--------------------------------------------------------------------------------
  1 | html, body, div, span, applet, object, iframe,
  2 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  3 | a, abbr, acronym, address, big, cite, code,
  4 | del, dfn, em, img, ins, kbd, q, s, samp,
  5 | small, strike, sub, sup, tt, var,
  6 | b, u, i, center,
  7 | dl, dt, dd, ol, ul, li,
  8 | fieldset, form, label, legend,
  9 | table, caption, tbody, tfoot, thead, tr, th, td,
 10 | article, aside, canvas, details, embed, 
 11 | figure, figcaption, footer, header, hgroup, 
 12 | menu, nav, output, ruby, section, summary,
 13 | time, mark, audio, video {
 14 | 	margin: 0;
 15 | 	padding: 0;
 16 | 	border: 0;
 17 | 	font-size: 100%;
 18 | 	font: inherit;
 19 | 	vertical-align: baseline;
 20 | }
 21 | /* HTML5 display-role reset for older browsers */
 22 | article, aside, details, figcaption, figure, 
 23 | footer, header, hgroup, menu, nav, section {
 24 | 	display: block;
 25 | }
 26 | body {
 27 | 	line-height: 1;
 28 | }
 29 | ol, ul {
 30 | 	list-style: none;
 31 | }
 32 | blockquote, q {
 33 | 	quotes: none;
 34 | }
 35 | blockquote:before, blockquote:after,
 36 | q:before, q:after {
 37 | 	content: '';
 38 | 	content: none;
 39 | }
 40 | table {
 41 | 	border-collapse: collapse;
 42 | 	border-spacing: 0;
 43 | }
 44 | 
 45 | body{
 46 | 	background: #f5f5f5
 47 | }
 48 | 
 49 | 
 50 | 
 51 | h1{
 52 | 	color: #eeeeee;
 53 | 	font-size: 20px;
 54 | 	font-family: Arial;
 55 | }
 56 | 
 57 | h2{
 58 | 	padding-top: 1px;
 59 | 	color: #c0c0c0;
 60 | 	font-size: 12px;
 61 | 	font-family: Arial;
 62 | }
 63 | 
 64 | #topContainer{
 65 | 	background-color: #3f3f3f;
 66 | 	border-bottom: 1px solid #000000;
 67 | 	height: 100px;
 68 | }
 69 | 
 70 | .topWrapper{
 71 | 	margin: auto;
 72 | 	width: 900px;
 73 | 	padding-top: 35px;
 74 | }
 75 | 
 76 | #firstBlockContainer{
 77 | 	background: #c6c6c6;
 78 | 	font-size: 14px;
 79 | 	font-family: Arial;
 80 | }
 81 | 
 82 | .firstBlockWrapper{
 83 | 	margin: auto;
 84 | 	width: 900px;
 85 | 	padding-top: 35px;
 86 | }
 87 | 
 88 | #footerContainer{
 89 | 	height: 50px;
 90 | 	font-size: 12px;
 91 | 	font-family: Arial;
 92 | }
 93 | 
 94 | .footerWrapper{
 95 | 	margin: auto;
 96 | 	text-align: center;
 97 | 	width: 900px;
 98 | 	padding-top: 15px;
 99 | }
100 | 
101 | 
102 | 
103 | 
104 | 
105 | 
106 | 
107 | 
108 | 
109 | .loginForm{
110 | 	background: #e3e3e3;
111 |   border: 1px solid #bbb;
112 |   color: #333;
113 |   font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
114 |   line-height: 1;
115 |   text-align: center;
116 |   text-shadow: 0 1px 0 #fff;
117 |   width: 220px;
118 |   height: 30px;
119 |   margin-bottom: 10px;
120 | }
121 | 
122 | 
123 | 
124 | .minimal {
125 |   background: #e3e3e3;
126 |   border: 1px solid #bbb;
127 |   -webkit-border-radius: 3px;
128 |   -moz-border-radius: 3px;
129 |   border-radius: 3px;
130 |   -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
131 |   -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
132 |   box-shadow: inset 0 0 1px 1px #f6f6f6;
133 |   color: #333;
134 |   font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
135 |   line-height: 1;
136 |   padding: 8px 0 9px;
137 |   text-align: center;
138 |   text-shadow: 0 1px 0 #fff;
139 |   width: 444px;
140 |   margin-left: 1px; }
141 |   .minimal:hover {
142 |     background: #d9d9d9;
143 |     -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
144 |     -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
145 |     box-shadow: inset 0 0 1px 1px #eaeaea;
146 |     color: #222;
147 |     cursor: pointer; }
148 |   .minimal:active {
149 |     background: #d0d0d0;
150 |     -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
151 |     -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
152 |     box-shadow: inset 0 0 1px 1px #e3e3e3;
153 |     color: #000; }
154 | 
155 | 
156 | button.minimal {
157 |   background: #e3e3e3;
158 |   border: 1px solid #bbb;
159 |   -webkit-border-radius: 3px;
160 |   -moz-border-radius: 3px;
161 |   border-radius: 3px;
162 |   -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
163 |   -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
164 |   box-shadow: inset 0 0 1px 1px #f6f6f6;
165 |   color: #333;
166 |   font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
167 |   line-height: 1;
168 |   padding: 8px 0 9px;
169 |   text-align: center;
170 |   text-shadow: 0 1px 0 #fff;
171 |   width: 150px; }
172 |   button.minimal:hover {
173 |     background: #d9d9d9;
174 |     -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
175 |     -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
176 |     box-shadow: inset 0 0 1px 1px #eaeaea;
177 |     color: #222;
178 |     cursor: pointer; }
179 |   button.minimal:active {
180 |     background: #d0d0d0;
181 |     -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
182 |     -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
183 |     box-shadow: inset 0 0 1px 1px #e3e3e3;
184 |     color: #000; }
185 | 
186 | .clear{
187 | clear:both;}
188 |  
189 | .graphcont {
190 | padding-top:10px;
191 | color:#000;
192 | font-weight:700;
193 | float:left
194 | }
195 |  
196 | .graph {
197 | float:left;
198 | margin-top:10px;
199 | background-color:#cecece;
200 | position:relative;
201 | width:280px;
202 | padding:0
203 | }
204 |  
205 | .graph .barGreen {
206 | display:block;
207 | position:relative;
208 | border-right:#538e02 1px solid;
209 | text-align:center;
210 | color:#fff;
211 | height:25px;
212 | font-family:Arial, Helvetica, sans-serif;
213 | font-size:12px;
214 | line-height:1.9em;
215 | background-image: linear-gradient(bottom, rgb(137,212,23) 8%, rgb(118,189,11) 69%);
216 | background-image: -o-linear-gradient(bottom, rgb(137,212,23) 8%, rgb(118,189,11) 69%);
217 | background-image: -moz-linear-gradient(bottom, rgb(137,212,23) 8%, rgb(118,189,11) 69%);
218 | background-image: -webkit-linear-gradient(bottom, rgb(137,212,23) 8%, rgb(118,189,11) 69%);
219 | background-image: -ms-linear-gradient(bottom, rgb(137,212,23) 8%, rgb(118,189,11) 69%);
220 | 
221 | background-image: -webkit-gradient(
222 | 	linear,
223 | 	left bottom,
224 | 	left top,
225 | 	color-stop(0.08, rgb(137,212,23)),
226 | 	color-stop(0.69, rgb(118,189,11))
227 | );
228 | }
229 | 
230 | 
231 | 
232 | .graph .barAmber {
233 | display:block;
234 | position:relative;
235 | border-right:#538e02 1px solid;
236 | text-align:center;
237 | color:#fff;
238 | height:25px;
239 | font-family:Arial, Helvetica, sans-serif;
240 | font-size:12px;
241 | line-height:1.9em;
242 | background-image: linear-gradient(bottom, rgb(212,159,23) 8%, rgb(235,129,0) 69%);
243 | background-image: -o-linear-gradient(bottom, rgb(212,159,23) 8%, rgb(235,129,0) 69%);
244 | background-image: -moz-linear-gradient(bottom, rgb(212,159,23) 8%, rgb(235,129,0) 69%);
245 | background-image: -webkit-linear-gradient(bottom, rgb(212,159,23) 8%, rgb(235,129,0) 69%);
246 | background-image: -ms-linear-gradient(bottom, rgb(212,159,23) 8%, rgb(235,129,0) 69%);
247 | 
248 | background-image: -webkit-gradient(
249 | 	linear,
250 | 	left bottom,
251 | 	left top,
252 | 	color-stop(0.08, rgb(212,159,23)),
253 | 	color-stop(0.69, rgb(235,129,0))
254 | );
255 | }
256 | 
257 | 
258 |  
259 | .graph .bar span {
260 | position:absolute;
261 | left:1em
262 | }
263 | 
264 | 


--------------------------------------------------------------------------------