www_admin/root/tt/dashboard.tt

    <!--[if IE]><script language="javascript" type="text/javascript" src="/js/jsrrd/flot/excanvas.min.js"></script><![endif]-->
    <script type="text/javascript" src="/js/jsrrd/jsrrd/binaryXHR.js"></script>
    <script type="text/javascript" src="/js/jsrrd/jsrrd/rrdFile.js"></script>
    <script type="text/javascript" src="/js/jsrrd/jsrrd/rrdMultiFile.js"></script>
    <script type="text/javascript" src="/js/jsrrd/jsrrd/rrdFlotSupport.js"></script>
    <script type="text/javascript" src="/js/jsrrd/jsrrd/rrdFlot.js"></script>
    <script type="text/javascript" src="/js/jsrrd/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="/js/jsrrd/flot/jquery.flot.selection.js"></script>
    <script type="text/javascript" src="/js/jsrrd/flot/jquery.flot.pie.js"></script>
    
    <h3 id="title">Statistics Dashboard for Host [% selected_host %]</h3>

    <div id="selection_form">
        <form action="dashboard" method="post">
            <table align="left" style="width: auto !important;">
                <tr>
                    <td>Host:</td>
                    <td>
                        <select name="server_to_show">
                        [% FOREACH host_name IN hosts %]
                          [% IF host_name != selected_host %]
                            <option value="[% host_name %]">[% host_name %]</option>
                          [% ELSE %]
                            <option value="[% host_name %]" selected="selected">[% host_name %]</option>
                          [% END %]
                        [% END %]
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Group:</td>
                    <td>
                        <select name="subfolder_to_show">
                        [% FOREACH subfolder IN subfolders %]
                          [% IF subfolder != selected_subfolder %]
                            <option value="[% subfolder %]">[% subfolder %]</option>
                          [% ELSE %]
                            <option value="[% subfolder %]" selected="selected">[% subfolder %]</option>
                          [% END %]
                        [% END %]
                        </select>
                    </td>
                </tr>
                <tr>
                    <td align="left"><input type="reset" name="reset" value="Reset" /></td>
                    <td align="right"><input type="submit" name="submit" value="Choose" /></td>
                </tr>
            </table>
        </form>
        <br />
        <table id="separator" width="100%" style="margin: 0px !important;">
          <tr>
            <td style="padding: 0px !important;">&nbsp;</td>
          </tr>
        </table>
    </div>    
    
    <p>Click&amp;Drag on the graphs to zoom individual ranges.</p> 
	
    <div class="nobg span-17">
      [% even = 0 %]
      [% FOREACH item IN plotdata %]
        <span style="font-weight: bold;">[% item.title %]</span>
        <div id="plot_[% item.name %]"><div style="margin: 20px;"><img src="/static/images/loader.gif" alt="loading" style="margin-right: 10px;"/>loading...</div></div>
      [% END %]
    </div>

    <script type="text/javascript">

      function update_fname(rrd_data_arr, args) {
        var graph_opts = {};
        var ds_graph_opts = {};
        var tz_offset = [% tz_offset %];

        if (rrd_data_arr.length == 1)
          var f = new rrdFlot(args['plot_id'],rrd_data_arr[0],graph_opts,ds_graph_opts,args['si_suffix'],tz_offset);
        else {
          var t = new RRDFileSum(rrd_data_arr, false);
          var f = new rrdFlot(args['plot_id'],t,graph_opts,ds_graph_opts,args['si_suffix'],tz_offset);
        }
      }

      function update_fname_handler(bf, args) {
          var rrd_data=undefined;
          var fname = args['name'];
          var output = args['output'];
          try {
            var rrd_data=new RRDFile(bf);
          } catch(err) {
            alert("File "+fname+" is not a valid RRD archive!");
          }
          if (rrd_data!=undefined) {
            output.push(rrd_data);
            if (output.length >= args['rrd_count']) {
              update_fname(output, args);
            }
          }
      }

      function fname_update(fname, plot_id, si_suffix) {
        var o = new Array();
        for (var i = 0; i < fname.length; i++) {
          try {
            FetchBinaryURLAsync(fname[i], update_fname_handler, {plot_id: plot_id,
                                     si_suffix: si_suffix, rrd_count: fname.length, name: fname[i],
                                     output: o});
          } catch (err) {
             alert("Failed loading "+fname[i]+"\n"+err);
          }
        }
      }

      [% FOREACH item IN plotdata %]
        fname_update([
          [% FOREACH url IN item.url %]
            "[% url %]",
          [% END %]
        ], "plot_[% item.name %]", [% item.si ? "true" : "false" %]);
      [% END %]

    </script>