<?php
// On prolonge la session
session_start();
// On teste si la variable de session existe et contient une valeur
if(empty($_SESSION['login']))
{
// Si inexistante ou nulle, on redirige vers le formulaire de login
header('Location: auth.php');
exit();
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>raspi</title>
<script type="text/javascript" src="../accueil/dateheure.js"></script>
<script type="text/javascript" src="../lib/jquery.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#loadavg').load('loadavg.php').fadeIn("fast");
$('#cpu').load('Tempcpu.php').fadeIn("fast");
$('#mem').load('mem.php').fadeIn("fast");
}, 1000); // rafraichis toutes les 10000 millisecondes
var auto_refresh = setInterval(
function ()
{
$('#bdd').load('bdd.php').fadeIn("fast");
}, 15000); // rafraichis toutes les 15000 millisecondes
</script>
<title>Terraspi</title>
</head>
<body>
<header>
<div id="conteneur">
<div class="element" id="date"><?php require'../accueil/date.php';?></div>
<div class="element" id="ephem"><?php require'../accueil/ephem.php';?></div>
<div class="element" id="heure"><?php require'../accueil/heure.php';?></div>
</div>
</header>
<div id='main'>
<article>
<h2>Terminal</h2>
<iframe id="shell" src=""></iframe>
<script>
// Shellinabox url
var url = "http://192.168.0.7:4200"; // remplacer l'ip par celle de votre pi.
var input = document.getElementById("input");
var iframe = document.getElementById("shell");
var output = document.getElementById("output");
var session = document.getElementById("session");
// Add url to our iframe. We do this, only that variable 'url' can be used
// throughout the whole code where needed.
iframe.src = url;
document.getElementById("execute").addEventListener("click", function() {
// Send input to shellinabox
var message = JSON.stringify({
type : 'input',
data : input.value + '\n'
});
iframe.contentWindow.postMessage(message, url);
});
document.getElementById("output-enable").addEventListener("click", function() {
// Enable output replay from shellinabox iframe
var message = JSON.stringify({
type : 'output',
data : 'enable'
});
iframe.contentWindow.postMessage(message, url);
});
document.getElementById("output-disable").addEventListener("click", function() {
// Disable output replay from shellinabox iframe
var message = JSON.stringify({
type : 'output',
data : 'disable'
});
iframe.contentWindow.postMessage(message, url);
// Clear output window
output.innerHTML = '';
});
document.getElementById("session-reload").addEventListener("click", function() {
// Request shellianbox session status
var message = JSON.stringify({
type : 'session'
});
iframe.contentWindow.postMessage(message, url);
});
document.getElementById("session-toggle").addEventListener("click", function() {
// Toggles shellinabox session status reporting
var message = JSON.stringify({
type : 'onsessionchange',
data : 'toggle'
});
iframe.contentWindow.postMessage(message, url);
});
document.getElementById("reconnect").addEventListener("click", function() {
// Request shellianbox session status
var message = JSON.stringify({
type : 'reconnect'
});
iframe.contentWindow.postMessage(message, url);
});
// Receive response from shellinabox
window.addEventListener("message", function(message) {
// Allow messages only from shellinabox
if (message.origin !== url) {
return;
}
// Handle response according to response type
var decoded = JSON.parse(message.data);
switch (decoded.type) {
case "output" :
// Append new output
output.innerHTML = output.innerHTML + decoded.data;
break;
case "session" :
// Reload session status
session.innerHTML = 'Session status: ' + decoded.data;
break;
}
}, false);
</script>
</article>
<nav>
<h2>Sites Web</h2>
<a href="../accueil/accueil.php" title="Terrarium" style="text-decoration:none">
<div class="element1" id="terrarium">
Terrarium
</div>
</a>
<a href="http://192.168.0.28/phpmyadmin/" target="_blank" title="Phpmyadmin" style="text-decoration:none">
<div class="element1" id="phpmyadmin">
Phpmyadmin
</div>
</a>
<a href="https://192.168.0.2:13125/index.cgi " target="_blank" title="Nas" style="text-decoration:none">
<div class="element1" id="nas">
Nas
</div>
</a>
</nav>
<aside>
<h2>PI monitor</h2>
<div class="element2" id="model"><?php require'model.php';?></div>
<div class="element2" id="cpu"><?php require'Tempcpu.php';?></div>
<div class="element2" id="loadavg"><?php require'loadavg.php';?></div>
<div class="element2" id="mem"><?php require'mem.php';?></div>
</aside>
</div>
<footer>
<div id="conteneur3">
<div class="element3" id="bdd"><?php require'bdd.php';?></div>
<div class="element3" id="heure"><a href="deco.php" title="deconection" style="text-decoration:none" id="deco">
déconnection</a></div>
<div class="element3" id="meteo"><?php require'meteo.php';?></div>
</div>
</footer>
</body>
</html>