projects
/
psensor.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merged german translation from Max
[psensor.git]
/
www
/
details.html
diff --git
a/www/details.html
b/www/details.html
index
42993ef
..
68656a0
100644
(file)
--- a/
www/details.html
+++ b/
www/details.html
@@
-1,64
+1,60
@@
<html>
<head>
<meta charset="utf-8">
<html>
<head>
<meta charset="utf-8">
- <title>Sensor </title>
+ <title
id="title"
>Sensor </title>
- <link type="text/css" href="style.css" rel="stylesheet" />
+ <link href="jqplot.css" rel="stylesheet" type="text/css"/>
+ <link href="style.css" rel="stylesheet" type="text/css"/>
- <script type="text/javascript" src="jquery.js"></script>
- <script type="text/javascript" src="jquery.jqplot.min.js"></script>
- <link type="text/css" href="jquery.jqplot.min.css" rel="stylesheet" />
- <script type="text/javascript" src="jqplot.dateAxisRenderer.min.js"></script>
+ <script src="jquery.js" type="text/javascript"></script>
+ <script src="jqplot.js" type="text/javascript"></script>
+ <script src="jqplot.dateAxisRenderer.js" type="text/javascript"></script>
- <script
type="text/javascript" src="psensor.js
"></script>
+ <script
src="psensor.js" type="text/javascript
"></script>
<script>
$(document).ready(function() {
<script>
$(document).ready(function() {
- var params = get_url_params();
- var url_id = params["id"];
+ var url_id;
- $.getJSON(url_id, function(data) {
- var measures = data["measures"];
- var data_chart = [];
+ url_id = get_url_params()["id"];
- $("#title").append(data["name"]);
- $("title").append(data["name"]);
+ update_menu();
+ $.getJSON(url_id, function(data) {
+ update_chart("chart", type_to_str(data["type"]), data);
+ });
- $.each(measures, function(i, item) {
- var d = new Date(item["time"]*1000);
- var entry = [d, item["value"]];
- data_chart.push(entry);
- });
+ setInterval(function() {
+ $.getJSON(url_id, function(data) {
+ update_chart("chart", type_to_str(data["type"]), data);
+ });
+ }, 5000);
+
+ // reload page in order to workaround memory-leak in JQPlot
+ setInterval(function() {
+ location.reload();
+ }, 60000);
- var plot1 = $.jqplot ('chart1', [data_chart],
- {
- title: type_to_str(data["type"]),
- axes:{
- xaxis:{
- renderer:$.jqplot.DateAxisRenderer,
- tickOptions:{formatString:'%H:%M:%S'}
- }
- },
- series: [{lineWidth:1,showMarker:false}]
- });
- });
});
</script>
</head>
<body>
});
</script>
</head>
<body>
- <div class='page'>
- <div class='page-header'>
- <h1 id='title'></h1>
- </div>
- <div class='page-content'>
- <div id='chart1'></div>
+ <div id="page">
+ <div id="menu">
+ <ul id="menu-list">
+ <li><a href="index.html">Summary</a></li>
+ </ul>
+ </div>
+
+ <div id="main">
+ <h1></h1>
+
+ <div class="chart" id="chart"></div>
+ </div>
+
+ <div id="footer">
+ Generated by <a href='http://wpitchoune.net/psensor'>psensor-server</a>
</div>
</div>
</div>
</div>
-
- <div class='page-footer'>
- <a href='http://wpitchoune.net/psensor'>Psensor Server</a> - (c)2011 jeanfi@gmail.com
- </div>
-
</body>
</html>
</body>
</html>