www/details.html

   1 <html>
   2   <head>
   3     <meta charset="utf-8">
   4     <title id="title">Sensor </title>
   5
   6     <link href="jqplot.css" rel="stylesheet" type="text/css"/>
   7     <link href="style.css" rel="stylesheet" type="text/css"/>
   8
   9     <script src="jquery.js" type="text/javascript"></script>
  10     <script src="jqplot.js" type="text/javascript"></script>
  11     <script src="jqplot.dateAxisRenderer.js" type="text/javascript"></script>
  12
  13     <script src="psensor.js" type="text/javascript"></script>
  14
  15     <script>
  16       $(document).ready(function() {
  17                 var url_id;
  18
  19                 url_id = get_url_params()["id"];
  20
  21                 update_menu();
  22                 $.getJSON(url_id, function(data) {
  23                                 update_chart("chart", type_to_str(data["type"]), data);
  24                 });
  25
  26                 setInterval(function() {
  27                         $.getJSON(url_id, function(data) {
  28                                 update_chart("chart", type_to_str(data["type"]), data);
  29                         });
  30                 }, 5000);
  31
  32                 // reload page in order to workaround memory-leak in JQPlot
  33                 setInterval(function() {
  34                         location.reload();
  35                 }, 60000);
  36
  37       });
  38     </script>
  39   </head>
  40   <body>
  41
  42     <div id="page">
  43       <div id="menu">
  44         <ul id="menu-list">
  45           <li><a href="index.html">Summary</a></li>
  46         </ul>
  47       </div>
  48
  49       <div id="main">
  50         <h1></h1>
  51
  52         <div class="chart" id="chart"></div>
  53       </div>
  54
  55       <div id="footer">
  56         Generated by <a href='http://wpitchoune.net/psensor'>psensor-server</a>
  57       </div>
  58     </div>
  59   </body>
  60 </html>