www/details.html

   1 <html>
   2   <head>
   3     <meta charset="utf-8">
   4     <title>Sensor details</title>
   5
   6     <link type="text/css" href="style.css" rel="stylesheet" />
   7
   8     <script type="text/javascript" src="jquery.js"></script>
   9     <script type="text/javascript" src="jquery.jqplot.min.js"></script>
  10     <link   type="text/css"        href="jquery.jqplot.min.css" rel="stylesheet" />
  11     <script type="text/javascript" src="jqplot.dateAxisRenderer.min.js"></script>
  12
  13     <script type="text/javascript" src="psensor.js"></script>
  14
  15     <script>
  16       $(document).ready(function() {
  17           var params = get_url_params();
  18           var url_id = params["id"];
  19
  20
  21           $.getJSON(url_id, function(data) {
  22               var measures = data["measures"];
  23               var data_chart = [];
  24
  25               $("#title").append(data["name"]);
  26
  27               $.each(measures, function(i, item) {
  28                   var d = new Date(item["time"]*1000);
  29                   var entry = [d, item["value"]];
  30                   data_chart.push(entry);
  31               });
  32
  33               var plot1 = $.jqplot ('chart1', [data_chart],
  34                   {
  35                       title: type_to_str(data["type"]),
  36                       axes:{
  37                           xaxis:{
  38                               renderer:$.jqplot.DateAxisRenderer,
  39                               tickOptions:{formatString:'%H:%M:%S'}
  40                           }
  41                       },
  42                       series: [{lineWidth:1,showMarker:false}]
  43                   });
  44           });
  45       });
  46     </script>
  47   </head>
  48   <body>
  49     <div class='page'>
  50       <div class='page-header'>
  51          <h1 id='title'>Details </h1>
  52       </div>
  53
  54       <div class='page-content'>
  55         <div id='chart1'></div>
  56       </div>
  57     </div>
  58
  59     <div class='page-footer'>
  60       <a href='http://wpitchoune.net/psensor'>Psensor Server</a> - (c)2011 jeanfi@gmail.com
  61     </div>
  62
  63   </body>
  64 </html>