projects / psensor.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Fixed restoration of the panel divider position.
[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">
-    <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() {
-          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>
-    <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 class='page-footer'>
-      <a href='http://wpitchoune.net/psensor'>Psensor Server</a> - (c)2011 jeanfi@gmail.com 
-    </div>    
-
   </body>
 </html>
psensor