WLAN can now be assigned to any LAN bridge. Changing VLAN/bridge settings no longer...
[tomato.git] / release / src / router / www / status-devices.asp
blobad9a276dd603ae1f9d5c13e4fc0eda31fc852fba
1 <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0//EN'>
2 <!--
3 Tomato GUI
4 Copyright (C) 2006-2010 Jonathan Zarate
5 http://www.polarcloud.com/tomato/
7 For use with Tomato Firmware only.
8 No part of this file may be used without permission.
9 -->
10 <html>
11 <head>
12 <meta http-equiv='content-type' content='text/html;charset=utf-8'>
13 <meta name='robots' content='noindex,nofollow'>
14 <title>[<% ident(); %>] Status: Device List</title>
15 <link rel='stylesheet' type='text/css' href='tomato.css'>
16 <link rel='stylesheet' type='text/css' href='color.css'>
17 <script type='text/javascript' src='tomato.js'></script>
19 <!-- / / / -->
21 <style type='text/css'>
22 #dev-grid .co1 {
23 width: 9%;
25 #dev-grid .co2 {
26 width: 18%;
28 #dev-grid .co3 {
29 width: 14%;
31 #dev-grid .co4 {
32 width: 21%;
34 #dev-grid .co5 {
35 width: 8%;
36 text-align: right;
38 #dev-grid .co6 {
39 width: 8%;
40 text-align: center;
42 #dev-grid .co7 {
43 width: 9%;
44 text-align: right;
46 #dev-grid .co8 {
47 width: 13%;
48 text-align: right;
50 #dev-grid .header {
51 text-align: left;
53 </style>
55 <script type='text/javascript' src='debug.js'></script>
57 <script type='text/javascript' src='wireless.jsx?_http_id=<% nv(http_id); %>'></script>
58 <script type='text/javascript'>
60 ipp = '<% lipp(); %>.';
61 //<% nvram('lan_ifname,wl_ifname,wl_mode,wl_radio'); %>
62 // <% devlist(); %>
64 list = [];
66 function find(mac, ip)
68 var e, i;
70 mac = mac.toUpperCase();
71 for (i = list.length - 1; i >= 0; --i) {
72 e = list[i];
73 if (((e.mac == mac) && ((e.ip == ip) || (e.ip == '') || (ip == null))) ||
74 ((e.mac == '00:00:00:00:00:00') && (e.ip == ip))) {
75 return e;
78 return null;
81 function get(mac, ip)
83 var e, i;
85 mac = mac.toUpperCase();
86 if ((e = find(mac, ip)) != null) {
87 if (ip) e.ip = ip;
88 return e;
91 e = {
92 mac: mac,
93 ip: ip || '',
94 ifname: '',
95 unit: 0,
96 name: '',
97 rssi: '',
98 txrx: '',
99 lease: ''
101 list.push(e);
103 return e;
107 var xob = null;
109 function _deleteLease(ip)
111 form.submitHidden('dhcpd.cgi', { remove: ip });
114 function deleteLease(a, ip)
116 if (xob) return;
117 if ((xob = new XmlHttp()) == null) {
118 _deleteLease(ip);
119 return;
122 a = E(a);
123 a.innerHTML = 'deleting...';
125 xob.onCompleted = function(text, xml) {
126 a.innerHTML = '...';
127 xob = null;
129 xob.onError = function() {
130 _deleteLease(ip);
133 xob.post('dhcpd.cgi', 'remove=' + ip);
136 function addStatic(n)
138 var e = list[n];
139 cookie.set('addstatic', [e.mac, e.ip, e.name.split(',')[0]].join(','), 1);
140 location.href = 'basic-static.asp';
143 function addWF(n)
145 var e = list[n];
146 cookie.set('addmac', [e.mac, e.name.split(',')[0]].join(','), 1);
147 location.href = 'basic-wfilter.asp';
151 var ref = new TomatoRefresh('update.cgi', 'exec=devlist', 0, 'status_devices_refresh');
153 ref.refresh = function(text)
155 eval(text);
156 dg.removeAllData();
157 dg.populate();
158 dg.resort();
159 for (var uidx = 0; uidx < wl_ifaces.length; ++uidx) {
160 E("noise"+uidx).innerHTML = wlnoise[uidx];
165 var dg = new TomatoGrid();
167 dg.sortCompare = function(a, b) {
168 var col = this.sortColumn;
169 var ra = a.getRowData();
170 var rb = b.getRowData();
171 var r;
173 switch (col) {
174 case 2:
175 r = cmpIP(ra.ip, rb.ip);
176 break;
177 case 4:
178 r = cmpInt(ra.rssi, rb.rssi);
179 break;
180 case 5:
181 r = cmpInt(ra.qual, rb.qual);
182 break;
183 default:
184 r = cmpText(a.cells[col].innerHTML, b.cells[col].innerHTML);
186 if (r == 0) {
187 r = cmpIP(ra.ip, rb.ip);
188 if (r == 0) r = cmpText(ra.ifname, rb.ifname);
190 return this.sortAscending ? r : -r;
193 dg.populate = function()
195 var i, j;
196 var a, b, c, e;
198 list = [];
200 for (i = 0; i < list.length; ++i) {
201 list[i].ip = '';
202 list[i].ifname = '';
203 list[i].unit = 0;
204 list[i].name = '';
205 list[i].rssi = '';
206 list[i].txrx = '';
207 list[i].lease = '';
210 for (i = dhcpd_lease.length - 1; i >= 0; --i) {
211 a = dhcpd_lease[i];
212 e = get(a[2], a[1]);
213 e.lease = '<small><a href="javascript:deleteLease(\'L' + i + '\',\'' + a[1] + '\')" title="Delete Lease" id="L' + i + '">' + a[3] + '</a></small>';
214 e.name = a[0];
215 e.ifname = nvram.lan_ifname;
218 for (i = wldev.length - 1; i >= 0; --i) {
219 a = wldev[i];
220 if (a[0].indexOf('wds') == 0) {
221 e = get(a[1], '-');
223 else {
224 e = get(a[1], null);
226 e.ifname = a[0];
227 e.unit = a[6] * 1;
228 e.rssi = a[2];
230 if ((a[3] > 1000) || (a[4] > 1000))
231 e.txrx = ((a[3] > 1000) ? Math.round(a[3] / 1000) : '-') + ' / ' + ((a[4] > 1000) ? Math.round(a[4] / 1000) : '-'); //+ '<br><small>Mbps</small>';
234 for (i = arplist.length - 1; i >= 0; --i) {
235 a = arplist[i];
237 if ((e = get(a[1], a[0])) != null) {
238 if (e.ifname == '') e.ifname = a[2];
242 for (i = dhcpd_static.length - 1; i >= 0; --i) {
243 a = dhcpd_static[i].split('<');
244 if (a.length < 3) continue;
246 if (a[1].indexOf('.') == -1) a[1] = (ipp + a[1]);
248 c = a[0].split(',');
249 for (j = c.length - 1; j >= 0; --j) {
250 if ((e = find(c[j], a[1])) != null) break;
252 if (j < 0) continue;
254 if (e.name == '') {
255 e.name = a[2];
257 else {
258 b = e.name.toLowerCase();
259 c = a[2].toLowerCase();
260 if ((b.indexOf(c) == -1) && (c.indexOf(b) == -1)) {
261 if (e.name != '') e.name += ', ';
262 e.name += a[2];
267 for (i = list.length - 1; i >= 0; --i) {
268 e = list[i];
270 b = e.mac;
271 if (e.mac.match(/^(..):(..):(..)/)) {
272 b += '<br><small>' +
273 '<a href="http://standards.ieee.org/cgi-bin/ouisearch?' + RegExp.$1 + '-' + RegExp.$2 + '-' + RegExp.$3 + '" target="_new" title="OUI Search">[oui]</a> ' +
274 '<a href="javascript:addStatic(' + i + ')" title="Static Lease...">[static]</a>';
276 if (e.rssi != '') {
277 b += ' <a href="javascript:addWF(' + i + ')" title="Wireless Filter...">[wfilter]</a>';
279 b += '</small>';
281 else {
282 b = '';
285 var ifidx = wl_uidx(e.unit);
286 if ((e.rssi !== '') && (ifidx >= 0) && (wlnoise[ifidx] < 0)) {
287 e.qual = MAX(e.rssi - wlnoise[ifidx], 0);
289 else {
290 e.qual = -1;
293 this.insert(-1, e, [
294 e.ifname, b, (e.ip == '-') ? '' : e.ip, e.name,
295 (e.rssi != 0) ? e.rssi + ' <small>dBm</small>' : '',
296 (e.qual < 0) ? '' : '<small>' + e.qual + '</small> <img src="bar' + MIN(MAX(Math.floor(e.qual / 10), 1), 6) + '.gif">',
297 e.txrx, e.lease], false);
301 dg.setup = function()
303 this.init('dev-grid', 'sort');
304 this.headerSet(['Interface', 'MAC Address', 'IP Address', 'Name', 'RSSI &nbsp; &nbsp; ', 'Quality', 'TX/RX Rate&nbsp;', 'Lease &nbsp; &nbsp; ']);
305 this.populate();
306 this.sort(2);
309 function earlyInit()
311 dg.setup();
314 function init()
316 dg.recolor();
317 ref.initPage(3000, 3);
319 </script>
320 </head>
321 <body onload='init()'>
322 <table id='container' cellspacing=0>
323 <tr><td colspan=2 id='header'>
324 <div class='title'>Tomato</div>
325 <div class='version'>Version <% version(); %></div>
326 </td></tr>
327 <tr id='body'><td id='navi'><script type='text/javascript'>navi()</script></td>
328 <td id='content'>
329 <div id='ident'><% ident(); %></div>
331 <!-- / / / -->
333 <div class='section-title'>Device List</div>
334 <div class='section'>
335 <table id='dev-grid' class='tomato-grid' cellspacing=0></table>
337 <script type='text/javascript'>
338 f = [];
339 for (var uidx = 0; uidx < wl_ifaces.length; ++uidx) {
340 var u = wl_unit(uidx);
341 if (nvram['wl'+u+'_radio'] == '1') {
342 var a = '';
343 if ((nvram['wl'+u+'_mode'] == 'ap') || (nvram['wl'+u+'_mode'] == 'wds'))
344 a = '&nbsp;&nbsp;&nbsp; <input type="button" value="Measure" onclick="javascript:window.location=\'wlmnoise.cgi?_http_id=' + nvram.http_id + '&_wl_unit=' + u +'\'">';
345 f.push( { title: '<b>Noise Floor (' + wl_ifaces[uidx][0] + ')&nbsp;:</b>',
346 prefix: '<span id="noise'+uidx+'">',
347 custom: wlnoise[uidx],
348 suffix: '</span>&nbsp;<small>dBm</small>' + a } );
351 createFieldTable('', f);
352 </script>
354 </div>
356 <!-- / / / -->
358 </td></tr>
359 <tr><td id='footer' colspan=2><script type='text/javascript'>genStdRefresh(1,0,'ref.toggle()');</script></td></tr>
360 </table>
361 <script type='text/javascript'>earlyInit();</script>
362 </body>
363 </html>