<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Expires" CONTENT="-1">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<title><#860#> - <#793#> : <#2696#></title>
<link rel="stylesheet" type="text/css" href="index_style.css">
<link rel="stylesheet" type="text/css" href="form_style.css">
<link rel="stylesheet" type="text/css" href="tmmenu.css">
<link rel="stylesheet" type="text/css" href="menu_style.css"> <link rel="shortcut icon" href="images/favicon.png">
<link rel="icon" href="images/favicon.png">
<script language="JavaScript" type="text/javascript" src="help.js"></script>
<script language="JavaScript" type="text/javascript" src="/state.js"></script>
<script language="JavaScript" type="text/javascript" src="/general.js"></script>
<script language="JavaScript" type="text/javascript" src="/tmmenu.js"></script>
<script language="JavaScript" type="text/javascript" src="/tmcal.js"></script>
<script language="JavaScript" type="text/javascript" src="/popup.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/httpApi.js"></script>
<script type='text/javascript'>
var nvram = httpApi.nvramGet(["wan_ifname", "lan_ifname", "wl_ifname", "wan_proto", "web_svg", "rstats_enable", "rstats_colors", "bond_wan", "rc_support", "http_id", "wans_lanport"])
var cprefix = 'bw_24';
var updateInt = 30;
var updateDiv = updateInt;
var updateMaxL = 2880;
var updateReTotal = 1;
var hours = 24;
var lastHours = 0;
var debugTime = 0;
AUTOLOGOUT_MAX_MINUTE = 0;
function showHours()
{
if (hours == lastHours) return;
showSelectedOption('hr', lastHours, hours);
lastHours = hours;
}
function switchHours(h)
{
if ((!svgReady) || (updating)) return;
hours = h;
updateMaxL = (updateMaxL / 24) * hours;
showHours();
loadData();
cookie.set(cprefix + 'hrs', hours);
}
var ref = new TomatoRefresh('update.cgi', 'output=bandwidth&arg0=speed');
ref.refresh = function(text)
{
++updating;
try {
this.refreshTime = 1500;
speed_history = {};
try {
eval(text);
if (rstats_busy) {
E('rbusy').style.display = 'none';
rstats_busy = 0;
}
this.refreshTime = (fixInt(speed_history._next, 1, 120, 60) + 2) * 1000;
}
catch (ex) {
speed_history = {};
}
if (debugTime) E('dtime').innerHTML = (new Date()) + ' ' + (this.refreshTime / 1000);
loadData();
}
catch (ex) {
}
--updating;
}
ref.showState = function()
{
}
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 init()
{
if (nvram.rstats_enable != '1') return;
try {
<% bandwidth("speed"); %>
}
catch (ex) {
}
rstats_busy = 0;
if (typeof(speed_history) == 'undefined') {
speed_history = {};
rstats_busy = 1;
}
hours = fixInt(cookie.get(cprefix + 'hrs'), 1, 24, 24);
updateMaxL = (updateMaxL / 24) * hours;
showHours();
initCommon(1, 0, 0, 1);
ref.initX();
var faq_href = "https://nw-dlcdnet.asus.com/support/forward.html?model=&type=Faq&lang="+ui_lang+"&kw=&num=158";
document.getElementById("faq0").href = faq_href;
if(bwdpi_support){
document.getElementById('content_title').innerHTML = "<#793#>";
}
document.getElementById('traffic_unit').value = getTrafficUnit();
}
function switchPage(page){
if(page == "1")
location.href = "/Main_TrafficMonitor_realtime.asp";
else if(page == "2")
return false;
else
location.href = "/Main_TrafficMonitor_daily.asp";
}
function Zoom(func){
if (func == "in")
document.form.zoom.value = parseInt(document.form.zoom.value) - 1;
else
document.form.zoom.value = parseInt(document.form.zoom.value) + 1;;
if(document.form.zoom.value == 1)
switchHours("4");
else if(document.form.zoom.value == 2)
switchHours("6");
else if(document.form.zoom.value == 3)
switchHours("12");
else if(document.form.zoom.value == 4)
switchHours("18");
else if(document.form.zoom.value == 5)
switchHours("24");
else if(document.form.zoom.value > 5)
document.form.zoom.value = 5;
else if(document.form.zoom.value < 1)
document.form.zoom.value = 1;
else
return false;
}
function setUnit(unit){
cookie.set('ASUS_TrafficMonitor_unit', unit);
initCommon(1, 0, 0, 1);
}
</script>
</head>
<body onload="show_menu();init();" class="bg">
<div id="TopBanner"></div>
<div id="Loading" class="popup_bg"></div>
<iframe name="hidden_frame" id="hidden_frame" src="" width="0" height="0" frameborder="0"></iframe>
<form method="post" name="form" action="apply.cgi" target="hidden_frame">
<input type="hidden" name="current_page" value="Main_TrafficMonitor_last24.asp">
<input type="hidden" name="next_page" value="Main_TrafficMonitor_last24.asp">
<input type="hidden" name="group_id" value="">
<input type="hidden" name="modified" value="0">
<input type="hidden" name="action_mode" value="">
<input type="hidden" name="action_wait" value="">
<input type="hidden" name="action_script" value="">
<input type="hidden" name="first_time" value="">
<input type="hidden" name="preferred_lang" id="preferred_lang" value="<% nvram_get("preferred_lang"); %>">
<input type="hidden" name="firmver" value="<% nvram_get("firmver"); %>">
<input type="hidden" name="zoom" value="3">
<table class="content" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="23"> </td>
<td valign="top" width="202">
<div id="mainMenu"></div>
<div id="subMenu"></div>
</td>
<td valign="top">
<div id="tabMenu" class="submenuBlock"></div>
<table width="98%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" >
<table width="100%" border="0" cellpadding="4" cellspacing="0" class="FormTitle" id="FormTitle">
<tbody>
<tr>
<td bgcolor="#4D595D" valign="top" >
<table width="740px" border="0" align="center" cellpadding="4" cellspacing="0" bordercolor="#6b8fa3" class="TMTable">
<tr>
<td>
<table width="100%" >
<tr>
<td class="formfonttitle" align="left">
<div id="content_title" style="margin-top:5px;"><#392#> - <#793#></div>
</td>
<td>
<div align="right">
<select onchange="switchPage(this.options[this.selectedIndex].value)" class="input_option" style="margin-top:8px;">
<option value="1"><#2695#></option>
<option value="2" selected><#2696#></option>
<option value="3"><#2697#></option>
</select>
</div>
</td></tr></table>
</td>
</tr>
<tr>
<td height="5"><div class="splitLine"></div></td>
</tr>
<tr>
<td height="30" align="left" valign="middle" >
<div class="formfontcontent"><p class="formfontcontent"><#3413#></p></div>
</td>
</tr>
<tr>
<td align="left" valign="middle">
<table width="95%" border="1" align="left" cellpadding="4" cellspacing="0" bordercolor="#6b8fa3" class="DescTable" style="font-size:12px; border: 1px solid #000000; border-collapse: collapse;">
<tr><th class="tm_title_bg" style="color:#FFFFFF; font-weight:normal; line-height:15px; height: 30px; text-align:left; font-size:12px;padding-left: 10px; border-collapse: collapse;" width="16%"></th><th class="tm_title_bg" style="color:#FFFFFF; font-weight:normal; line-height:15px; height: 30px; text-align:left; font-size:12px; padding-left: 10px;border-collapse: collapse;" width="26%"><#2367#></th><th class="tm_title_bg" style="color:#FFFFFF; font-weight:normal; line-height:15px; height: 30px; text-align:left; font-size:12px; padding-left: 10px;border-collapse: collapse;" width="29%"><#3383#></th><th class="tm_title_bg" style="color:#FFFFFF; font-weight:normal; line-height:15px; height: 30px; text-align:left; font-size:12px; padding-left: 10px;border-collapse: collapse;" width="29%"><#3384#></th></tr>
<tr><th class="tm_title_bg" style="color:#FFFFFF; font-weight:normal; line-height:15px; height: 30px; text-align:left; font-size:12px; padding-left: 10px; border-collapse: collapse;"><#3375#></th><td style="color:#FF9000;padding-left: 10px;border-collapse: collapse;"><#3376#></td><td style="color:#3CF;padding-left: 10px;border-collapse: collapse;"><#3377#></td><td style="color:#3CF;padding-left: 10px;border-collapse: collapse;"><#3378#></td></tr>
<tr><th class="tm_title_bg" style="color:#FFFFFF; font-weight:normal; line-height:15px; height: 30px; text-align:left; font-size:12px; padding-left: 10px;border-collapse: collapse;"><#3382#></th><td style="color:#3CF;padding-left: 10px;border-collapse: collapse;"><#3379#></td><td style="color:#FF9000;padding-left: 10px; border-collapse: collapse;"><#3380#></td><td style="color:#FF9000;padding-left: 10px;border-collapse: collapse;"><#3381#></td></tr>
</table>
</td>
</tr>
<tr>
<td>
<div style="display:flex;align-items: center;margin: 4px 0;">
<div><#3138#></div>
<div style="margin-left: 24px;">
<select class="input_option" id="traffic_unit" onchange="setUnit(this.value);">
<option value="0">KB</option>
<option value="1">MB</option>
<option value="2">GB</option>
<option value="3">TB</option>
</select>
</div>
</div>
</td>
</tr>
<tr>
<td height="30" align="left" valign="middle" >
<div class="formfontcontent"><p><#3414#></p></div>
<div class="formfontcontent"><p><a id="faq0" href="" target="_blank" style="font-weight: bolder;text-decoration:underline;"><#793#> FAQ</a></p></div>
</td>
</tr>
<tr>
<td>
<span id="tab-area"></span>
<span style="display:none;">
<input title="Zoom in" type="button" onclick="Zoom('in');" class="zoomin_btn" name="button">
<input title="Zoom out" type="button" onclick="Zoom('out');" class="zoomout_btn" name="button">
</span>
<span id="iftitle" style="font-weight: bold; color: #A0B06B; position: absolute; top: 380px; left: 45%; min-width: 180px;"></span>
<div id="svg-table" align="left" class="IE8HACK">
<object id="graph" src="tm.svg" classid="image/svg+xml" width="730" height="350">
</div>
<![endif]-->
<object id="graph" data="tm.svg" type="image/svg+xml" width="730" height="350">
</object>
</td>
</tr>
<tr>
<td>
<table width="730px" border="1" align="center" cellpadding="4" cellspacing="0" bordercolor="#6b8fa3" class="FormTable_NWM" style="margin-top:0px;margin-left:-1px;*margin-left:-10px;margin-left:-12px \9;">
<tr>
<th style="text-align:center;width:160px;"><#1699#></th>
<th style="text-align:center;width:160px;"><#1444#></th>
<th style="text-align:center;width:160px;"><#2689#></th>
<th style="text-align:center;width:160px;"><#3385#></th>
</tr>
<tr>
<td style="text-align:center;font-weight: bold; background-color:#111;"><div id="rx-current"></div></td>
<td style="text-align:center; background-color:#111;" id='rx-avg'></td>
<td style="text-align:center; background-color:#111;" id='rx-max'></td>
<td style="text-align:center; background-color:#111;" id='rx-total'></td>
</tr>
<tr>
<td style="text-align:center;font-weight: bold; background-color:#111;"><div id="tx-current"></div></td>
<td style="text-align:center; background-color:#111;" id='tx-avg'></td>
<td style="text-align:center; background-color:#111;" id='tx-max'></td>
<td style="text-align:center; background-color:#111;" id='tx-total'></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr style="display:none">
<td bgcolor="#FFFFFF">
<table width="100%" border="1" align="center" cellpadding="4" cellspacing="0" bordercolor="#6b8fa3" class="FormTable">
<thead>
<tr>
<td colspan="5" id="TriggerList">Display Options</td>
</tr>
</thead>
<div id='bwm-controls'>
<tr>
<th width='50%'>: </th>
<td>
<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>
</td>
</tr>
<tr>
<th>: </th>
<td>
<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>
</td>
</tr>
<tr>
<th>: </th>
<td>
<a href='javascript:switchScale(0)' id='scale0'>Uniform</a>,
<a href='javascript:switchScale(1)' id='scale1'>Per IF</a>
</td>
</tr>
<tr>
<th>: </th>
<td>
<a href='javascript:switchDraw(0)' id='draw0'>Solid</a>,
<a href='javascript:switchDraw(1)' id='draw1'>Line</a>
</td>
</tr>
<tr>
<th>: </th>
<td>
<a href='javascript:switchColor()' id='drawcolor'> </a><small><a href='javascript:switchColor(1)' id='drawrev'></a></small>
</td>
</tr>
</div>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div id="footer"></div>
</body>
</html>
