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 var hostnamecache = [];
  31
  32 function xpsb(byt)
  33 {
  34 /* REMOVE-BEGIN
  35         kbit/s = 1000 bits/s
  36         125 = 1000 / 8
  37         ((B * 8) / 1000)
  38 REMOVE-END */
  39         return (byt / 125).toFixed(2) + ' <small>kbit/s</small><br>(' + (byt / 1024).toFixed(2) + ' <small>KB/s</small>)';
  40 }
  41
  42 function showCTab()
  43 {
  44         showTab('speed-tab-' + ifname);
  45 }
  46
  47 function showSelectedOption(prefix, prev, now)
  48 {
  49         var e;
  50
  51         elem.removeClass(prefix + prev, 'selected');    // safe if prev doesn't exist
  52         if ((e = E(prefix + now)) != null) {
  53                 elem.addClass(e, 'selected');
  54                 e.blur();
  55         }
  56 }
  57
  58 function showDraw()
  59 {
  60         if (drawLast == drawMode) return;
  61         showSelectedOption('draw', drawLast, drawMode);
  62         drawLast = drawMode;
  63 }
  64
  65 function switchDraw(n)
  66 {
  67         if ((!svgReady) || (updating)) return;
  68         drawMode = n;
  69         showDraw();
  70         showCTab();
  71         cookie.set(cprefix + 'draw', drawMode);
  72 }
  73
  74 function showColor()
  75 {
  76         E('drawcolor').innerHTML = colors[drawColor][0] + ' &raquo;';
  77         E('rx-name').style.borderBottom = '2px dashed ' + colors[drawColor][1 + colorX];
  78         E('tx-name').style.borderBottom = '2px dashed ' + colors[drawColor][1 + (colorX ^ 1)];
  79 }
  80
  81 function switchColor(rev)
  82 {
  83         if ((!svgReady) || (updating)) return;
  84         if (rev) colorX ^= 1;
  85                 else drawColor = (drawColor + 1) % colors.length;
  86         showColor();
  87         showCTab();
  88         cookie.set(cprefix + 'color', drawColor + ',' + colorX);
  89 }
  90
  91 function showScale()
  92 {
  93         if (scaleMode == scaleLast) return;
  94         showSelectedOption('scale', scaleLast, scaleMode);
  95         scaleLast = scaleMode;
  96 }
  97
  98 function switchScale(n)
  99 {
 100         scaleMode = n;
 101         showScale();
 102         showTab('speed-tab-' + ifname);
 103         cookie.set(cprefix + 'scale', scaleMode);
 104 }
 105
 106 function showAvg()
 107 {
 108         if (avgMode == avgLast) return;
 109         showSelectedOption('avg', avgLast, avgMode);
 110         avgLast = avgMode;
 111 }
 112
 113 function switchAvg(n)
 114 {
 115         if ((!svgReady) || (updating)) return;
 116         avgMode = n;
 117         showAvg();
 118         showCTab();
 119         cookie.set(cprefix + 'avg', avgMode);
 120 }
 121
 122 function tabSelect(name)
 123 {
 124         if (!updating) showTab(name);
 125 }
 126
 127 function showTab(name)
 128 {
 129         var h;
 130         var max;
 131         var i;
 132         var rx, tx;
 133         var e;
 134
 135         ifname = name.replace('speed-tab-', '');
 136         cookie.set(cprefix + 'tab', ifname, 14);
 137         tabHigh(name);
 138
 139         h = speed_history[ifname];
 140         if (!h) return;
 141
 142         E('rx-current').innerHTML = xpsb(h.rx[h.rx.length - 1] / updateDiv);
 143         E('rx-avg').innerHTML = xpsb(h.rx_avg);
 144         E('rx-max').innerHTML = xpsb(h.rx_max);
 145
 146         E('tx-current').innerHTML = xpsb(h.tx[h.tx.length - 1] / updateDiv);
 147         E('tx-avg').innerHTML = xpsb(h.tx_avg);
 148         E('tx-max').innerHTML = xpsb(h.tx_max);
 149
 150         E('rx-total').innerHTML = scaleSize(h.rx_total);
 151         E('tx-total').innerHTML = scaleSize(h.tx_total);
 152
 153         if (svgReady) {
 154                 max = scaleMode ? MAX(h.rx_max, h.tx_max) : xx_max
 155                 if (max > 12500) max = Math.round((max + 12499) / 12500) * 12500;
 156                         else max += 100;
 157                 updateSVG(h.rx, h.tx, max, drawMode,
 158                         colors[drawColor][1 + colorX], colors[drawColor][1 + (colorX ^ 1)],
 159                         updateInt, updateMaxL, updateDiv, avgMode, clock);
 160         }
 161 }
 162
 163 function loadData()
 164 {
 165         var old;
 166         var t, e;
 167         var name;
 168         var i;
 169         var changed;
 170
 171         xx_max = 0;
 172         old = tabs;
 173         tabs = [];
 174         clock = new Date();
 175
 176         if (!speed_history) {
 177                 speed_history = [];
 178         }
 179         else {
 180                 for (var i in speed_history) {
 181                         var h = speed_history[i];
 182                         if ((typeof(h.rx) == 'undefined') || (typeof(h.tx) == 'undefined')) {
 183                                 delete speed_history[i];
 184                                 continue;
 185                         }
 186
 187                         if (updateReTotal) {
 188                                 h.rx_total = h.rx_max = 0;
 189                                 h.tx_total = h.tx_max = 0;
 190                                 for (j = (h.rx.length - updateMaxL); j < h.rx.length; ++j) {
 191                                         t = h.rx[j];
 192                                         if (t > h.rx_max) h.rx_max = t;
 193                                         h.rx_total += t;
 194                                         t = h.tx[j];
 195                                         if (t > h.tx_max) h.tx_max = t;
 196                                         h.tx_total += t;
 197                                 }
 198                                 h.rx_avg = h.rx_total / updateMaxL;
 199                                 h.tx_avg = h.tx_total / updateMaxL;
 200                         }
 201
 202                         if (updateDiv > 1) {
 203                                 h.rx_max /= updateDiv;
 204                                 h.tx_max /= updateDiv;
 205                                 h.rx_avg /= updateDiv;
 206                                 h.tx_avg /= updateDiv;
 207                         }
 208                         if (h.rx_max > xx_max) xx_max = h.rx_max;
 209                         if (h.tx_max > xx_max) xx_max = h.tx_max;
 210
 211                         t = i;
 212                         if (hostnamecache[i] != null) {
 213                                 t = hostnamecache[i] + ' <small>(' + i + ')</small>';
 214                         }
 215                         else if (wl_ifidx(i) >= 0) {
 216 //                      else if (i == nvram.wl_ifname) {
 217                                 t = 'WL <small>(' + i + ')</small>';
 218                         }
 219                         else if ((nvram.wan_proto == 'pptp') || (nvram.wan_proto == 'pppoe') || (nvram.wan_proto == 'l2tp')) {
 220                                 if (nvram.wan_iface == i) t = 'WAN <small>(' + i + ')</small>';
 221                                 else if (nvram.wan_ifname == i && nvram.wan_proto != 'pppoe') t = 'MAN <small>(' + i + ')</small>';
 222                         }
 223                         else if (nvram.wan_proto != 'disabled') {
 224                                 if (nvram.wan_ifname == i) t = 'WAN <small>(' + i + ')</small>';
 225                         }
 226                         tabs.push(['speed-tab-' + i, t]);
 227                 }
 228
 229                 tabs = tabs.sort(
 230                         function(a, b) {
 231                                 if (a[1] < b[1]) return -1;
 232                                 if (a[1] > b[1]) return 1;
 233                                 return 0;
 234                         });
 235         }
 236
 237         if (tabs.length == old.length) {
 238                 for (i = tabs.length - 1; i >= 0; --i)
 239                         if (tabs[i][0] != old[i][0]) break;
 240                 changed = i > 0;
 241         }
 242         else changed = 1;
 243
 244         if (changed) {
 245                 E('tab-area').innerHTML = _tabCreate.apply(this, tabs);
 246         }
 247         if (((name = cookie.get(cprefix + 'tab')) != null) && ((speed_history[name] != undefined))) {
 248                 showTab('speed-tab-' + name);
 249                 return;
 250         }
 251         if (tabs.length) showTab(tabs[0][0]);
 252 }
 253
 254 function initData()
 255 {
 256         if (htmReady) {
 257                 loadData();
 258                 if (svgReady) {
 259                         E('graph').style.visibility = 'visible';
 260                         E('bwm-controls').style.visibility = 'visible';
 261                 }
 262         }
 263 }
 264
 265 function initCommon(defAvg, defDrawMode, defDrawColor)
 266 {
 267         drawMode = fixInt(cookie.get(cprefix + 'draw'), 0, 1, defDrawMode);
 268         showDraw();
 269
 270         var c = nvram.rstats_colors.split(',');
 271         while (c.length >= 3) {
 272                 c[0] = escapeHTML(c[0]);
 273                 colors.push(c.splice(0, 3));
 274         }
 275
 276         c = (cookie.get(cprefix + 'color') || '').split(',');
 277         if (c.length == 2) {
 278                 drawColor = fixInt(c[0], 0, colors.length - 1, defDrawColor);
 279                 colorX = fixInt(c[1], 0, 1, 0);
 280         }
 281         else {
 282                 drawColor = defDrawColor;
 283         }
 284         showColor();
 285
 286         scaleMode = fixInt(cookie.get(cprefix + 'scale'), 0, 1, 0);
 287         showScale();
 288
 289         avgMode = fixInt(cookie.get(cprefix + 'avg'), 1, 10, defAvg);
 290         showAvg();
 291
 292         // if just switched
 293         if ((nvram.wan_proto == 'disabled') || (nvram.wan_proto == 'wet')) {
 294                 nvram.wan_ifname = '';
 295         }
 296
 297         htmReady = 1;
 298         initData();
 299         E('refresh-spinner').style.visibility = 'hidden';
 300 }
 301
 302 function populateCache() {
 303         var s = nvram.bwm_client.split('>');
 304         for (var i = 0; i < s.length; ++i) {
 305                 var t = s[i].split('<');
 306                 if (t.length == 2) {
 307                         if (t[1] != '')
 308                                 hostnamecache[t[0]] = t[1].split(' ').splice(0,1);
 309                 }
 310         }
 311 }
 312