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
 186                         if (updateReTotal) {
 187                                 h.rx_total = h.rx_max = 0;
 188                                 h.tx_total = h.tx_max = 0;
 189                                 for (j = (h.rx.length - updateMaxL); j < h.rx.length; ++j) {
 190                                         t = h.rx[j];
 191                                         if (t > h.rx_max) h.rx_max = t;
 192                                         h.rx_total += t;
 193                                         t = h.tx[j];
 194                                         if (t > h.tx_max) h.tx_max = t;
 195                                         h.tx_total += t;
 196                                 }
 197                                 h.rx_avg = h.rx_total / updateMaxL;
 198                                 h.tx_avg = h.tx_total / updateMaxL;
 199                         }
 200
 201                         if (updateDiv > 1) {
 202                                 h.rx_max /= updateDiv;
 203                                 h.tx_max /= updateDiv;
 204                                 h.rx_avg /= updateDiv;
 205                                 h.tx_avg /= updateDiv;
 206                         }
 207                         if (h.rx_max > xx_max) xx_max = h.rx_max;
 208                         if (h.tx_max > xx_max) xx_max = h.tx_max;
 209
 210                         t = i;
 211                         if (i == nvram.wl_ifname) {
 212                                 t = 'WL <small>(' + i + ')</small>';
 213                         }
 214                         else if ((nvram.wan_proto == 'pptp') || (nvram.wan_proto == 'pppoe') || (nvram.wan_proto == 'l2tp')) {
 215                                 if (i.indexOf('ppp') == 0) t = 'WAN <small>(' + i + ')</small>';
 216                         }
 217                         else if (nvram.wan_proto != 'disabled') {
 218                                 if (nvram.wan_ifname == i) t = 'WAN <small>(' + i + ')</small>';
 219                         }
 220                         tabs.push(['speed-tab-' + i, t]);
 221                 }
 222
 223                 tabs = tabs.sort(
 224                         function(a, b) {
 225                                 if (a[1] < b[1]) return -1;
 226                                 if (a[1] > b[1]) return 1;
 227                                 return 0;
 228                         });
 229         }
 230
 231         if (tabs.length == old.length) {
 232                 for (i = tabs.length - 1; i >= 0; --i)
 233                         if (tabs[i][0] != old[i][0]) break;
 234                 changed = i > 0;
 235         }
 236         else changed = 1;
 237
 238         if (changed) {
 239                 E('tab-area').innerHTML = _tabCreate.apply(this, tabs);
 240         }
 241         if (((name = cookie.get(cprefix + 'tab')) != null) && ((speed_history[name] != undefined))) {
 242                 showTab('speed-tab-' + name);
 243                 return;
 244         }
 245         if (tabs.length) showTab(tabs[0][0]);
 246 }
 247
 248 function initData()
 249 {
 250         if (htmReady) {
 251                 loadData();
 252                 if (svgReady) {
 253                         E('graph').style.visibility = 'visible';
 254                         E('bwm-controls').style.visibility = 'visible';
 255                 }
 256         }
 257 }
 258
 259 function initCommon(defAvg, defDrawMode, defDrawColor)
 260 {
 261         drawMode = fixInt(cookie.get(cprefix + 'draw'), 0, 1, defDrawMode);
 262         showDraw();
 263
 264         var c = nvram.rstats_colors.split(',');
 265         while (c.length >= 3) {
 266                 c[0] = escapeHTML(c[0]);
 267                 colors.push(c.splice(0, 3));
 268         }
 269
 270         c = (cookie.get(cprefix + 'color') || '').split(',');
 271         if (c.length == 2) {
 272                 drawColor = fixInt(c[0], 0, colors.length - 1, defDrawColor);
 273                 colorX = fixInt(c[1], 0, 1, 0);
 274         }
 275         else {
 276                 drawColor = defDrawColor;
 277         }
 278         showColor();
 279
 280         scaleMode = fixInt(cookie.get(cprefix + 'scale'), 0, 1, 0);
 281         showScale();
 282
 283         avgMode = fixInt(cookie.get(cprefix + 'avg'), 1, 10, defAvg);
 284         showAvg();
 285
 286         // if just switched
 287         if ((nvram.wan_proto == 'disabled') || (nvram.wan_proto == 'wet')) {
 288                 nvram.wan_ifname = '';
 289         }
 290
 291         htmReady = 1;
 292         initData();
 293         E('refresh-spinner').style.visibility = 'hidden';
 294 }