1 <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML
4.0//EN'
>
4 Copyright (C) 2006-2010 Jonathan Zarate
5 http://www.polarcloud.com/tomato/
7 IP Traffic enhancements
8 Copyright (C) 2011 Augusto Bott
9 http://code.google.com/p/tomato-sdhc-vlan/
11 For use with Tomato Firmware only.
12 No part of this file may be used without permission.
16 <meta http-equiv='content-type' content='text/html;charset=utf-
8'
>
17 <meta name='robots' content='noindex,nofollow'
>
18 <title>[<%
ident(); %>] IP Traffic: Daily History
</title>
19 <link rel='stylesheet' type='text/css' href='tomato.css'
>
21 <script type='text/javascript' src='tomato.js'
></script>
25 <style type='text/css'
>
35 <script type='text/javascript' src='debug.js'
></script>
36 <script type='text/javascript' src='bwm-hist.js'
></script>
37 <script type='text/javascript' src='bwm-common.js'
></script>
38 <script type='text/javascript' src='interfaces.js'
></script>
40 <script type='text/javascript'
>
41 // <% nvram("wan_ifname,lan_ifname,wl_ifname,wan_proto,wan_iface,web_svg,cstats_enable,cstats_colors,dhcpd_static,lan_ipaddr,lan_netmask,lan1_ipaddr,lan1_netmask,lan2_ipaddr,lan2_netmask,lan3_ipaddr,lan3_netmask"); %>
46 // <% ipt_bandwidth("daily"); %>
52 if (typeof(daily_history
) == 'undefined') {
68 w
= window
.open('', 'tomato_ipt_data_d');
69 w
.document
.writeln('<pre>');
70 for (i
= 0; i
< daily_history
.length
; ++i
) {
73 w
.document
.writeln([t
[0], t
[1] + 1, t
[2], h
[1], h
[2], h
[3]].join(','));
75 w
.document
.writeln('</pre>');
81 return [(((n
>> 16) & 0xFF) + 1900), ((n
>>> 8) & 0xFF), (n
& 0xFF)];
84 var dg
= new TomatoGrid();
86 dg
.setup = function() {
87 this.init('daily-grid', 'sort');
88 this.headerSet(['Date', 'Host', 'Download', 'Upload', 'Total']);
97 var subnetslisted
= [];
99 if (daily_history
.length
> 0) {
101 for (i
= 0; i
< daily_history
.length
; ++i
) {
103 b
= daily_history
[i
];
105 if (E('_f_ignorezeroes').checked
)
106 if ((b
[2] < 1) || (b
[3] < 1))
109 if (E('_f_begin_date').value
.toString() != '0') {
110 if (b
[0] < E('_f_begin_date').value
)
114 if (E('_f_end_date').value
.toString() != '0') {
115 if (b
[0] > E('_f_end_date').value
)
119 if (filteripe
.length
>0) {
121 for (var x
= 0; x
< filteripe
.length
; ++x
) {
122 if (b
[1] == filteripe
[x
]){
127 if (fskip
== 1) continue;
130 if (filterip
.length
>0) {
132 for (var x
= 0; x
< filterip
.length
; ++x
) {
133 if (b
[1] == filterip
[x
]){
138 if (fskip
== 1) continue;
141 if ((b
[1] == getNetworkAddress(nvram
.lan_ipaddr
,nvram
.lan_netmask
)) ||
142 (b
[1] == getNetworkAddress(nvram
.lan1_ipaddr
,nvram
.lan1_netmask
)) ||
143 (b
[1] == getNetworkAddress(nvram
.lan2_ipaddr
,nvram
.lan2_netmask
)) ||
144 (b
[1] == getNetworkAddress(nvram
.lan3_ipaddr
,nvram
.lan3_netmask
))) {
145 if(E('_f_subnet').checked
== 0) {
148 subnetslisted
.push(b
[1]);
151 hostslisted
.push(b
[1]);
156 if (hostslisted
.length
> 0) {
158 for (var j
= 1; j
< hostslisted
.length
; j
++ ) {
159 if (hostslisted
[j
] === hostslisted
[j
- 1]) {
160 hostslisted
.splice(j
--, 1);
165 if (subnetslisted
.length
> 0) {
166 subnetslisted
.sort();
167 for (var j
= 1; j
< subnetslisted
.length
; j
++ ) {
168 if (subnetslisted
[j
] === subnetslisted
[j
- 1]) {
169 subnetslisted
.splice(j
--, 1);
175 if (E('_f_hostnames').checked
) {
176 if(hostnamecache
[b
[1]] != null) {
177 h
= hostnamecache
[b
[1]] + ((b
[1].indexOf(':') != -1) ? '<br>' : ' ') + '<small>(' + b
[1] + ')</small>';
180 if (E('_f_shortcuts').checked
) {
181 h
= h
+ '<br><small>';
182 h
= h
+ '<a href="javascript:viewQosDetail(' + i
+ ')" title="View QoS Details">[qosdetails]</a>';
183 h
= h
+ '<a href="javascript:viewQosCTrates(' + i
+ ')" title="View transfer rates per connection">[qosrates]</a>';
184 h
= h
+ '<a href="javascript:viewIptDetail(' + i
+ ')" title="View real-time IP Traffic for this address">[iptraf]</a>';
185 h
= h
+ '<a href="javascript:addExcludeList(' + i
+ ')" title="Filter out this address">[hide]</a>';
188 var ymd
= getYMD(b
[0]);
189 d
= [ymdText(ymd
[0], ymd
[1], ymd
[2]), h
, rescale(b
[2]), rescale(b
[3]), rescale(b
[2]+b
[3])];
190 dg
.insertData(-1, d
);
198 (((hostslisted
.length
> 0) || (subnetslisted
.length
> 0)) ?
199 ((hostslisted
.length
> 0) ? (hostslisted
.length
+ ' hosts') : '') +
200 (((hostslisted
.length
> 0) && (subnetslisted
.length
> 0)) ? ', ' : '') +
201 ((subnetslisted
.length
> 0) ? (subnetslisted
.length
+ ' subnets') : '')
210 function popupWindow(v
) {
211 window
.open(v
, '', 'width=1000,height=600,toolbar=no,menubar=no,scrollbars=yes,resizable=yes');
214 function viewQosDetail(n
) {
215 cookie
.set('qos_filterip', [daily_history
[n
][1]], 1);
216 popupWindow('qos-detailed.asp');
219 function viewQosCTrates(n
) {
220 cookie
.set('qos_filterip', [daily_history
[n
][1]], 1);
221 popupWindow('qos-ctrate.asp');
224 function viewIptDetail(n
) {
225 cookie
.set('ipt_filterip', [daily_history
[n
][1]], 1);
226 popupWindow('ipt-details.asp');
229 function addExcludeList(n
) {
230 if (E('_f_filter_ipe').value
.length
<6) {
231 E('_f_filter_ipe').value
= daily_history
[n
][1];
233 if (E('_f_filter_ipe').value
.indexOf(daily_history
[n
][1]) < 0) {
234 E('_f_filter_ipe').value
= E('_f_filter_ipe').value
+ ',' + daily_history
[n
][1];
240 dg
.dataToView = function(data
) {
244 function init_filter_dates() {
246 if (daily_history
.length
> 0) {
247 for (var i
= 0; i
< daily_history
.length
; ++i
) {
248 dates
.push('0x' + daily_history
[i
][0].toString(16));
250 if (dates
.length
> 0) {
252 for (var j
= 1; j
< dates
.length
; j
++ ) {
253 if (dates
[j
] === dates
[j
- 1]) {
254 dates
.splice(j
--, 1);
259 var b
= E('_f_begin_date');
260 var e
= E('_f_end_date');
262 for (var i
= 0; i
< dates
.length
; ++i
) {
263 var ymd
= getYMD(dates
[i
]);
264 b
.options
[i
+1] = new Option(ymdText(ymd
[0], ymd
[1], ymd
[2]), dates
[i
], false, ((ymd
[0]==d
.getFullYear()) && (ymd
[1]==d
.getMonth()) && (ymd
[2]==d
.getDate()) ));
265 e
.options
[i
+1] = new Option(ymdText(ymd
[0], ymd
[1], ymd
[2]), dates
[i
], false, ((ymd
[0]==d
.getFullYear()) && (ymd
[1]==d
.getMonth()) && (ymd
[2]==d
.getDate()) ));
269 function update_filter_dates(b
) {
270 for (var i
= 0; i
< b
.options
.length
; ++i
) {
271 if(b
.options
[i
].value
.toString() != '0') {
272 var ymd
= getYMD(b
.options
[i
].value
);
273 b
.options
[i
].text
= ymdText(ymd
[0], ymd
[1], ymd
[2]);
280 if (nvram
.cstats_enable
!= '1') return;
288 if ((c
= cookie
.get('ipt_filterip')) != null) {
289 cookie
.set('ipt_filterip', '', 0);
291 E('_f_begin_date').value
= 0;
292 E('_f_end_date').value
= 0;
293 E('_f_filter_ip').value
= c
;
294 filterip
= c
.split(',');
298 dateFormat
= fixInt(cookie
.get('ipt_history_dafm'), 0, 3, 0);
299 E('_f_dafm').value
= dateFormat
;
301 scale
= fixInt(cookie
.get('ipt_history_scale'), 0, 2, 0);
302 E('_f_scale').value
= scale
;
304 E('_f_subnet').checked
= (((c
= cookie
.get('ipt_history_subnet')) != null) && (c
== '1'));
306 E('_f_hostnames').checked
= (((c
= cookie
.get('ipt_history_hostnames')) != null) && (c
== '1'));
308 E('_f_shortcuts').checked
= (((c
= cookie
.get('ipt_history_shortcuts')) != null) && (c
== '1'));
310 E('_f_ignorezeroes').checked
= (((c
= cookie
.get('ipt_history_ignorezeroes')) != null) && (c
== '1'));
312 if (((c
= cookie
.get('ipt_history_options_vis')) != null) && (c
== '1')) {
313 toggleVisibility("options");
321 function toggleVisibility(whichone
) {
322 if(E('sesdiv' + whichone
).style
.display
=='') {
323 E('sesdiv' + whichone
).style
.display
='none';
324 E('sesdiv' + whichone
+ 'showhide').innerHTML
='(Click here to show)';
325 cookie
.set('ipt_history_' + whichone
+ '_vis', 0);
327 E('sesdiv' + whichone
).style
.display
='';
328 E('sesdiv' + whichone
+ 'showhide').innerHTML
='(Click here to hide)';
329 cookie
.set('ipt_history_' + whichone
+ '_vis', 1);
333 function dofilter() {
334 if (E('_f_filter_ip').value
.length
>6) {
335 filterip
= E('_f_filter_ip').value
.split(',');
340 if (E('_f_filter_ipe').value
.length
>6) {
341 filteripe
= E('_f_filter_ipe').value
.split(',');
349 function verifyFields(focused
, quiet
) {
350 dateFormat
= E('_f_dafm').value
* 1;
351 cookie
.set('ipt_history_dafm', E('_f_dafm').value
, 31);
353 scale
= E('_f_scale').value
* 1;
354 cookie
.set('ipt_history_scale', E('_f_scale').value
, 2);
356 cookie
.set('ipt_history_subnet', (E('_f_subnet').checked
? '1' : '0'), 1);
358 cookie
.set('ipt_history_hostnames', (E('_f_hostnames').checked
? '1' : '0'), 1);
360 cookie
.set('ipt_history_shortcuts', (E('_f_shortcuts').checked
? '1' : '0'), 1);
362 cookie
.set('ipt_history_ignorezeroes', (E('_f_ignorezeroes').checked
? '1' : '0'), 1);
364 update_filter_dates(E('_f_begin_date'));
365 update_filter_dates(E('_f_end_date'));
367 if ((E('_f_begin_date').value
> E('_f_end_date').value
) && ( E('_f_end_date').value
!= '0')) {
368 var tmp
= E('_f_begin_date').value
;
369 E('_f_begin_date').value
= E('_f_end_date').value
;
370 E('_f_end_date').value
= tmp
;
378 <body onload='init()'
>
380 <table id='container' cellspacing=
0>
381 <tr><td colspan=
2 id='header'
>
382 <div class='title'
>Tomato
</div>
383 <div class='version'
>Version <%
version(); %></div>
385 <tr id='body'
><td id='navi'
><script type='text/javascript'
>navi()</script></td>
387 <div id='ident'
><%
ident(); %></div>
392 <div class='section-title'
>IP Traffic Daily History
</div>
393 <div class='section'
>
394 <table id='daily-grid' class='tomato-grid' cellspacing=
0 style='height:auto'
></table>
397 <div class='section-title'
>Options
<small><i><a href='javascript:toggleVisibility(
"options");'
><span id='sesdivoptionsshowhide'
>(Click here to show)
</span></a></i></small></div>
398 <div class='section' id='sesdivoptions' style='display:none'
>
399 <script type='text/javascript'
>
402 c
.push({ title
: 'List only these IPs', name
: 'f_filter_ip', size
: 50, maxlen
: 255, type
: 'text', suffix
: ' <small>(Comma separated list)</small>' });
403 c
.push({ title
: 'Exclude these IPs', name
: 'f_filter_ipe', size
: 50, maxlen
: 255, type
: 'text', suffix
: ' <small>(Comma separated list)</small>' });
404 c
.push({ title
: 'Date Range', multi
: [ { name
: 'f_begin_date', type
: 'select', options
: [['0', 'Any']], suffix
: ' - ' }, { name
: 'f_end_date', type
: 'select', options
: [['0', 'Any']] } ] } );
405 c
.push({ title
: 'Date Format', name
: 'f_dafm', type
: 'select', options
: [['0', 'yyyy-mm-dd'], ['1', 'mm-dd-yyyy'], ['2', 'mmm dd, yyyy'], ['3', 'dd.mm.yyyy']] });
406 c
.push({ title
: 'Scale', name
: 'f_scale', type
: 'select', options
: [['0', 'KB'], ['1', 'MB'], ['2', 'GB']] });
407 c
.push({ title
: 'Show subnet totals', name
: 'f_subnet', type
: 'checkbox', suffix
: ' <small>(Not considered when calculating total traffic on the last line)</small>' });
408 c
.push({ title
: 'Hide IPs without traffic', name
: 'f_ignorezeroes', type
: 'checkbox' });
409 c
.push({ title
: 'Show known hostnames', name
: 'f_hostnames', type
: 'checkbox' });
410 c
.push({ title
: 'Show shortcuts', name
: 'f_shortcuts', type
: 'checkbox' });
411 createFieldTable('',c
);
413 <div style=
"float:right;text-align:right">
414 » <a href=
"javascript:genData()">Data
</a>
416 » <a href=
"admin-iptraffic.asp">Configure
</a>
421 <script type='text/javascript'
>checkCstats();</script>
426 <tr><td id='footer' colspan=
2>
427 <input type='button' value='Refresh' onclick='reloadPage()'
>