Subversion Repositories Code-Repo

Rev

Go to most recent revision | Blame | Last modification | View Log | RSS feed 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">

  <title>Sysstat Widgets Demo</title>

  <!-- 
       The widgets are <div> and <span> elements with classes memstat
       and loadavg, respectively.  
       Change the 'url' attribute to point to your web service.
    -->
<script language="javascript" type="text/javascript" src="sysstatwidgets.js">
</script>
<script type="text/javascript">
function send(url, rselector) {
    var $ = jQuerySysStatWidget;
    $.get(url, function (response) {
        $(rselector).html(response);
    });
}
</script>
</head>

<body>
  <p>This page display two widgets that display the physical memory
  usage and the overall CPU load average of the machine that runs your 
  web service.  Examine the HTML to see how these 'widgets' are embedded
  into the page. </p>
    
  <p>
  <script>var count = 0;</script>
  <a href="#" onclick="javascript:send('/runloop', '#responsemsg');">Click here</a> to run a 15 second loop on this machine (which will result in an increase in the load average).
      <span id="responsemsg"></span>
  </p>

  <p>
  <a href="#" onclick="javascript:send('/allocanon', '#responsemsg2');">Click here</a> to force allocation of 64MB of physical
        memory used as application (anonymous) memory.
      <span id="responsemsg2"></span>
  </p>

  <p>
  <a href="#" onclick="javascript:send('/freeanon', '#responsemsg3');">Click here</a> to force deallocation of last
        chunk of allocated physical memory.
      <span id="responsemsg3"></span>
  </p>

  <table>
    <tr>
      <th>Memory</th>

      <th>CPU Load Average</th>
    </tr>

    <tr>
      <td>
        <div id="meminfo" url="http://ec2-107-20-99-126.compute-1.amazonaws.com:80" update="1000" 
          style="margin-top:20px; margin-left:20px; width:180px; height:400px;">
        </div>
      </td>

      <td>
        <div id="loadavg" url="http://ec2-107-20-99-126.compute-1.amazonaws.com:80" update="1000" 
          style="margin-top:20px; margin-left:20px; width:600px; height:400px;">
            Loading, please wait...
        </div>
      </td>
    </tr>
  </table>

<p>A text-only version of the load average widget: 
  <span class="loadavg-text" url="http://ec2-107-20-99-126.compute-1.amazonaws.com:80" update="1000"
        style="font-weight: bold">
  </span>
</p>
</body>
</html>