release/src-rt-6.x.4708/router/www/status-devices.asp

   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/
   6
   7         Tomato VLAN GUI
   8         Copyright (C) 2011 Augusto Bott
   9         http://code.google.com/p/tomato-sdhc-vlan/
  10
  11         For use with Tomato Firmware only.
  12         No part of this file may be used without permission.
  13 -->
  14 <html>
  15 <head>
  16 <meta http-equiv='content-type' content='text/html;charset=utf-8'>
  17 <meta name='robots' content='noindex,nofollow'>
  18 <title>[<% ident(); %>] Status: Device List</title>
  19 <link rel='stylesheet' type='text/css' href='tomato.css'>
  20 <% css(); %>
  21 <script type='text/javascript' src='tomato.js'></script>
  22
  23 <!-- / / / -->
  24
  25 <style type='text/css'>
  26 #dev-grid .co1 {
  27         width: 8%;
  28 }
  29 #dev-grid .co2 {
  30         width: 20%;
  31 }
  32 #dev-grid .co3 {
  33         width: 13%;
  34 }
  35 #dev-grid .co4 {
  36         width: 21%;
  37 }
  38 #dev-grid .co5 {
  39         width: 8%;
  40         text-align: right;
  41 }
  42 #dev-grid .co6 {
  43         width: 8%;
  44         text-align: center;
  45 }
  46 #dev-grid .co7 {
  47         width: 9%;
  48         text-align: right;
  49 }
  50 #dev-grid .co8 {
  51         width: 13%;
  52         text-align: right;
  53 }
  54 #dev-grid .header {
  55         text-align: left;
  56 }
  57 </style>
  58
  59 <script type='text/javascript' src='debug.js'></script>
  60
  61 <script type='text/javascript' src='wireless.jsx?_http_id=<% nv(http_id); %>'></script>
  62 <script type='text/javascript'>
  63
  64 ipp = '<% lipp(); %>.';
  65 //<% nvram('lan_ifname,wl_ifname,wl_mode,wl_radio'); %>
  66 //      <% devlist(); %>
  67
  68 list = [];
  69
  70 function find(mac, ip)
  71 {
  72         var e, i;
  73
  74         mac = mac.toUpperCase();
  75         for (i = list.length - 1; i >= 0; --i) {
  76                 e = list[i];
  77                 if (((e.mac == mac) && ((e.ip == ip) || (e.ip == '') || (ip == null))) ||
  78                         ((e.mac == '00:00:00:00:00:00') && (e.ip == ip))) {
  79                         return e;
  80                 }
  81         }
  82         return null;
  83 }
  84
  85 function get(mac, ip)
  86 {
  87         var e, i;
  88
  89         mac = mac.toUpperCase();
  90         if ((e = find(mac, ip)) != null) {
  91                 if (ip) e.ip = ip;
  92                 return e;
  93         }
  94
  95         e = {
  96                 mac: mac,
  97                 ip: ip || '',
  98                 ifname: '',
  99                 unit: 0,
 100                 name: '',
 101                 rssi: '',
 102                 txrx: '',
 103                 lease: ''
 104         };
 105         list.push(e);
 106
 107         return e;
 108 }
 109
 110
 111 var xob = null;
 112
 113 function _deleteLease(ip)
 114 {
 115         form.submitHidden('dhcpd.cgi', { remove: ip });
 116 }
 117
 118 function deleteLease(a, ip)
 119 {
 120         if (xob) return;
 121         if ((xob = new XmlHttp()) == null) {
 122                 _deleteLease(ip);
 123                 return;
 124         }
 125
 126         a = E(a);
 127         a.innerHTML = 'deleting...';
 128
 129         xob.onCompleted = function(text, xml) {
 130                 a.innerHTML = '...';
 131                 xob = null;
 132         }
 133         xob.onError = function() {
 134                 _deleteLease(ip);
 135         }
 136
 137         xob.post('dhcpd.cgi', 'remove=' + ip);
 138 }
 139
 140 function addStatic(n)
 141 {
 142         var e = list[n];
 143         cookie.set('addstatic', [e.mac, e.ip, e.name.split(',')[0]].join(','), 1);
 144         location.href = 'basic-static.asp';
 145 }
 146
 147 function addWF(n)
 148 {
 149         var e = list[n];
 150         cookie.set('addmac', [e.mac, e.name.split(',')[0]].join(','), 1);
 151         location.href = 'basic-wfilter.asp';
 152 }
 153
 154 function addbwlimit(n)
 155 {
 156         var e = list[n];
 157         cookie.set('addbwlimit', [e.ip, e.name.split(',')[0]].join(','), 1);
 158         location.href = 'bwlimit.asp';
 159 }
 160
 161 var ref = new TomatoRefresh('update.cgi', 'exec=devlist', 0, 'status_devices_refresh');
 162
 163 ref.refresh = function(text)
 164 {
 165         eval(text);
 166         dg.removeAllData();
 167         dg.populate();
 168         dg.resort();
 169         for (var uidx = 0; uidx < wl_ifaces.length; ++uidx) {
 170                 if (wl_sunit(uidx)<0)
 171                         E("noise"+uidx).innerHTML = wlnoise[uidx];
 172         }
 173 }
 174
 175
 176 var dg = new TomatoGrid();
 177
 178 dg.sortCompare = function(a, b) {
 179         var col = this.sortColumn;
 180         var ra = a.getRowData();
 181         var rb = b.getRowData();
 182         var r;
 183
 184         switch (col) {
 185         case 2:
 186                 r = cmpIP(ra.ip, rb.ip);
 187                 break;
 188         case 4:
 189                 r = cmpInt(ra.rssi, rb.rssi);
 190                 break;
 191         case 5:
 192                 r = cmpInt(ra.qual, rb.qual);
 193                 break;
 194         default:
 195                 r = cmpText(a.cells[col].innerHTML, b.cells[col].innerHTML);
 196         }
 197         if (r == 0) {
 198                 r = cmpIP(ra.ip, rb.ip);
 199                 if (r == 0) r = cmpText(ra.ifname, rb.ifname);
 200         }
 201         return this.sortAscending ? r : -r;
 202 }
 203
 204 dg.populate = function()
 205 {
 206         var i, j;
 207         var a, b, c, e;
 208
 209         list = [];
 210
 211         for (i = 0; i < list.length; ++i) {
 212                 list[i].ip = '';
 213                 list[i].ifname = '';
 214                 list[i].unit = 0;
 215                 list[i].name = '';
 216                 list[i].rssi = '';
 217                 list[i].txrx = '';
 218                 list[i].lease = '';
 219         }
 220
 221         for (i = dhcpd_lease.length - 1; i >= 0; --i) {
 222                 a = dhcpd_lease[i];
 223                 e = get(a[2], a[1]);
 224                 e.lease = '<small><a href="javascript:deleteLease(\'L' + i + '\',\'' + a[1] + '\')" title="Delete Lease" id="L' + i + '">' + a[3] + '</a></small>';
 225                 e.name = a[0];
 226                 e.ifname = '';
 227         }
 228
 229         for (i = wldev.length - 1; i >= 0; --i) {
 230                 a = wldev[i];
 231                 if (a[0].indexOf('wds') == 0) {
 232                         e = get(a[1], '-');
 233                 }
 234                 else {
 235                         e = get(a[1], null);
 236                 }
 237                 e.ifname = a[0];
 238                 e.unit = a[6] * 1;
 239                 e.rssi = a[2];
 240
 241                 if ((a[3] > 1000) || (a[4] > 1000))
 242                         e.txrx = ((a[3] > 1000) ? Math.round(a[3] / 1000) : '-') + ' / ' + ((a[4] > 1000) ? Math.round(a[4] / 1000) : '-'); //+ '<br><small>Mbps</small>';
 243         }
 244
 245         for (i = arplist.length - 1; i >= 0; --i) {
 246                 a = arplist[i];
 247
 248                 if ((e = get(a[1], a[0])) != null) {
 249                         if (e.ifname == '') e.ifname = a[2];
 250                 }
 251         }
 252
 253         for (i = dhcpd_static.length - 1; i >= 0; --i) {
 254                 a = dhcpd_static[i].split('<');
 255                 if (a.length < 3) continue;
 256
 257                 if (a[1].indexOf('.') == -1) a[1] = (ipp + a[1]);
 258
 259                 c = a[0].split(',');
 260                 for (j = c.length - 1; j >= 0; --j) {
 261                         if ((e = find(c[j], a[1])) != null) break;
 262                 }
 263                 if (j < 0) continue;
 264
 265                 if (e.ip == '') {
 266                         e.ip = a[1];
 267                 }
 268
 269                 if (e.name == '') {
 270                         e.name = a[2];
 271                 }
 272                 else {
 273                         b = e.name.toLowerCase();
 274                         c = a[2].toLowerCase();
 275                         if ((b.indexOf(c) == -1) && (c.indexOf(b) == -1)) {
 276                                 if (e.name != '') e.name += ', ';
 277                                 e.name += a[2];
 278                         }
 279                 }
 280         }
 281
 282         for (i = list.length - 1; i >= 0; --i) {
 283                 e = list[i];
 284
 285                 b = e.mac;
 286                 if (e.mac.match(/^(..):(..):(..)/)) {
 287                         b += '<br><small>' +
 288                                '<a href="http://api.macvendors.com/' + RegExp.$1 + '-' + RegExp.$2 + '-' + RegExp.$3 + '" target="_new" title="OUI Search">[oui]</a> ' +
 289                                 '<a href="javascript:addStatic(' + i + ')" title="Static Lease...">[static]</a> ' +
 290                                 '<a href="javascript:addbwlimit(' + i + ')" title="BW Limiter">[bwlimit]</a>';
 291
 292                         if (e.rssi != '') {
 293                                 b += ' <a href="javascript:addWF(' + i + ')" title="Wireless Filter...">[wfilter]</a>';
 294                         }
 295                         b += '</small>';
 296                 }
 297                 else {
 298                         b = '';
 299                 }
 300
 301                 var ifidx = wl_uidx(e.unit);
 302                 if ((e.rssi !== '') && (ifidx >= 0) && (wlnoise[ifidx] < 0)) {
 303                         e.qual = MAX(e.rssi - wlnoise[ifidx], 0);
 304                 }
 305                 else {
 306                         e.qual = -1;
 307                 }
 308
 309                 this.insert(-1, e, [
 310                         e.ifname, b, (e.ip == '-') ? '' : e.ip, e.name,
 311                         (e.rssi != 0) ? e.rssi + ' <small>dBm</small>' : '',
 312                         (e.qual < 0) ? '' : '<small>' + e.qual + '</small> <img src="bar' + MIN(MAX(Math.floor(e.qual / 10), 1), 6) + '.gif">',
 313                         e.txrx, e.lease], false);
 314         }
 315 }
 316
 317 dg.setup = function()
 318 {
 319         this.init('dev-grid', 'sort');
 320         this.headerSet(['Interface', 'MAC Address', 'IP Address', 'Name', 'RSSI &nbsp; &nbsp; ', 'Quality', 'TX/RX Rate&nbsp;', 'Lease &nbsp; &nbsp; ']);
 321         this.populate();
 322         this.sort(2);
 323 }
 324
 325 function earlyInit()
 326 {
 327         dg.setup();
 328 }
 329
 330 function init()
 331 {
 332         dg.recolor();
 333         ref.initPage(3000, 3);
 334 }
 335 </script>
 336 </head>
 337 <body onload='init()'>
 338 <table id='container' cellspacing=0>
 339 <tr><td colspan=2 id='header'>
 340         <div class='title'>Tomato</div>
 341         <div class='version'>Version <% version(); %></div>
 342 </td></tr>
 343 <tr id='body'><td id='navi'><script type='text/javascript'>navi()</script></td>
 344 <td id='content'>
 345 <div id='ident'><% ident(); %></div>
 346
 347 <!-- / / / -->
 348
 349 <div class='section-title'>Device List</div>
 350 <div class='section'>
 351         <table id='dev-grid' class='tomato-grid' cellspacing=0></table>
 352
 353 <script type='text/javascript'>
 354 f = [];
 355 for (var uidx = 0; uidx < wl_ifaces.length; ++uidx) {
 356         var u = wl_unit(uidx);
 357         if (nvram['wl'+u+'_radio'] == '1') {
 358                 if (wl_sunit(uidx)<0) {
 359                         var a = '';
 360                         if ((nvram['wl'+u+'_mode'] == 'ap') || (nvram['wl'+u+'_mode'] == 'wds'))
 361                                 a = '&nbsp;&nbsp;&nbsp; <input type="button" value="Measure" onclick="javascript:window.location=\'wlmnoise.cgi?_http_id=' + nvram.http_id + '&_wl_unit=' + u +'\'">';
 362                         f.push( { title: '<b>Noise Floor (' + wl_ifaces[uidx][0] + ')&nbsp;:</b>',
 363                                 prefix: '<span id="noise'+uidx+'">',
 364                                 custom: wlnoise[uidx],
 365                                 suffix: '</span>&nbsp;<small>dBm</small>' + a } );
 366                 }
 367         }
 368 }
 369 createFieldTable('', f);
 370 </script>
 371
 372 </div>
 373
 374 <!-- / / / -->
 375
 376 </td></tr>
 377 <tr><td id='footer' colspan=2><script type='text/javascript'>genStdRefresh(1,0,'ref.toggle()');</script></td></tr>
 378 </table>
 379 <script type='text/javascript'>earlyInit();</script>
 380 </body>
 381 </html>
 382