release/src/router/www/bwm-common.js

   1 /*
   2         Tomato GUI
   3         Copyright (C) 2006-2010 Jonathan Zarate
   4         http://www.polarcloud.com/tomato/
   5
   6         For use with Tomato Firmware only.
   7         No part of this file may be used without permission.
   8 */
   9
  10 var tabs = [];
  11 var rx_max, rx_avg;
  12 var tx_max, tx_avg;
  13 var xx_max = 0;
  14 var ifname;
  15 var htmReady = 0;
  16 var svgReady = 0;
  17 var updating = 0;
  18 var scaleMode = 0;
  19 var scaleLast = -1;
  20 var drawMode = 0;
  21 var drawLast = -1;
  22 var drawColor = 0;
  23 var avgMode = 0;
  24 var avgLast = -1;
  25 var colorX = 0;
  26 var colors = [
  27         ['Green &amp; Blue', '#118811', '#6495ed'], ['Blue &amp; Orange', '#003EBA', '#FF9000'],
  28         ['Blue &amp; Red', '#003EDD', '#CC4040'], ['Blue', '#22f', '#225'], ['Gray', '#000', '#999'],
  29         ['Red &amp; Black', '#d00', '#000']];
  30
  31 function xpsb(byt)
  32 {
  33 /* REMOVE-BEGIN
  34         kbit/s = 1000 bits/s
  35         125 = 1000 / 8
  36         ((B * 8) / 1000)
  37 REMOVE-END */
  38         return (byt / 125).toFixed(2) + ' <small>kbit/s</small><br>(' + (byt / 1024).toFixed(2) + ' <small>KB/s</small>)';
  39 }
  40
  41 function showCTab()
  42 {
  43         showTab('speed-tab-' + ifname);
  44 }
  45
  46 function showSelectedOption(prefix, prev, now)
  47 {
  48         var e;
  49
  50         elem.removeClass(prefix + prev, 'selected');    // safe if prev doesn't exist
  51         if ((e = E(prefix + now)) != null) {
  52                 elem.addClass(e, 'selected');
  53                 e.blur();
  54         }
  55 }
  56
  57 function showDraw()
  58 {
  59         if (drawLast == drawMode) return;
  60         showSelectedOption('draw', drawLast, drawMode);
  61         drawLast = drawMode;
  62 }
  63
  64 function switchDraw(n)
  65 {
  66         if ((!svgReady) || (updating)) return;
  67         drawMode = n;
  68         showDraw();
  69         showCTab();
  70         cookie.set(cprefix + 'draw', drawMode);
  71 }
  72
  73 function showColor()
  74 {
  75         E('drawcolor').innerHTML = colors[drawColor][0] + ' &raquo;';
  76         E('rx-name').style.borderBottom = '2px dashed ' + colors[drawColor][1 + colorX];
  77         E('tx-name').style.borderBottom = '2px dashed ' + colors[drawColor][1 + (colorX ^ 1)];
  78 }
  79
  80 function switchColor(rev)
  81 {
  82         if ((!svgReady) || (updating)) return;
  83         if (rev) colorX ^= 1;
  84                 else drawColor = (drawColor + 1) % colors.length;
  85         showColor();
  86         showCTab();
  87         cookie.set(cprefix + 'color', drawColor + ',' + colorX);
  88 }
  89
  90 function showScale()
  91 {
  92         if (scaleMode == scaleLast) return;
  93         showSelectedOption('scale', scaleLast, scaleMode);
  94         scaleLast = scaleMode;
  95 }
  96
  97 function switchScale(n)
  98 {
  99         scaleMode = n;
 100         showScale();
 101         showTab('speed-tab-' + ifname);
 102         cookie.set(cprefix + 'scale', scaleMode);
 103 }
 104
 105 function showAvg()
 106 {
 107         if (avgMode == avgLast) return;
 108         showSelectedOption('avg', avgLast, avgMode);
 109         avgLast = avgMode;
 110 }
 111
 112 function switchAvg(n)
 113 {
 114         if ((!svgReady) || (updating)) return;
 115         avgMode = n;
 116         showAvg();
 117         showCTab();
 118         cookie.set(cprefix + 'avg', avgMode);
 119 }
 120
 121 function tabSelect(name)
 122 {
 123         if (!updating) showTab(name);
 124 }
 125
 126 function showTab(name)
 127 {
 128         var h;
 129         var max;
 130         var i;
 131         var rx, tx;
 132         var e;
 133
 134         ifname = name.replace('speed-tab-', '');
 135         cookie.set(cprefix + 'tab', ifname, 14);
 136         tabHigh(name);
 137
 138         h = speed_history[ifname];
 139         if (!h) return;
 140
 141         E('rx-current').innerHTML = xpsb(h.rx[h.rx.length - 1] / updateDiv);
 142         E('rx-avg').innerHTML = xpsb(h.rx_avg);
 143         E('rx-max').innerHTML = xpsb(h.rx_max);
 144
 145         E('tx-current').innerHTML = xpsb(h.tx[h.tx.length - 1] / updateDiv);
 146         E('tx-avg').innerHTML = xpsb(h.tx_avg);
 147         E('tx-max').innerHTML = xpsb(h.tx_max);
 148
 149         E('rx-total').innerHTML = scaleSize(h.rx_total);
 150         E('tx-total').innerHTML = scaleSize(h.tx_total);
 151
 152         if (svgReady) {
 153                 max = scaleMode ? MAX(h.rx_max, h.tx_max) : xx_max
 154                 if (max > 12500) max = Math.round((max + 12499) / 12500) * 12500;
 155                         else max += 100;
 156                 updateSVG(h.rx, h.tx, max, drawMode,
 157                         colors[drawColor][1 + colorX], colors[drawColor][1 + (colorX ^ 1)],
 158                         updateInt, updateMaxL, updateDiv, avgMode, clock);
 159         }
 160 }
 161
 162 function loadData()
 163 {
 164         var old;
 165         var t, e;
 166         var name;
 167         var i;
 168         var changed;
 169
 170         xx_max = 0;
 171         old = tabs;
 172         tabs = [];
 173         clock = new Date();
 174
 175         if (!speed_history) {
 176                 speed_history = [];
 177         }
 178         else {
 179                 for (var i in speed_history) {
 180                         var h = speed_history[i];
 181                         if ((typeof(h.rx) == 'undefined') || (typeof(h.tx) == 'undefined')) {
 182                                 delete speed_history[i];
 183                                 continue;
 184                         }
 185                         if ((h.rx_total == 0) && (h.tx_total == 0) && (h.up == 0)) {
 186                                 delete speed_history[i];
 187                                 continue;
 188                         }
 189
 190                         if (typeof(h.hide) != 'undefined') {
 191                                 if (h.hide == 1) continue;
 192                         }
 193
 194                         if (updateReTotal) {
 195                                 h.rx_total = h.rx_max = 0;
 196                                 h.tx_total = h.tx_max = 0;
 197                                 for (j = (h.rx.length - updateMaxL); j < h.rx.length; ++j) {
 198                                         t = h.rx[j];
 199                                         if (t > h.rx_max) h.rx_max = t;
 200                                         h.rx_total += t;
 201                                         t = h.tx[j];
 202                                         if (t > h.tx_max) h.tx_max = t;
 203                                         h.tx_total += t;
 204                                 }
 205                                 h.rx_avg = h.rx_total / updateMaxL;
 206                                 h.tx_avg = h.tx_total / updateMaxL;
 207                         }
 208
 209                         if (updateDiv > 1) {
 210                                 h.rx_max /= updateDiv;
 211                                 h.tx_max /= updateDiv;
 212                                 h.rx_avg /= updateDiv;
 213                                 h.tx_avg /= updateDiv;
 214                         }
 215                         if (h.rx_max > xx_max) xx_max = h.rx_max;
 216                         if (h.tx_max > xx_max) xx_max = h.tx_max;
 217
 218                         t = i;
 219                         if ((typeof(hostnamecache) != 'undefined') && (hostnamecache[i] != null)) {
 220                                 t = hostnamecache[i] + ' <small>(' + i + ')</small>';
 221                         }
 222                         else if (wl_ifidx(i) >= 0) {
 223 /* REMOVE-BEGIN
 224 //                      else if (i == nvram.wl_ifname) {
 225 REMOVE-END */
 226                                 t = 'WL <small>(' + i + ')</small>';
 227                         }
 228                         else if ((nvram.wan_proto == 'pptp') || (nvram.wan_proto == 'pppoe') || (nvram.wan_proto == 'ppp3g')) {
 229                                 if (nvram.wan_iface == i) t = 'WAN <small>(' + i + ')</small>';
 230                                 else if (nvram.wan_ifname == i && ((nvram.wan_proto != 'pppoe') && (nvram.wan_proto != 'ppp3g'))) t = 'MAN <small>(' + i + ')</small>';
 231                         }
 232                         else if (nvram.wan_proto != 'disabled') {
 233                                 if (nvram.wan_ifname == i) t = 'WAN <small>(' + i + ')</small>';
 234                         }
 235                         tabs.push(['speed-tab-' + i, t]);
 236                 }
 237
 238                 tabs = tabs.sort(
 239                         function(a, b) {
 240                                 if (a[1] < b[1]) return -1;
 241                                 if (a[1] > b[1]) return 1;
 242                                 return 0;
 243                         });
 244         }
 245
 246         if (tabs.length == old.length) {
 247                 for (i = tabs.length - 1; i >= 0; --i)
 248                         if (tabs[i][0] != old[i][0]) break;
 249                 changed = i > 0;
 250         }
 251         else changed = 1;
 252
 253         if (changed) {
 254                 E('tab-area').innerHTML = _tabCreate.apply(this, tabs);
 255         }
 256         if (((name = cookie.get(cprefix + 'tab')) != null) && ((speed_history[name] != undefined))) {
 257                 showTab('speed-tab-' + name);
 258                 return;
 259         }
 260         if (tabs.length) showTab(tabs[0][0]);
 261 }
 262
 263 function initData()
 264 {
 265         if (htmReady) {
 266                 loadData();
 267                 if (svgReady) {
 268                         E('graph').style.visibility = 'visible';
 269                         E('bwm-controls').style.visibility = 'visible';
 270                 }
 271         }
 272 }
 273
 274 function initCommon(defAvg, defDrawMode, defDrawColor)
 275 {
 276         drawMode = fixInt(cookie.get(cprefix + 'draw'), 0, 1, defDrawMode);
 277         showDraw();
 278
 279         if (nvram['rstats_colors'] != null)
 280                 var c = nvram.rstats_colors.split(',');
 281         else if (nvram['cstats_colors'] != null)
 282                 var c = nvram.cstats_colors.split(',');
 283         while (c.length >= 3) {
 284                 c[0] = escapeHTML(c[0]);
 285                 colors.push(c.splice(0, 3));
 286         }
 287
 288         c = (cookie.get(cprefix + 'color') || '').split(',');
 289         if (c.length == 2) {
 290                 drawColor = fixInt(c[0], 0, colors.length - 1, defDrawColor);
 291                 colorX = fixInt(c[1], 0, 1, 0);
 292         }
 293         else {
 294                 drawColor = defDrawColor;
 295         }
 296         showColor();
 297
 298         scaleMode = fixInt(cookie.get(cprefix + 'scale'), 0, 1, 0);
 299         showScale();
 300
 301         avgMode = fixInt(cookie.get(cprefix + 'avg'), 1, 10, defAvg);
 302         showAvg();
 303
 304         // if just switched
 305         if ((nvram.wan_proto == 'disabled') || (nvram.wan_proto == 'wet')) {
 306                 nvram.wan_ifname = '';
 307         }
 308
 309         htmReady = 1;
 310         initData();
 311         E('refresh-spinner').style.visibility = 'hidden';
 312 }
 313
 314 function populateCache() {
 315         var s;
 316
 317         if (nvram['dhcpd_static'] != null ) {
 318                 s = nvram.dhcpd_static.split('>');
 319                 for (var i = 0; i < s.length; ++i) {
 320                         var t = s[i].split('<');
 321                         if ((t.length == 3) || (t.length == 4)) {
 322                                 if (t[2] != '')
 323                                         hostnamecache[t[1]] = t[2].split(' ').splice(0,1);
 324                         }
 325                 }
 326         }
 327
 328 /* REMOVE-BEGIN
 329         if (nvram['bwm_client'] != null ) {
 330                 s = nvram.bwm_client.split('>');
 331                 for (var i = 0; i < s.length; ++i) {
 332                         var t = s[i].split('<');
 333                         if (t.length == 2) {
 334                                 if (t[1] != '')
 335                                         hostnamecache[t[0]] = t[1].split(' ').splice(0,1);
 336                         }
 337                 }
 338         }
 339 REMOVE-END */
 340
 341         if (typeof(dhcpd_lease) != 'undefined') {
 342                 for (var j=0; j<dhcpd_lease.length; ++j) {
 343                         if (dhcpd_lease[j][0] != '') {
 344                                 hostnamecache[dhcpd_lease[j][1]] = dhcpd_lease[j][0].split(' ').splice(0,1);
 345                         }
 346                 }
 347         }
 348
 349         for (var i = 0 ; i <= MAX_BRIDGE_ID ; i++) {
 350                 var j = (i == 0) ? '' : i.toString();
 351                 if (nvram['lan' + j + '_ipaddr'] != null)
 352                         if (nvram['lan' + j + '_netmask'] != null)
 353                                 if (nvram['lan' + j + '_ipaddr'] != '')
 354                                         if (nvram['lan' + j + '_netmask'] != '') {
 355                                                 hostnamecache[getNetworkAddress(nvram['lan' + j + '_ipaddr'], nvram['lan' + j + '_netmask'])] = 'LAN' + j;
 356                                         }
 357         }
 358 }
 359