You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
247 lines
6.0 KiB
Plaintext
247 lines
6.0 KiB
Plaintext
<!DOCTYPE html>
|
|
<!--
|
|
Tomato GUI
|
|
Copyright (C) 2006-2010 Jonathan Zarate
|
|
http://www.polarcloud.com/tomato/
|
|
|
|
For use with Tomato Firmware only.
|
|
No part of this file may be used without permission.
|
|
-->
|
|
<html lang="en-GB">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
<meta name="robots" content="noindex,nofollow">
|
|
<title>[<% ident(); %>] Bandwidth: Last 24 Hours</title>
|
|
<link rel="stylesheet" type="text/css" href="tomato.css?rel=<% version(); %>">
|
|
<% css(); %>
|
|
<script src="tomato.js?rel=<% version(); %>"></script>
|
|
<script src="wireless.jsx?_http_id=<% nv(http_id); %>"></script>
|
|
<script src="bwm-common.js?rel=<% version(); %>"></script>
|
|
<script src="bwm-hist.js?rel=<% version(); %>"></script>
|
|
<script src="interfaces.js?rel=<% version(); %>"></script>
|
|
|
|
<script>
|
|
|
|
// <% nvram("wan_ifname,wan_iface,wan2_ifname,wan2_iface,wan3_ifname,wan3_iface,wan4_ifname,wan4_iface,lan_ifname,lan1_ifname,lan2_ifname,lan3_ifname,wan_proto,wan2_proto,wan3_proto,wan4_proto,web_svg,web_css,rstats_enable,wl_nband"); %>
|
|
|
|
var cprefix = 'bw_24';
|
|
var updateInt = 60;
|
|
var updateDiv = updateInt;
|
|
var updateMaxL = 1440;
|
|
var updateReTotal = 1;
|
|
var hours = 24;
|
|
var lastHours = 0;
|
|
var debugTime = 0;
|
|
var rstats_busy = 0;
|
|
|
|
var ref = new TomatoRefresh('update.cgi', 'exec=bandwidth&arg0=speed&arg1=bwm');
|
|
|
|
ref.refresh = function(text) {
|
|
++updating;
|
|
try {
|
|
this.refreshTime = 1500;
|
|
speed_history = {};
|
|
try {
|
|
eval(text);
|
|
if (rstats_busy)
|
|
rstats_busy = 0;
|
|
|
|
this.refreshTime = (fixInt(speed_history._next, 1, 60, 30) + 2) * 1000;
|
|
}
|
|
catch (ex) {
|
|
speed_history = {};
|
|
}
|
|
if (debugTime)
|
|
E('dtime').innerHTML = (new Date())+' '+(this.refreshTime / 1000);
|
|
|
|
loadData();
|
|
}
|
|
catch (ex) {
|
|
}
|
|
--updating;
|
|
}
|
|
|
|
ref.showState = function() {
|
|
E('refresh-button').value = this.running ? 'Stop' : 'Start';
|
|
}
|
|
|
|
ref.toggleX = function() {
|
|
this.toggle();
|
|
this.showState();
|
|
cookie.set(cprefix+'refresh', this.running ? 1 : 0);
|
|
}
|
|
|
|
ref.initX = function() {
|
|
var a;
|
|
|
|
a = fixInt(cookie.get(cprefix+'refresh'), 0, 1, 1);
|
|
if (a) {
|
|
ref.refreshTime = 100;
|
|
ref.toggleX();
|
|
}
|
|
}
|
|
|
|
function showHours() {
|
|
if (hours == lastHours)
|
|
return;
|
|
|
|
showSelectedOption('hr', lastHours, hours);
|
|
lastHours = hours;
|
|
}
|
|
|
|
function switchHours(h) {
|
|
if ((!svgReady) || (updating))
|
|
return;
|
|
|
|
hours = h;
|
|
updateMaxL = (1440 / 24) * hours;
|
|
showHours();
|
|
loadData();
|
|
cookie.set(cprefix+'hrs', hours);
|
|
}
|
|
|
|
function init() {
|
|
if (nvram.rstats_enable != '1') {
|
|
E('refresh-button').setAttribute('disabled', 'disabled');
|
|
return;
|
|
}
|
|
|
|
try {
|
|
// <% bandwidth("speed"); %>
|
|
}
|
|
catch (ex) {
|
|
speed_history = {};
|
|
}
|
|
rstats_busy = 0;
|
|
if (typeof(speed_history) == 'undefined') {
|
|
speed_history = {};
|
|
rstats_busy = 1;
|
|
}
|
|
|
|
hours = fixInt(cookie.get(cprefix+'hrs'), 1, 24, 24);
|
|
updateMaxL = (1440 / 24) * hours;
|
|
showHours();
|
|
|
|
initCommon(1, 0, 0, 1);
|
|
ref.initX();
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body onload="init()">
|
|
<form>
|
|
<table id="container">
|
|
<tr><td colspan="2" id="header">
|
|
<div class="title"><a href="/">FreshTomato</a></div>
|
|
<div class="version">Version <% version(); %> on <% nv("t_model_name"); %></div>
|
|
</td></tr>
|
|
<tr id="body"><td id="navi"><script>navi()</script></td>
|
|
<td id="content">
|
|
<div id="ident"><% ident(); %> | <script>wikiLink();</script></div>
|
|
|
|
<!-- / / / -->
|
|
|
|
<div class="section-title">WAN Bandwidth - Last 24 Hours</div>
|
|
<div class="section">
|
|
|
|
<div id="rstats">
|
|
<div id="tab-area"></div>
|
|
|
|
<script>
|
|
if ((nvram.web_svg != '0') && (nvram.rstats_enable == '1')) {
|
|
var vWidth = 760;
|
|
var vHeight = 300;
|
|
if (nvram.web_css.match(/at-/g)) {
|
|
vWidth = 1200;
|
|
vHeight = 500;
|
|
}
|
|
W('<div id="graph"><embed src="bwm-graph.svg?vwidth='+vWidth+'&vheight='+vHeight+'" type="image/svg+xml" style="width:'+vWidth+'px;height:'+vHeight+'px"><\/embed><\/div>');
|
|
}
|
|
</script>
|
|
|
|
<div id="bwm-controls">
|
|
<small>(1 minute interval)</small><br>
|
|
|
|
<br>
|
|
|
|
Hours:
|
|
<a href="javascript:switchHours(1);" id="hr1">1</a>,
|
|
<a href="javascript:switchHours(2);" id="hr2">2</a>,
|
|
<a href="javascript:switchHours(4);" id="hr4">4</a>,
|
|
<a href="javascript:switchHours(6);" id="hr6">6</a>,
|
|
<a href="javascript:switchHours(12);" id="hr12">12</a>,
|
|
<a href="javascript:switchHours(18);" id="hr18">18</a>,
|
|
<a href="javascript:switchHours(24);" id="hr24">24</a><br>
|
|
Avg:
|
|
<a href="javascript:switchAvg(1)" id="avg1">Off</a>,
|
|
<a href="javascript:switchAvg(2)" id="avg2">2x</a>,
|
|
<a href="javascript:switchAvg(4)" id="avg4">4x</a>,
|
|
<a href="javascript:switchAvg(6)" id="avg6">6x</a>,
|
|
<a href="javascript:switchAvg(8)" id="avg8">8x</a><br>
|
|
Max:
|
|
<a href="javascript:switchScale(0)" id="scale0">Uniform</a>,
|
|
<a href="javascript:switchScale(1)" id="scale1">Per IF</a><br>
|
|
Unit:
|
|
<a href="javascript:switchUnit(0)" id="unit0">kbit/KB</a>,
|
|
<a href="javascript:switchUnit(1)" id="unit1">Mbit/MB</a><br>
|
|
Display:
|
|
<a href="javascript:switchDraw(0)" id="draw0">Solid</a>,
|
|
<a href="javascript:switchDraw(1)" id="draw1">Line</a><br>
|
|
Color: <a href="javascript:switchColor()" id="drawcolor">-</a><br>
|
|
<small><a href="javascript:switchColor(1)" id="drawrev">[reverse]</a></small><br>
|
|
|
|
<br><br>
|
|
|
|
» <a href="admin-bwm.asp">Configure</a>
|
|
</div>
|
|
|
|
<br><br>
|
|
<!-- / / / -->
|
|
|
|
<table id="bwm-stats">
|
|
<tr>
|
|
<td><b id="rx-name">RX</b></td>
|
|
<td><span id="rx-current"></span></td>
|
|
<td><b>Avg</b></td>
|
|
<td id="rx-avg"></td>
|
|
<td><b>Peak</b></td>
|
|
<td id="rx-max"></td>
|
|
<td><b>Total</b></td>
|
|
<td id="rx-total"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><b id="tx-name">TX</b></td>
|
|
<td><span id="tx-current"></span></td>
|
|
<td><b>Avg</b></td>
|
|
<td id="tx-avg"></td>
|
|
<td><b>Peak</b></td>
|
|
<td id="tx-max"></td>
|
|
<td><b>Total</b></td>
|
|
<td id="tx-total"></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- / / / -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- / / / -->
|
|
|
|
<script>checkStats('rstats');</script>
|
|
|
|
<!-- / / / -->
|
|
|
|
<div id="footer">
|
|
<span id="dtime"></span>
|
|
<img src="spin.gif" id="refresh-spinner" alt="" onclick="debugTime=1">
|
|
<input type="button" value="Refresh" id="refresh-button" onclick="ref.toggleX()">
|
|
</div>
|
|
|
|
</td></tr>
|
|
</table>
|
|
</form>
|
|
</body>
|
|
</html>
|