Commit 3e52ad3a authored by Florence Guitton's avatar Florence Guitton

save before vacation

parent 2b1cf918
<html>
<!DOCTYPE html>
<?php
error_reporting(E_ALL ^ E_DEPRECATED);
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
include "gdimm_status.php";
include "status_allsky.php";
include "status_meteo.php";
include "get_pictures_allsky.php";
include "graph_data.php";
include "image.php";
include "client.php";
?>
<head>
<!-- <meta> tags always go inside the <head> element
take them out as you’re able, to reduce page weight and load times
-->
<meta name="viewport" content="width=device-width"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="cats.css">
<link rel="stylesheet" type="text/css" href="cats_gdimm.css">
<link rel="stylesheet" type="text/css" href="cats_allsky.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script type='text/javascript'>
function getXhttp(){
var xhttp = null;
if(window.XMLHttpRequest) //<!-- Firefox et autres -->
xhttp = new XMLHttpRequest();
else if(window.ActiveXObject){ //<!-- Internet Explorer -->
try {
xhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else { //<!-- XMLHttpRequest non supporté par le navigateur -->
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhttp = false;
}
return xhttp;
}
<!--
<div id="demo">
<h2>The XMLHttpRequest Object</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
//new text not modify by refresh
function loadDoc() {
var xhttp = getXhttp();
<!--affecte une fonction a nous qui sera exécutée à chaque "changement d'état" de notre objet.
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
-->
//}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
//update log infos
setInterval(function(){
$.get('log.php',function(data){
$('#bla').html(data);
console.log("OK 1");
});
$.get('diskStates.php',function(data){
$('#state').html(data);
console.log("OK 2");
});
},3000);
//histoire de cache
setInterval(function() {
var myImageElement = document.getElementById('image');//TypeError: myImageElement is null
myImageElement.src = '../picardsol/quick.png?rand=' + Math.random();
console.log(myImageElement.src);
}, 1000);
setInterval(function() {
var myImageElement = document.getElementById('image2');//TypeError: myImageElement is null
myImageElement.src = '../picardsol/last_v2.png?rand=' + Math.random();
console.log(myImageElement.src);
}, 1000);
setInterval(function() {
var myImageElement = document.getElementById('image3');//TypeError: myImageElement is null
myImageElement.src = '../picardsol/mammar_quicklook.png?rand=' + Math.random();
console.log(myImageElement.src);
}, 1000);
function callSocket() {
var xhttp = getXhttp();
//<!--affecte une fonction a nous qui sera exécutée à chaque "changement d'état" de notre objet. -->
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("socket").innerHTML = this.responseText;
}
};
xhttp.open("GET", "client.php?pointer", true);
// xhttp.open("GET", "client.php?toto", true);
xhttp.send();//passer des parametres? ko
console.log("socket");//ok
}
</script>
</head>
<body class="bg-primary">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- get/post data from/to Server using pure JavaScript
lecture asynchrone des ressources, requête au serveur et attente du retour
-->
<div class="container">
<center>
<h1 class="display-1">METEOSPACE</h1>
<h3 class="display-3">Interface utilisateur: observations</h3>
</center>
</div>
<div class="container-fluid">
<div class="row">
<!-- premiere colonne -->
<div class="col-sm-5"> <!-- taille des colones et de leur contenu-->
<table class="table table-bordered">
<tr>
<td colspan="2" rowspan="3"><center>webcam</center>
<div id="webcam">
<!-- UTILISER GET_PICTURE_ALLSKY.PHP-->
<a href="sky_fullpage.html">
<img src="allsky.jpg" style="width:300px;height:260px;">
</a>
</div>
</td>
</tr>
</table>
<table class="table table-bordered">
<tr>
<td colspan="2"><center>Observations (plans)</center>
<h1>Observations (plans)</h1>
</td>
</tr>
</table>
<table class="table table-bordered">
<tr>
<td colspan="2"><center>état du disque</center>
<div id="state" style="background-color:black;color:white;overflow:auto;width:500px;height:100px;"></div>
<!-- </div> -->
</td>
</tr>
</table>
<table class="table table-bordered">
<tr>
<td><center>actions sur observations</center>
</td>
<td><center>pointer</center>
<button type="button" onclick="callSocket()">Pointer</button>
<br></br>
<div id="socket" style="background-color:black;color:white;overflow:auto;">faire ecrire le resultat de la socket ici</div>
</form>
</td>
</tr>
</table>
</div>
<!-- deuxieme colonne -->
<div class="col-sm-2">
<table class="table table-bordered">
<tr>
<td colspan="2" rowspan="3"><center>meteo</center>
</td>
</tr>
</table>
<table class="table table-bordered">
<tr>
<td colspan="2"><center>log</center>
<div id="bla" style="background-color:black;color:white;overflow:auto;"></div>
</td>
</tr>
</table>
<table class="table table-bordered">
<tr>
<td colspan="2" rowspan="2"><center>actions toit</center>
</td>
</tr>
</table>
</div>
<!-- troisieme colonne -->
<div class="col-sm-2">
<table class="table table-bordered">
<tr>
<td><center>
<div id="image">
<a href="http://meteospace-c.oca.eu/picardsol/quick.png"><img src="../picardsol/quick.png" style="width:100px;height:100px;"></a>
</div>
</center></td>
</tr>
<tr>
<td><center>
<div id="image2">
<a href="http://meteospace-c.oca.eu/picardsol/last_v2.png"><img src="../picardsol/last_v2.png" style="width:100px;height:100px;"></a>
</div>
</center></td>
</tr>
<tr>
<td><center>
<div id="image3"> <!-- image3 -->
<a href="http://meteospace-c.oca.eu/picardsol/mammar_quicklook.png"><img src="../picardsol/mammar_quicklook.png" style="width:100px;height:100px;"></a>
</div>
</center></td>
</tr>
</table>
<table class="table table-bordered">
<tr>
<td rowspan="2"><center>HK</center>
</td>
</tr>
</table>
</div>
</body>
</html>
<html>
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<h1>My First Bootstrap Page</h1>
<p>This is some text: container-fluid</p>
</div>
<!-- Or let Bootstrap automatically handle the layout -->
<!-- Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding -->
<div class="container">
<center>
<h1 class="display-1">Meteospace</h1>
<h3 class="display-3">Interface utilisateur observations</h3>
</center>
</div>
<!--Use rows to create horizontal groups of columns -->
<div class="row">
<div class="col-sm-5"><h1>col1</h1> <!-- taille des colones et de leur contenu-->
<table class="table table-bordered">
<tr>
<td colspan="2"><center>webcam</center>
<br>
<img src="../picardsol/quick.png" class="mx-auto d-block" >
</td>
</tr>
<tr>
<td colspan="2">plan</td>
</tr>
<tr>
<td>actions plan</td>
<td class="table-danger">
pointage<br>
<button type="button" class="btn-sm">Pointer</button>
<div class="btn-group-vertical">
<button type="button">Ouvrir</button>
<button type="button" class="btn-lg">Fermer</button>
</div>
<!-- KO KO KO .................................... -->
<div class="btn-group">
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
Toit
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Ouvrir</a>
<a class="dropdown-item" href="#">Fermer</a>
</div>
</div>
<!-- ................................................. -->
</td>
</tr>
</table>
</div>
<div class="col-sm-2"><h2>col2</h2>
<table class="table table-bordered">
<tr><td>Meteo graph</td></tr>
<tr><td>log</td></tr>
<tr><td>
<h1>Alarmes: <span class="badge badge-light">4</span></h1>
</tr></td>
</table>
</div>
<div class="col-sm-2"><h3>col3</h3></div>
</div>
</body>
</html>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment