www/monitor.html

   1 <html>
   2   <head>
   3     <meta charset="utf-8">
   4     <title>Psensor Server Monitoring</title>
   5
   6     <link type="text/css"
   7           rel="stylesheet"
   8 href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
   9
  10     <link type="text/css" href="style.css" rel="stylesheet" />
  11     <script type="text/javascript" src="jquery.js"></script>
  12     <script type="text/javascript" src="psensor.js"></script>
  13     <script>
  14         $(document).ready(function() {
  15                 update_summary_sensors();
  16                 update_summary_sysinfo();
  17
  18                 $(document).ready(function() {
  19                         setInterval(function() {
  20                                 update_summary_sensors();
  21                                 update_summary_sysinfo();
  22                         }, 5000);
  23                 });
  24
  25
  26       });
  27     </script>
  28   </head>
  29   <body>
  30     <h1>Psensor Server Monitoring</h1>
  31
  32     <p><em>Uptime</em>: <span id='uptime'></span></p>
  33
  34     <h2>CPU</h2>
  35
  36     <table id='cpu' border='0' cellspacing='0' cellpadding='0'>
  37       <thead>
  38         <tr>
  39           <th>Current usage</th>
  40           <th>Load 1mn</th>
  41           <th>Load 5mn</th>
  42           <th>Load 15mn</th>
  43         </tr>
  44       </thead>
  45       <tbody></tbody>
  46     </table>
  47
  48     <h2>Memory</h2>
  49
  50     <table border='0' cellspacing='0' cellpadding='0'>
  51       <thead>
  52         <tr>
  53           <th></th>
  54           <th>Total</th>
  55           <th>Used</th>
  56           <th>Free</th>
  57           <th>Shared</th>
  58           <th>Buffer</th>
  59         </tr>
  60       </thead>
  61       <tbody>
  62         <tr id='memory'></tr>
  63         <tr id='swap'></tr>
  64       </tbody>
  65     </table>
  66
  67     <h2>Network</h2>
  68
  69     <table id='net' border='0' cellspacing='0' cellpadding='0'>
  70       <thead>
  71         <tr>
  72           <th>Interface</th>
  73           <th>Bytes In</th>
  74           <th>Bytes Out</th>
  75         </tr>
  76       </thead>
  77       <tbody>
  78       </tbody>
  79     </table>
  80
  81     <h2>Sensors</h2>
  82
  83     <table id='sensors' border='0' cellspacing='0' cellpadding='0'>
  84       <thead>
  85         <tr>
  86           <th>Name</th>
  87           <th>Value</th>
  88           <th>Min</th>
  89           <th>Max</th>
  90           <th>Type</th>
  91         </tr>
  92       </thead>
  93       <tbody id ="sensors"></tbody>
  94     </table>
  95
  96     <div id="footer">
  97       Generated by <a href='http://wpitchoune.net/psensor'>psensor-server</a>
  98     </div>
  99   </body>
 100 </html>