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_menu();
  16
  17                 update_summary_sensors();
  18                 update_summary_sysinfo();
  19
  20                 $(document).ready(function() {
  21                         setInterval(function() {
  22                                 update_summary_sensors();
  23                                 update_summary_sysinfo();
  24                         }, 5000);
  25                 });
  26
  27
  28       });
  29     </script>
  30   </head>
  31   <body>
  32
  33     <div id="menu">
  34       <ul id="menu-list">
  35         <li><em><a href="monitor.html">All</a></em></li>
  36       </ul>
  37     </div>
  38
  39     <div id="main">
  40       <h1>System Monitoring</h1>
  41
  42       <p><em>Uptime</em>: <span id='uptime'></span></p>
  43
  44       <h2>CPU</h2>
  45
  46       <table id='cpu'>
  47         <thead>
  48           <tr>
  49             <th>Current usage</th>
  50             <th>Load 1mn</th>
  51             <th>Load 5mn</th>
  52             <th>Load 15mn</th>
  53           </tr>
  54         </thead>
  55         <tbody></tbody>
  56       </table>
  57
  58       <h2>Memory</h2>
  59
  60       <table>
  61         <thead>
  62           <tr>
  63             <th></th>
  64             <th>Total</th>
  65             <th>Used</th>
  66             <th>Free</th>
  67             <th>Shared</th>
  68             <th>Buffer</th>
  69           </tr>
  70         </thead>
  71         <tbody>
  72         <tr id='memory'></tr>
  73         <tr id='swap'></tr>
  74         </tbody>
  75       </table>
  76
  77       <h2>Network</h2>
  78
  79       <table id='net'>
  80         <thead>
  81           <tr>
  82             <th>Interface</th>
  83             <th>Bytes In</th>
  84             <th>Bytes Out</th>
  85           </tr>
  86         </thead>
  87         <tbody>
  88         </tbody>
  89       </table>
  90
  91       <h2>Sensors</h2>
  92
  93       <table id='sensors'>
  94         <thead>
  95           <tr>
  96             <th>Name</th>
  97             <th>Value</th>
  98           <th>Min</th>
  99             <th>Max</th>
 100             <th>Type</th>
 101           </tr>
 102         </thead>
 103       <tbody id ="sensors"></tbody>
 104       </table>
 105     </div>
 106
 107     <div id="footer">
 108       Generated by <a href='http://wpitchoune.net/psensor'>psensor-server</a>
 109     </div>
 110   </body>
 111 </html>