diff options
| author | Alexander Moisseev <moiseev@mezonplus.ru> | 2017-01-06 20:30:33 +0300 |
|---|---|---|
| committer | Alexander Moisseev <moiseev@mezonplus.ru> | 2017-01-07 12:23:53 +0300 |
| commit | 46271b9403d77841322649caa95cc53812f175df (patch) | |
| tree | 3df1bb08b3a66dca15460c558f5c5a612a56e29e /interface/index.html | |
| parent | 348e129aac10e5668aa16d19bffdb95473d52883 (diff) | |
| download | rspamd-46271b9403d77841322649caa95cc53812f175df.tar.gz rspamd-46271b9403d77841322649caa95cc53812f175df.zip | |
[WebUI] Add summary to the Throughput tab
Diffstat (limited to 'interface/index.html')
| -rw-r--r-- | interface/index.html | 90 |
1 files changed, 52 insertions, 38 deletions
diff --git a/interface/index.html b/interface/index.html index 5b0dda706..b83639edc 100644 --- a/interface/index.html +++ b/interface/index.html @@ -58,7 +58,7 @@ <h5>Statistics</h5> </div> <div class="widget-content chart-content"> - <div class="row row-chart"> + <div class="row"> <div class="chart" id="chart"> <span class="notice">Loading..</span> <noscript>Please enable Javascript</noscript> @@ -74,45 +74,59 @@ <span class="icon"><i class="glyphicon glyphicon-stats"></i></span> <h5>Throughput</h5> </div> - <div class="widget-content chart-content"> - <div class="row row-chart"> - <div class="chart" id="graph"> - <span class="notice">Loading..</span> - <noscript>Please enable Javascript</noscript> + <div class="widget-content"> + <div> + <div class="row"> + <div id="graph"> + <span class="notice">Loading..</span> + <noscript>Please enable Javascript</noscript> + </div> </div> + + <div class="row"> + <div class="col-fixed" id="rrd-pie" > + <span class="notice">Loading..</span> + <noscript>Please enable Javascript</noscript> + </div> + + <div class="col-fluid"> + <table id="rrd-table" class="table table-striped table-hover"></table> + </div> + </div> + + <form id="graph_controls" action="#"> + Select dataset: + <select id="selData" class="form-control"> + <option value="hourly" selected>Hourly</option> + <option value="daily">Daily</option> + <option value="weekly">Weekly</option> + <option value="monthly">Monthly</option> + </select> + Convert to: + <select id="selConvert" class="form-control"> + <option value="" selected>--</option> + <option value="percentage">percentage</option> + </select> + Select chart type: + <select id="selType" class="form-control"> + <option value="line" selected>Line</option> + <option value="area">Stacked area</option> + </select> + Select <a title="View Mike Bostock's Block." href="https://bl.ocks.org/mbostock/4342190" target="_blank">interpolation mode</a>: + <select id="selInterpolate" class="form-control"> + <option value="linear" selected>linear</option> + <option value="step">step</option> + <option value="step-before">step-before</option> + <option value="step-after">step-after</option> + <option value="basis">basis</option> + <option value="basis-open">basis-open</option> + <option value="bundle">bundle</option> + <option value="cardinal">cardinal</option> + <option value="cardinal-open">cardinal-open</option> + <option value="monotone">monotone</option> + </select> + </form> </div> - <form id="graph_controls" action="#"> - Select dataset: - <select id="selData" class="form-control"> - <option value="hourly" selected>Hourly</option> - <option value="daily">Daily</option> - <option value="weekly">Weekly</option> - <option value="monthly">Monthly</option> - </select> - Convert to: - <select id="selConvert" class="form-control"> - <option value="" selected>--</option> - <option value="percentage">percentage</option> - </select> - Select chart type: - <select id="selType" class="form-control"> - <option value="line" selected>Line</option> - <option value="area">Stacked area</option> - </select> - Select <a title="View Mike Bostock's Block." href="https://bl.ocks.org/mbostock/4342190" target="_blank">interpolation mode</a>: - <select id="selInterpolate" class="form-control"> - <option value="linear" selected>linear</option> - <option value="step">step</option> - <option value="step-before">step-before</option> - <option value="step-after">step-after</option> - <option value="basis">basis</option> - <option value="basis-open">basis-open</option> - <option value="bundle">bundle</option> - <option value="cardinal">cardinal</option> - <option value="cardinal-open">cardinal-open</option> - <option value="monotone">monotone</option> - </select> - </form> </div> </div> </div> |