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;                                                                                  // by default, show only the IP address (or IF name)
 219                         if ((typeof(hostnamecache) != 'undefined') && (hostnamecache[i] != null)) {
 220                                 if (nvram['cstats_labels'] != null ) {
 221                                         if (nvram['cstats_labels'] == '1') {    // if known, show only the hostname
 222                                                 t = hostnamecache[i];
 223                                         }
 224                                         if (nvram['cstats_labels'] == '0') {    // show hostname and IP
 225                                                 t = hostnamecache[i] + ' <small>(' + i + ')</small>';
 226                                         }
 227                                 }
 228                         }
 229                         else if (wl_ifidx(i) >= 0) {
 230 /* REMOVE-BEGIN
 231 //                      else if (i == nvram.wl_ifname) {
 232 REMOVE-END */
 233                                 t = 'WL <small>(' + i + ')</small>';
 234                         }
 235
 236                         if (i == 'imq1')        {
 237                                 t = 'Lim. OUT <small>(' + i + ')</small>';
 238                         }
 239
 240                         if (i == 'imq2')        {
 241                                 t = 'Lim. IN <small>(' + i + ')</small>';
 242                         }
 243
 244                         if (i == 'imq3')        {
 245                                 t = 'Mon. OUT <small>(' + i + ')</small>';
 246                         }
 247
 248                         if (i == 'imq4')        {
 249                                 t = 'Mon. IN <small>(' + i + ')</small>';
 250                         }
 251
 252                         else if ((nvram.wan_proto == 'pptp') || (nvram.wan_proto == 'pppoe') || (nvram.wan_proto == 'l2tp')) {
 253                                 if (nvram.wan_iface == i) t = 'WAN <small>(' + i + ')</small>';
 254                                 else if (nvram.wan_ifname == i && nvram.wan_proto != 'pppoe') t = 'MAN <small>(' + i + ')</small>';
 255                         }
 256                         else if (nvram.wan_proto != 'disabled') {
 257                                 if (nvram.wan_ifname == i) t = 'WAN <small>(' + i + ')</small>';
 258                         }
 259                         tabs.push(['speed-tab-' + i, t]);
 260                 }
 261
 262                 tabs = tabs.sort(
 263                         function(a, b) {
 264                                 if (a[1] < b[1]) return -1;
 265                                 if (a[1] > b[1]) return 1;
 266                                 return 0;
 267                         });
 268         }
 269
 270         if (tabs.length == old.length) {
 271                 for (i = tabs.length - 1; i >= 0; --i)
 272                         if (tabs[i][0] != old[i][0]) break;
 273                 changed = i > 0;
 274         }
 275         else changed = 1;
 276
 277         if (changed) {
 278                 E('tab-area').innerHTML = _tabCreate.apply(this, tabs);
 279         }
 280         if (((name = cookie.get(cprefix + 'tab')) != null) && ((speed_history[name] != undefined))) {
 281                 showTab('speed-tab-' + name);
 282                 return;
 283         }
 284         if (tabs.length) showTab(tabs[0][0]);
 285 }
 286
 287 function initData()
 288 {
 289         if (htmReady) {
 290                 loadData();
 291                 if (svgReady) {
 292                         E('graph').style.visibility = 'visible';
 293                         E('bwm-controls').style.visibility = 'visible';
 294                 }
 295         }
 296 }
 297
 298 function initCommon(defAvg, defDrawMode, defDrawColor)
 299 {
 300         drawMode = fixInt(cookie.get(cprefix + 'draw'), 0, 1, defDrawMode);
 301         showDraw();
 302
 303         if (nvram['rstats_colors'] != null)
 304                 var c = nvram.rstats_colors.split(',');
 305         else if (nvram['cstats_colors'] != null)
 306                 var c = nvram.cstats_colors.split(',');
 307         while (c.length >= 3) {
 308                 c[0] = escapeHTML(c[0]);
 309                 colors.push(c.splice(0, 3));
 310         }
 311
 312         c = (cookie.get(cprefix + 'color') || '').split(',');
 313         if (c.length == 2) {
 314                 drawColor = fixInt(c[0], 0, colors.length - 1, defDrawColor);
 315                 colorX = fixInt(c[1], 0, 1, 0);
 316         }
 317         else {
 318                 drawColor = defDrawColor;
 319         }
 320         showColor();
 321
 322         scaleMode = fixInt(cookie.get(cprefix + 'scale'), 0, 1, 0);
 323         showScale();
 324
 325         avgMode = fixInt(cookie.get(cprefix + 'avg'), 1, 10, defAvg);
 326         showAvg();
 327
 328         // if just switched
 329         if ((nvram.wan_proto == 'disabled') || (nvram.wan_proto == 'wet')) {
 330                 nvram.wan_ifname = '';
 331         }
 332
 333         htmReady = 1;
 334         initData();
 335         E('refresh-spinner').style.visibility = 'hidden';
 336 }
 337
 338 function populateCache() {
 339         var s;
 340
 341         if (nvram['dhcpd_static'] != null ) {
 342                 s = nvram.dhcpd_static.split('>');
 343                 for (var i = 0; i < s.length; ++i) {
 344                         var t = s[i].split('<');
 345                         if ((t.length == 3) || (t.length == 4)) {
 346                                 if (t[2] != '')
 347                                         hostnamecache[t[1]] = t[2].split(' ').splice(0,1);
 348                         }
 349                 }
 350         }
 351
 352         if (typeof(dhcpd_lease) != 'undefined') {
 353                 for (var j=0; j<dhcpd_lease.length; ++j) {
 354                         if (dhcpd_lease[j][0] != '') {
 355                                 hostnamecache[dhcpd_lease[j][1]] = dhcpd_lease[j][0].split(' ').splice(0,1);
 356                         }
 357                 }
 358         }
 359
 360         for (var i = 0 ; i <= MAX_BRIDGE_ID ; i++) {
 361                 var j = (i == 0) ? '' : i.toString();
 362                 if (nvram['lan' + j + '_ipaddr'] != null)
 363                         if (nvram['lan' + j + '_netmask'] != null)
 364                                 if (nvram['lan' + j + '_ipaddr'] != '')
 365                                         if (nvram['lan' + j + '_netmask'] != '') {
 366                                                 hostnamecache[getNetworkAddress(nvram['lan' + j + '_ipaddr'], nvram['lan' + j + '_netmask'])] = 'LAN' + j;
 367                                         }
 368         }
 369 }
 370