www/index.html

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