Tomato 1.28
[tomato/tomato-null.git] / release / src / router / www / tomato.js
blob4926b45634dfecc4d5db655c83c03aa1b0bf5104
1 /*
2         Tomato GUI
3         Copyright (C) 2006-2010 Jonathan Zarate
4         http://www.polarcloud.com/tomato/
6         For use with Tomato Firmware only.
7         No part of this file may be used without permission.
8 */
10 // -----------------------------------------------------------------------------
12 Array.prototype.find = function(v) {
13         for (var i = 0; i < this.length; ++i)
14                 if (this[i] == v) return i;
15         return -1;
18 Array.prototype.remove = function(v) {
19         for (var i = 0; i < this.length; ++i) {
20                 if (this[i] == v) {
21                         this.splice(i, 1);
22                         return true;
23                 }
24         }
25         return false;
28 // -----------------------------------------------------------------------------
30 String.prototype.trim = function() {
31         return this.replace(/^\s+/, '').replace(/\s+$/, '');
34 // -----------------------------------------------------------------------------
36 Number.prototype.pad = function(min) {
37         var s = this.toString();
38         while (s.length < min) s = '0' + s;
39         return s;
42 Number.prototype.hex = function(min)
44         var h = '0123456789ABCDEF';
45         var n = this;
46         var s = '';
47         do {
48                 s = h.charAt(n & 15) + s;
49                 n = n >>> 4;
50         } while ((--min > 0) || (n > 0));
51         return s;
54 // -----------------------------------------------------------------------------
56 //      Element.protoype. doesn't work with all browsers
58 var elem = {
59         getOffset: function(e) {
60                 var r = { x: 0, y: 0 };
61                 e = E(e);
62                 while (e.offsetParent) {
63                         r.x += e.offsetLeft;
64                         r.y += e.offsetTop;
65                         e = e.offsetParent;
66                 }
67                 return r;
68         },
70         addClass: function(e, name) {
71                 if ((e = E(e)) == null) return;
72                 var a = e.className.split(/\s+/);
73                 var k = 0;
74                 for (var i = 1; i < arguments.length; ++i) {
75                         if (a.find(arguments[i]) == -1) {
76                                 a.push(arguments[i]);
77                                 k = 1;
78                         }
79                 }
80                 if (k) e.className = a.join(' ');
81         },
83         removeClass: function(e, name) {
84                 if ((e = E(e)) == null) return;
85                 var a = e.className.split(/\s+/);
86                 var k = 0;
87                 for (var i = 1; i < arguments.length; ++i)
88                         k |= a.remove(arguments[i]);
89                 if (k) e.className = a.join(' ');
90         },
92         remove: function(e) {
93                  if ((e = E(e)) != null) e.parentNode.removeChild(e);
94         },
96     parentElem: function(e, tagName) {
97                 e = E(e);
98                 tagName = tagName.toUpperCase();
99                 while (e.parentNode) {
100                         e = e.parentNode;
101                         if (e.tagName == tagName) return e;
102                 }
103                 return null;
104         },
106         display: function() {
107                 var enable = arguments[arguments.length - 1];
108                 for (var i = 0; i < arguments.length - 1; ++i) {
109                         E(arguments[i]).style.display = enable ? '' : 'none';
110                 }
111         },
113         isVisible: function(e) {
114                 e = E(e);
115                 while (e) {
116                         if ((e.style.visibility != 'visible') || (e.style.display == 'none')) return false;
117                         e = e.parentNode;
118                 }
119                 return true;
120         },
122         setInnerHTML: function(e, html) {
123                  e = E(e);
124                  if (e.innerHTML != html) e.innerHTML = html;   // reduce flickering
125         }
128 // -----------------------------------------------------------------------------
130 var docu = {
131         getViewSize: function() {
132                 if (window.innerHeight) {
133                         return { width: window.innerWidth, height: window.innerHeight };
134                 }
135                 else if (document.documentElement && document.documentElement.clientHeight) {
136                         return { width: document.documentElement.clientWidth, height: document.documentElement.clientHeight };
137                 }
138                 return { width: document.body.clientWidth, height: document.body.clientHeight };
139         },
141         getPageOffset: function()
142         {
143                 if (typeof(window.pageYOffset) != 'undefined') {
144                         return { x: window.pageXOffset, y: window.pageYOffset };
145                 }
146                 else if ((document.documentElement) && (typeof(document.documentElement.scrollTop) != 'undefined')) {
147                         return { x: document.documentElement.scrollLeft, y: document.documentElement.scrollTop };
148                 }
149                 return { x: document.body.scrollLeft, y: document.body.scrollTop };
150         }
153 // -----------------------------------------------------------------------------
155 var fields = {
156         getAll: function(e) {
157                 var a = [];
158                 switch (e.tagName) {
159                 case 'INPUT':
160                 case 'SELECT':
161                         a.push(e);
162                         break;
163                 default:
164                         if (e.childNodes) {
165                                 for (var i = 0; i < e.childNodes.length; ++i) {
166                                         a = a.concat(fields.getAll(e.childNodes[i]));
167                                 }
168                         }
169                 }
170                 return a;
171         },
172         disableAll: function(e, d) {
173                 var i;
175                 if ((typeof(e.tagName) == 'undefined') && (typeof(e) != 'string')) {
176                         for (i = e.length - 1; i >= 0; --i) {
177                                 e[i].disabled = d;
178                         }
179                 }
180                 else {
181                         var a = this.getAll(E(e));
182                         for (var i = a.length - 1; i >= 0; --i) {
183                                 a[i].disabled = d;
184                         }
185                 }
186         },
187         radio: {
188                 selected: function(e) {
189                         for (var i = 0; i < e.length; ++i) {
190                                 if (e[i].checked) return e[i];
191                         }
192                         return null;
193                 },
194                 find: function(e, value) {
195                         for (var i = 0; i < e.length; ++i) {
196                                 if (e[i].value == value) return e[i];
197                         }
198                         return null;
199                 }
200         }
203 // -----------------------------------------------------------------------------
205 var form = {
206         submitHidden: function(url, fields) {
207                 var fom, body;
209                 fom = document.createElement('FORM');
210                 fom.action = url;
211                 fom.method = 'post';
212                 for (var f in fields) {
213                         var e = document.createElement('INPUT');
214                         e.type = 'hidden';
215                         e.name = f;
216                         e.value = fields[f];
217                         fom.appendChild(e);
218                 }
219                 body = document.getElementsByTagName('body')[0];
220                 fom = body.appendChild(fom);
221                 this.submit(fom);
222                 body.removeChild(fom);
223         },
225         submit: function(fom, async, url) {
226                 var e, v, f, i, wait, msg, sb, cb;
228                 fom = E(fom);
230                 if (isLocal()) {
231                         this.dump(fom, async, url);
232                         return;
233                 }
235                 if (this.xhttp) return;
237                 if ((sb = E('save-button')) != null) sb.disabled = 1;
238                 if ((cb = E('cancel-button')) != null) cb.disabled = 1;
240                 if ((!async) || (!useAjax())) {
241                         this.addId(fom);
242                         if (url) fom.action = url;
243                         fom.submit();
244                         return;
245                 }
247                 v = ['_ajax=1'];
248                 wait = 5;
249                 for (var i = 0; i < fom.elements.length; ++i) {
250                         f = fom.elements[i];
251                         if ((f.disabled) || (f.name == '') || (f.name.substr(0, 2) == 'f_')) continue;
252                         if ((f.tagName == 'INPUT') && ((f.type == 'CHECKBOX') || (f.type == 'RADIO')) && (!f.checked)) continue;
253                         if (f.name == '_nextwait') {
254                                 wait = f.value * 1;
255                                 if (isNaN(wait)) wait = 5;
256                                         else wait = Math.abs(wait);
257                         }
258                         v.push(escapeCGI(f.name) + '=' + escapeCGI(f.value));
259                 }
261                 if ((msg = E('footer-msg')) != null) {
262                         msg.innerHTML = 'Saving...';
263                         msg.style.visibility = 'visible';
264                 }
266                 this.xhttp = new XmlHttp();
267                 this.xhttp.onCompleted = function(text, xml) {
268                         if (msg) {
269                                 if (text.match(/@msg:(.+)/)) msg.innerHTML = escapeHTML(RegExp.$1);
270                                         else msg.innerHTML = 'Saved';
271                         }
272                         setTimeout(
273                                 function() {
274                                         if (sb) sb.disabled = 0;
275                                         if (cb) cb.disabled = 0;
276                                         if (msg) msg.style.visibility = 'hidden';
277                                         if (typeof(submit_complete) != 'undefined') submit_complete();
278                                 }, wait * 1100);
279                         form.xhttp = null;
280                 }
281                 this.xhttp.onError = function(x) {
282                         if (url) fom.action = url;
283                         fom.submit();
284                 }
286                 this.xhttp.post(url ? url : fom.action, v.join('&'));
287         },
289         addId: function(fom) {
290                 var e;
292                 if (typeof(fom._http_id) == 'undefined') {
293                         e = document.createElement('INPUT');
294                         e.type = 'hidden';
295                         e.name = '_http_id';
296                         e.value = nvram.http_id;
297                         fom.appendChild(e);
298                 }
299                 else {
300                         fom._http_id.value = nvram.http_id;
301                 }
302         },
304         addIdAction: function(fom) {
305                 if (fom.action.indexOf('?') != -1) fom.action += '&_http_id=' + nvram.http_id;
306                         else fom.action += '?_http_id=' + nvram.http_id;
307         },
309         dump: function(fom, async, url) {
310         }
313 // -----------------------------------------------------------------------------
315 var ferror = {
316         set: function(e, message, quiet) {
317                 if ((e = E(e)) == null) return;
318                 e._error_msg = message;
319                 e._error_org = e.title;
320                 e.title = message;
321                 elem.addClass(e, 'error');
322                 if (!quiet) this.show(e);
323         },
325         clear: function(e) {
326                 if ((e = E(e)) == null) return;
327                 e.title = e._error_org || '';
328                 elem.removeClass(e, 'error');
329                 e._error_msg = null;
330                 e._error_org = null;
331         },
333         clearAll: function(e) {
334                 for (var i = 0; i < e.length; ++i)
335                         this.clear(e[i]);
336         },
338         show: function(e) {
339                 if ((e = E(e)) == null) return;
340                 if (!e._error_msg) return;
341                 elem.addClass(e, 'error-focused');
342                 e.focus();
343                 alert(e._error_msg);
344                 elem.removeClass(e, 'error-focused');
345         },
347         ok: function(e) {
348                 if ((e = E(e)) == null) return 0;
349         return !e._error_msg;
350         }
353 // -----------------------------------------------------------------------------
355 function _v_range(e, quiet, min, max, name)
357         if ((e = E(e)) == null) return 0;
358         var v = e.value;
359         if ((!v.match(/^ *\d+ *$/)) || (v < min) || (v > max)) {
360                 ferror.set(e, 'Invalid ' + name + '. Valid range: ' + min + '-' + max, quiet);
361                 return 0;
362         }
363         e.value = v * 1;
364         ferror.clear(e);
365         return 1;
368 function v_range(e, quiet, min, max)
370         return _v_range(e, quiet, min, max, 'number');
373 function v_port(e, quiet)
375         return _v_range(e, quiet, 1, 0xFFFF, 'port');
378 function v_octet(e, quiet)
380         return _v_range(e, quiet, 1, 254, 'address');
383 function v_mins(e, quiet, min, max)
385         var v, m;
387         if ((e = E(e)) == null) return 0;
388         if (e.value.match(/^\s*(.+?)([mhd])?\s*$/)) {
389                 m = 1;
390                 if (RegExp.$2 == 'h') m = 60;
391                         else if (RegExp.$2 == 'd') m = 60 * 24;
392                 v = Math.round(RegExp.$1 * m);
393                 if (!isNaN(v)) {
394                         e.value = v;
395                         return _v_range(e, quiet, min, max, 'minutes');
396                 }
397         }
398         ferror.set(e, 'Invalid number of minutes.', quiet);
399         return 0;
402 function v_macip(e, quiet, bok, ipp)
404         var s, a, b, c, d, i;
406         if ((e = E(e)) == null) return 0;
407         s = e.value.replace(/\s+/g, '');
409         if ((a = fixMAC(s)) != null) {
410                 if (isMAC0(a)) {
411                         if (bok) {
412                                 e.value = '';
413                         }
414                         else {
415                                 ferror.set(e, 'Invalid MAC or IP address');
416                                 return false;
417                         }
418                 }
419         else e.value = a;
420                 ferror.clear(e);
421                 return true;
422         }
424         a = s.split('-');
425         if (a.length > 2) {
426                 ferror.set(e, 'Invalid IP address range', quiet);
427                 return false;
428         }
429         c = 0;
430         for (i = 0; i < a.length; ++i) {
431                 b = a[i];
432                 if (b.match(/^\d+$/)) b = ipp + b;
434                 b = fixIP(b);
435                 if (!b) {
436                         ferror.set(e, 'Invalid IP address', quiet);
437                         return false;
438                 }
440                 if (b.indexOf(ipp) != 0) {
441                         ferror.set(e, 'IP address outside of LAN', quiet);
442                         return false;
443                 }
445                 d = (b.split('.'))[3];
446                 if (d <= c) {
447                         ferror.set(e, 'Invalid IP address range', quiet);
448                         return false;
449                 }
451                 a[i] = c = d;
452         }
453         e.value = ipp + a.join('-');
454         return true;
457 function fixIP(ip, x)
459         var a, n, i;
461         a = ip.split('.');
462         if (a.length != 4) return null;
463         for (i = 0; i < 4; ++i) {
464                 n = a[i] * 1;
465                 if ((isNaN(n)) || (n < 0) || (n > 255)) return null;
466                 a[i] = n;
467         }
468         if ((x) && ((a[3] == 0) || (a[3] == 255))) return null;
469         return a.join('.');
472 function v_ip(e, quiet, x)
474         var ip;
476         if ((e = E(e)) == null) return 0;
477         ip = fixIP(e.value, x);
478         if (!ip) {
479                 ferror.set(e, 'Invalid IP address', quiet);
480                 return false;
481         }
482         e.value = ip;
483         ferror.clear(e);
484         return true;
487 function v_ipz(e, quiet)
489         if ((e = E(e)) == null) return 0;
490         if (e.value == '') e.value = '0.0.0.0';
491         return v_ip(e, quiet);
494 function v_dns(e, quiet)
496         if ((e = E(e)) == null) return 0;       
497         if (e.value == '') {
498                 e.value = '0.0.0.0';
499         }
500         else {
501                 var s = e.value.split(':');
502                 if (s.length == 1) {
503                         s.push(53);
504                 }
505                 else if (s.length != 2) {
506                         ferror.set(e, 'Invalid IP address or port', quiet);
507                         return false;
508                 }
509                 
510                 if ((s[0] = fixIP(s[0])) == null) {
511                         ferror.set(e, 'Invalid IP address', quiet);
512                         return false;
513                 }
515                 if ((s[1] = fixPort(s[1], -1)) == -1) {
516                         ferror.set(e, 'Invalid port', quiet);
517                         return false;
518                 }
519         
520                 if (s[1] == 53) {
521                         e.value = s[0];
522                 }
523                 else {
524                         e.value = s.join(':');
525                 }
526         }
528         ferror.clear(e);
529         return true;
532 function aton(ip)
534         var o, x, i;
536         // this is goofy because << mangles numbers as signed
537         o = ip.split('.');
538         x = '';
539         for (i = 0; i < 4; ++i) x += (o[i] * 1).hex(2);
540         return parseInt(x, 16);
543 function ntoa(ip)
545         return ((ip >> 24) & 255) + '.' + ((ip >> 16) & 255) + '.' + ((ip >> 8) & 255) + '.' + (ip & 255);
549 // 1.2.3.4, 1.2.3.4/24, 1.2.3.4/255.255.255.0, 1.2.3.4-1.2.3.5
550 function _v_iptip(e, ip, quiet)
552         var ma, x, y, z, oip;
553         var a, b;
555         oip = ip;
557         // x.x.x.x - y.y.y.y
558         if (ip.match(/^(.*)-(.*)$/)) {
559                 a = fixIP(RegExp.$1);
560                 b = fixIP(RegExp.$2);
561                 if ((a == null) || (b == null)) {
562                         ferror.set(e, 'Invalid IP address range - ' + oip, quiet);
563                         return null;
564                 }
565                 ferror.clear(e);
567                 if (aton(a) > aton(b)) return b + '-' + a;
568                 return a + '-' + b;
569         }
571         ma = '';
573         // x.x.x.x/nn
574         // x.x.x.x/y.y.y.y
575         if (ip.match(/^(.*)\/(.*)$/)) {
576                 ip = RegExp.$1;
577                 b = RegExp.$2;
579                 ma = b * 1;
580                 if (isNaN(ma)) {
581                         ma = fixIP(b);
582                         if ((ma == null) || (!_v_netmask(ma))) {
583                                 ferror.set(e, 'Invalid netmask - ' + oip, quiet);
584                                 return null;
585                         }
586                 }
587                 else {
588                         if ((ma < 0) || (ma > 32)) {
589                                 ferror.set(e, 'Invalid netmask - ' + oip, quiet);
590                                 return null;
591                         }
592                 }
593         }
595         ip = fixIP(ip);
596         if (!ip) {
597                 ferror.set(e, 'Invalid IP address - ' + oip, quiet);
598                 return null;
599         }
601         ferror.clear(e);
602         return ip + ((ma != '') ? ('/' + ma) : '');
605 function v_iptip(e, quiet, multi)
607         var v, i;
609         if ((e = E(e)) == null) return 0;
610         v = e.value.split(',');
611         if (multi) {
612                 if (v.length > multi) {
613                         ferror.set(e, 'Too many IP addresses', quiet);
614                         return 0;
615                 }
616         }
617         else {
618                 if (v.length > 1) {
619                         ferror.set(e, 'Invalid IP address', quiet);
620                         return 0;
621                 }
622         }
623         for (i = 0; i < v.length; ++i) {
624                 if ((v[i] = _v_iptip(e, v[i], quiet)) == null) return 0;
625         }
626         e.value = v.join(', ');
627         return 1;
631 function fixPort(p, def)
633         if (def == null) def = -1;
634         if (p == null) return def;
635         p *= 1;
636         if ((isNaN(p) || (p < 1) || (p > 65535) || (('' + p).indexOf('.') != -1))) return def;
637         return p;
640 function _v_portrange(e, quiet, v)
642         if (v.match(/^(.*)[-:](.*)$/)) {
643                 var x = RegExp.$1;
644                 var y = RegExp.$2;
646                 x = fixPort(x, -1);
647                 y = fixPort(y, -1);
648                 if ((x == -1) || (y == -1)) {
649                         ferror.set(e, 'Invalid port range: ' + v, quiet);
650                         return null;
651                 }
652                 if (x > y) {
653                         v = x;
654                         x = y;
655                         y = v;
656                 }
657                 ferror.clear(e);
658                 if (x == y) return x;
659                 return x + '-' + y;
660         }
662         v = fixPort(v, -1);
663         if (v == -1) {
664                 ferror.set(e, 'Invalid port', quiet);
665                 return null;
666         }
668         ferror.clear(e);
669         return v;
672 function v_portrange(e, quiet)
674         var v;
676         if ((e = E(e)) == null) return 0;
677         v = _v_portrange(e, quiet, e.value);
678         if (v == null) return 0;
679         e.value = v;
680         return 1;
683 function v_iptport(e, quiet)
685         var a, i, v, q;
687         if ((e = E(e)) == null) return 0;
689         a = e.value.split(/[,\.]/);
691         if (a.length == 0) {
692                 ferror.set(e, 'Expecting a list of ports or port range.', quiet);
693                 return 0;
694         }
695         if (a.length > 10) {
696                 ferror.set(e, 'Only 10 ports/range sets are allowed.', quiet);
697                 return 0;
698         }
700         q = [];
701         for (i = 0; i < a.length; ++i) {
702                 v = _v_portrange(e, quiet, a[i]);
703                 if (v == null) return 0;
704                 q.push(v);
705         }
707         e.value = q.join(',');
708         ferror.clear(e);
709         return 1;
712 function _v_netmask(mask)
714         var v = aton(mask) ^ 0xFFFFFFFF;
715         return (((v + 1) & v) == 0);
718 function v_netmask(e, quiet)
720         var n, b;
722         if ((e = E(e)) == null) return 0;
723         n = fixIP(e.value);
724         if (n) {
725                 if (_v_netmask(n)) {
726                         e.value = n;
727                         ferror.clear(e);
728                         return 1;
729                 }
730         }
731         else if (e.value.match(/^\s*\/\s*(\d+)\s*$/)) {
732                 b = RegExp.$1 * 1;
733                 if ((b >= 1) && (b <= 32)) {
734                         if (b == 32) n = 0xFFFFFFFF;    // js quirk
735                                 else n = (0xFFFFFFFF >>> b) ^ 0xFFFFFFFF;
736                         e.value = (n >>> 24) + '.' + ((n >>> 16) & 0xFF) + '.' + ((n >>> 8) & 0xFF) + '.' + (n & 0xFF);
737                         ferror.clear(e);
738                         return 1;
739                 }
740         }
741         ferror.set(e, 'Invalid netmask', quiet);
742         return 0;
745 function fixMAC(mac)
747         var t, i;
749         mac = mac.replace(/\s+/g, '').toUpperCase();
750         if (mac.length == 0) {
751                 mac = [0,0,0,0,0,0];
752         }
753         else if (mac.length == 12) {
754                 mac = mac.match(/../g);
755         }
756         else {
757                 mac = mac.split(/[:\-]/);
758                 if (mac.length != 6) return null;
759         }
760         for (i = 0; i < 6; ++i) {
761                 t = '' + mac[i];
762                 if (t.search(/^[0-9A-F]+$/) == -1) return null;
763                 if ((t = parseInt(t, 16)) > 255) return null;
764                 mac[i] = t.hex(2);
765         }
766         return mac.join(':');
769 function v_mac(e, quiet)
771         var mac;
773         if ((e = E(e)) == null) return 0;
774         mac = fixMAC(e.value);
775         if ((!mac) || (isMAC0(mac))) {
776                 ferror.set(e, 'Invalid MAC address', quiet);
777                 return 0;
778         }
779         e.value = mac;
780         ferror.clear(e);
781         return 1;
784 function v_macz(e, quiet)
786         var mac;
788         if ((e = E(e)) == null) return 0;
789         mac = fixMAC(e.value);
790         if (!mac) {
791                 ferror.set(e, 'Invalid MAC address', quiet);
792                 return false;
793         }
794         e.value = mac;
795         ferror.clear(e);
796         return true;
799 function v_length(e, quiet, min, max)
801         var s, n;
803         if ((e = E(e)) == null) return 0;
804         s = e.value.trim();
805         n = s.length;
806         if (min == undefined) min = 1;
807         if (n < min) {
808                 ferror.set(e, 'Invalid length. Please enter at least ' + min + ' character' + (min == 1 ? '.' : 's.'), quiet);
809                 return 0;
810         }
811         max = max || e.maxlength;
812     if (n > max) {
813                 ferror.set(e, 'Invalid length. Please reduce the length to ' + max + ' characters or less.', quiet);
814                 return 0;
815         }
816         e.value = s;
817         ferror.clear(e);
818         return 1;
821 function v_domain(e, quiet)
823         var s;
825         if ((e = E(e)) == null) return 0;
826         s = e.value.trim().replace(/\s+/g, ' ');
827         if ((s.length > 32) || ((s.length > 0) && (s.search(/^[.a-zA-Z0-9_\- ]+$/) == -1))) {
828                 ferror.set(e, "Invalid name. Only characters \"A-Z 0-9 . - _\" are allowed.", quiet);
829                 return 0;
830         }
831         e.value = s;
832         ferror.clear(e);
833         return 1;
836 function isMAC0(mac)
838         return (mac == '00:00:00:00:00:00');
841 // -----------------------------------------------------------------------------
843 function cmpIP(a, b)
845         if ((a = fixIP(a)) == null) a = '255.255.255.255';
846         if ((b = fixIP(b)) == null) b = '255.255.255.255';
847         return aton(a) - aton(b);
850 function cmpText(a, b)
852         if (a == '') a = '\xff';
853         if (b == '') b = '\xff';
854         return (a < b) ? -1 : ((a > b) ? 1 : 0);
857 function cmpInt(a, b)
859         a = parseInt(a, 10);
860         b = parseInt(b, 10);
861         return ((isNaN(a)) ? -0x7FFFFFFF : a) - ((isNaN(b)) ? -0x7FFFFFFF : b);
864 function cmpDate(a, b)
866         return b.getTime() - a.getTime();
869 // -----------------------------------------------------------------------------
871 // todo: cleanup this mess
873 function TGO(e)
875         return elem.parentElem(e, 'TABLE').gridObj;
878 function tgHideIcons()
880         var e;
881         while ((e = document.getElementById('tg-row-panel')) != null) e.parentNode.removeChild(e);
884 // options = sort, move, delete
885 function TomatoGrid(tb, options, maxAdd, editorFields)
887         this.init(tb, options, maxAdd, editorFields);
888         return this;
891 TomatoGrid.prototype = {
892         init: function(tb, options, maxAdd, editorFields) {
893                 if (tb) {
894                         this.tb = E(tb);
895                         this.tb.gridObj = this;
896                 }
897                 else {
898                         this.tb = null;
899                 }
900                 if (!options) options = '';
901                 this.header = null;
902                 this.footer = null;
903                 this.editor = null;
904                 this.canSort = options.indexOf('sort') != -1;
905                 this.canMove = options.indexOf('move') != -1;
906                 this.maxAdd = maxAdd || 100;
907                 this.canEdit = (editorFields != null);
908                 this.canDelete = this.canEdit || (options.indexOf('delete') != -1);
909                 this.editorFields = editorFields;
910                 this.sortColumn = -1;
911                 this.sortAscending = true;
912         },
914         _insert: function(at, cells, escCells) {
915                 var tr, td, c;
916                 var i, t;
918                 tr = this.tb.insertRow(at);
919                 for (i = 0; i < cells.length; ++i) {
920                         c = cells[i];
921                         if (typeof(c) == 'string') {
922                                 td = tr.insertCell(i);
923                                 td.className = 'co' + (i + 1);
924                                 if (escCells) td.appendChild(document.createTextNode(c));
925                                         else td.innerHTML = c;
926                         }
927                         else {
928                                 tr.appendChild(c);
929                         }
930                 }
931                 return tr;
932         },
934         // header
936         headerClick: function(cell) {
937                 if (this.canSort) {
938                         this.sort(cell.cellN);
939                 }
940         },
942         headerSet: function(cells, escCells) {
943                 var e, i;
945                 elem.remove(this.header);
946                 this.header = e = this._insert(0, cells, escCells);
947                 e.className = 'header';
949                 for (i = 0; i < e.cells.length; ++i) {
950                         e.cells[i].cellN = i;   // cellIndex broken in Safari
951                         e.cells[i].onclick = function() { return TGO(this).headerClick(this); };
952                 }
953                 return e;
954         },
956         // footer
958         footerClick: function(cell) {
959         },
961         footerSet: function(cells, escCells) {
962                 var e, i;
964                 elem.remove(this.footer);
965                 this.footer = e = this._insert(-1, cells, escCells);
966                 e.className = 'footer';
967                 for (i = 0; i < e.cells.length; ++i) {
968                         e.cells[i].cellN = i;
969                         e.cells[i].onclick = function() { TGO(this).footerClick(this) };
970                 }
971                 return e;
972         },
974         //
976         rpUp: function(e) {
977                 var i;
979                 e = PR(e);
980                 TGO(e).moving = null;
981                 i = e.previousSibling;
982                 if (i == this.header) return;
983                 e.parentNode.removeChild(e);
984                 i.parentNode.insertBefore(e, i);
986                 this.recolor();
987                 this.rpHide();
988         },
990         rpDn: function(e) {
991                 var i;
993                 e = PR(e);
994                 TGO(e).moving = null;
995                 i = e.nextSibling;
996                 if (i == this.footer) return;
997                 e.parentNode.removeChild(e);
998                 i.parentNode.insertBefore(e, i.nextSibling);
1000                 this.recolor();
1001                 this.rpHide();
1002         },
1004         rpMo: function(img, e) {
1005                 var me;
1007                 e = PR(e);
1008                 me = TGO(e);
1009                 if (me.moving == e) {
1010                         me.moving = null;
1011                         this.rpHide();
1012                         return;
1013                 }
1014                 me.moving = e;
1015                 img.style.border = "1px dotted red";
1016         },
1018         rpDel: function(e) {
1019                 e = PR(e);
1020                 TGO(e).moving = null;
1021                 e.parentNode.removeChild(e);
1022                 this.recolor();
1023                 this.rpHide();
1024         },
1026         rpMouIn: function(evt) {
1027                 var e, x, ofs, me, s, n;
1029                 if ((evt = checkEvent(evt)) == null) return;
1031                 me = TGO(evt.target);
1032                 if (me.isEditing()) return;
1033                 if (me.moving) return;
1035                 me.rpHide();
1036                 e = document.createElement('div');
1037                 e.tgo = me;
1038                 e.ref = evt.target;
1039                 e.setAttribute('id', 'tg-row-panel');
1041                 n = 0;
1042                 s = '';
1043                 if (me.canMove) {
1044                         s = '<img src="rpu.gif" onclick="this.parentNode.tgo.rpUp(this.parentNode.ref)" title="Move Up"><img src="rpd.gif" onclick="this.parentNode.tgo.rpDn(this.parentNode.ref)" title="Move Down"><img src="rpm.gif" onclick="this.parentNode.tgo.rpMo(this,this.parentNode.ref)" title="Move">';
1045                         n += 3;
1046                 }
1047                 if (me.canDelete) {
1048                         s += '<img src="rpx.gif" onclick="this.parentNode.tgo.rpDel(this.parentNode.ref)" title="Delete">';
1049                         ++n;
1050                 }
1051                 x = PR(evt.target);
1052                 x = x.cells[x.cells.length - 1];
1053                 ofs = elem.getOffset(x);
1054                 n *= 18;
1055                 e.style.left = (ofs.x + x.offsetWidth - n) + 'px';
1056                 e.style.top = ofs.y + 'px';
1057                 e.style.width = n + 'px';
1058                 e.innerHTML = s;
1060                 document.body.appendChild(e);
1061         },
1063         rpHide: tgHideIcons,
1065         //
1067         onClick: function(cell) {
1068                 if (this.canEdit) {
1069                         if (this.moving) {
1070                                 var p = this.moving.parentNode;
1071                                 var q = PR(cell);
1072                                 if (this.moving != q) {
1073                                         var v = this.moving.rowIndex > q.rowIndex;
1074                                         p.removeChild(this.moving);
1075                                         if (v) p.insertBefore(this.moving, q);
1076                                                 else p.insertBefore(this.moving, q.nextSibling);
1077                                         this.recolor();
1078                                 }
1079                                 this.moving = null;
1080                                 this.rpHide();
1081                                 return;
1082                         }
1083                         this.edit(cell);
1084                 }
1085         },
1087         insert: function(at, data, cells, escCells) {
1088                 var e, i;
1090                 if ((this.footer) && (at == -1)) at = this.footer.rowIndex;
1091                 e = this._insert(at, cells, escCells);
1092                 e.className = (e.rowIndex & 1) ? 'even' : 'odd';
1094                 for (i = 0; i < e.cells.length; ++i) {
1095                         e.cells[i].onclick = function() { return TGO(this).onClick(this); };
1096                 }
1098                 e._data = data;
1099                 e.getRowData = function() { return this._data; }
1100                 e.setRowData = function(data) { this._data = data; }
1102                 if ((this.canMove) || (this.canEdit) || (this.canDelete)) {
1103                         e.onmouseover = this.rpMouIn;
1104 //                      e.onmouseout = this.rpMouOut;
1105                         if (this.canEdit) e.title = 'Click to edit';
1106                 }
1108                 return e;
1109         },
1111         //
1113         insertData: function(at, data) {
1114                 return this.insert(at, data, this.dataToView(data), false);
1115         },
1117         dataToView: function(data) {
1118                 var v = [];
1119                 for (var i = 0; i < data.length; ++i)
1120                         v.push(escapeHTML('' + data[i]));
1121                 return v;
1122         },
1124         dataToFieldValues: function(data) {
1125                 return data;
1126         },
1128         fieldValuesToData: function(row) {
1129                 var e, i, data;
1131                 data = [];
1132                 e = fields.getAll(row);
1133                 for (i = 0; i < e.length; ++i) data.push(e[i].value);
1134                 return data;
1135         },
1137         //
1139         edit: function(cell) {
1140                 var sr, er, e, c;
1142                 if (this.isEditing()) return;
1144                 sr = PR(cell);
1145                 sr.style.display = 'none';
1146                 elem.removeClass(sr, 'hover');
1147                 this.source = sr;
1149                 er = this.createEditor('edit', sr.rowIndex, sr);
1150         er.className = 'editor';
1151                 this.editor = er;
1153                 c = er.cells[cell.cellIndex || 0];
1154                 e = c.getElementsByTagName('input');
1155                 if ((e) && (e.length > 0)) {
1156                         try {   // IE quirk
1157                                 e[0].focus();
1158                         }
1159                         catch (ex) {
1160                         }
1161                 }
1163                 this.controls = this.createControls('edit', sr.rowIndex);
1165                 this.disableNewEditor(true);
1166                 this.rpHide();
1167                 this.verifyFields(this.editor, true);
1168         },
1170         createEditor: function(which, rowIndex, source) {
1171                 var values;
1173                 if (which == 'edit') values = this.dataToFieldValues(source.getRowData());
1175                 var row = this.tb.insertRow(rowIndex);
1176                 row.className = 'editor';
1178                 var common = ' onkeypress="return TGO(this).onKey(\'' + which + '\', event)" onchange="TGO(this).onChange(\'' + which + '\', this)"';
1180                 var vi = 0;
1181                 for (var i = 0; i < this.editorFields.length; ++i) {
1182                         var s = '';
1183                 var ef = this.editorFields[i].multi;
1184                         if (!ef) ef = [this.editorFields[i]];
1186                         for (var j = 0; j < ef.length; ++j) {
1187                                 var f = ef[j];
1189                                 if (f.prefix) s += f.prefix;
1190                                 var attrib = ' class="fi' + (vi + 1) + '" ' + (f.attrib || '');
1191                                 switch (f.type) {
1192                                 case 'text':
1193                                         s += '<input type="text" maxlength=' + f.maxlen + common + attrib;
1194                                         if (which == 'edit') s += ' value="' + escapeHTML('' + values[vi]) + '">';
1195                                                 else s += '>';
1196                                         break;
1197                                 case 'select':
1198                                         s += '<select' + common + attrib + '>';
1199                                         for (var k = 0; k < f.options.length; ++k) {
1200                                                 a = f.options[k];
1201                                                 if (which == 'edit') {
1202                                                         s += '<option value="' + a[0] + '"' + ((a[0] == values[vi]) ? ' selected>' : '>') + a[1] + '</option>';
1203                                                 }
1204                                                 else {
1205                                                         s += '<option value="' + a[0] + '">' + a[1] + '</option>';
1206                                                 }
1207                                         }
1208                                         s += '</select>';
1209                                         break;
1210                                 case 'checkbox':
1211                                         s += '<input type="checkbox"' + common + attrib;
1212                                         if ((which == 'edit') && (values[vi])) s += ' checked';
1213                                         s += '>';
1214                                         break;
1215                                 default:
1216                                         s += f.custom.replace(/\$which\$/g, which);
1217                                 }
1218                                 if (f.suffix) s += f.suffix;
1220                                 ++vi;
1221                         }
1222                         var c = row.insertCell(i);
1223                         c.innerHTML = s;
1224                         if (this.editorFields[i].vtop) c.vAlign = 'top';
1225                 }
1227                 return row;
1228         },
1230         createControls: function(which, rowIndex) {
1231                 var r, c;
1233                 r = this.tb.insertRow(rowIndex);
1234                 r.className = 'controls';
1236                 c = r.insertCell(0);
1237                 c.colSpan = this.header.cells.length;
1238                 if (which == 'edit') {
1239                         c.innerHTML =
1240                                 '<input type=button value="Delete" onclick="TGO(this).onDelete()"> &nbsp; ' +
1241                                 '<input type=button value="OK" onclick="TGO(this).onOK()"> ' +
1242                                 '<input type=button value="Cancel" onclick="TGO(this).onCancel()">';
1243                 }
1244                 else {
1245                         c.innerHTML =
1246                                 '<input type=button value="Add" onclick="TGO(this).onAdd()">';
1247                 }
1248                 return r;
1249         },
1251         removeEditor: function() {
1252                 if (this.editor) {
1254                         elem.remove(this.editor);
1255                         this.editor = null;
1256                 }
1257                 if (this.controls) {
1258                         elem.remove(this.controls);
1259                         this.controls = null;
1260                 }
1261         },
1263         showSource: function() {
1264                 if (this.source) {
1265                         this.source.style.display = '';
1266                         this.source = null;
1267                 }
1268         },
1270         onChange: function(which, cell) {
1271                 return this.verifyFields((which == 'new') ? this.newEditor : this.editor, true);
1272         },
1274         onKey: function(which, ev) {
1275                 switch (ev.keyCode) {
1276                 case 27:
1277                         if (which == 'edit') this.onCancel();
1278                         return false;
1279                 case 13:
1280                         if (((ev.srcElement) && (ev.srcElement.tagName == 'SELECT')) ||
1281                                 ((ev.target) && (ev.target.tagName == 'SELECT'))) return true;
1282                         if (which == 'edit') this.onOK();
1283                                 else this.onAdd();
1284                         return false;
1285                 }
1286                 return true;
1287         },
1289         onDelete: function() {
1290                 this.removeEditor();
1291                 elem.remove(this.source);
1292                 this.source = null;
1293                 this.disableNewEditor(false);
1294         },
1296         onCancel: function() {
1297                 this.removeEditor();
1298                 this.showSource();
1299                 this.disableNewEditor(false);
1300         },
1302         onOK: function() {
1303                 var i, data, view;
1305                 if (!this.verifyFields(this.editor, false)) return;
1307                 data = this.fieldValuesToData(this.editor);
1308                 view = this.dataToView(data);
1310                 this.source.setRowData(data);
1311                 for (i = 0; i < this.source.cells.length; ++i) {
1312                         this.source.cells[i].innerHTML = view[i];
1313                 }
1315                 this.removeEditor();
1316                 this.showSource();
1317                 this.disableNewEditor(false);
1318         },
1320         onAdd: function() {
1321                 var data;
1323                 this.moving = null;
1324                 this.rpHide();
1326                 if (!this.verifyFields(this.newEditor, false)) return;
1328                 data = this.fieldValuesToData(this.newEditor);
1329                 this.insertData(-1, data);
1331                 this.disableNewEditor(false);
1332                 this.resetNewEditor();
1333         },
1335         verifyFields: function(row, quiet) {
1336                 return true;
1337         },
1339         showNewEditor: function() {
1340                 var r;
1342                 r = this.createEditor('new', -1, null);
1343                 this.footer = this.newEditor = r;
1345                 r = this.createControls('new', -1);
1346                 this.newControls = r;
1348                 this.disableNewEditor(false);
1349         },
1351         disableNewEditor: function(disable) {
1352                 if (this.getDataCount() >= this.maxAdd) disable = true;
1353                 if (this.newEditor) fields.disableAll(this.newEditor, disable);
1354                 if (this.newControls) fields.disableAll(this.newControls, disable);
1355         },
1357         resetNewEditor: function() {
1358                 var i, e;
1360                 e = fields.getAll(this.newEditor);
1361                 ferror.clearAll(e);
1362                 for (i = 0; i < e.length; ++i) {
1363                         var f = e[i];
1364                         if (f.selectedIndex) f.selectedIndex = 0;
1365                                 else f.value = '';
1366                 }
1367                 if (e.length) e[0].focus();
1368         },
1370         getDataCount: function() {
1371                 var n;
1372                 n = this.tb.rows.length;
1373                 if (this.footer) n = this.footer.rowIndex;
1374                 if (this.header) n -= this.header.rowIndex + 1;
1375                 return n;
1376         },
1378         sortCompare: function(a, b) {
1379                 var obj = TGO(a);
1380                 var col = obj.sortColumn;
1381                 var r = cmpText(a.cells[col].innerHTML, b.cells[col].innerHTML);
1382                 return obj.sortAscending ? r : -r;
1383         },
1385         sort: function(column) {
1386                 if (this.editor) return;
1388                 if (this.sortColumn >= 0) {
1389                         elem.removeClass(this.header.cells[this.sortColumn], 'sortasc', 'sortdes');
1390                 }
1391                 if (column == this.sortColumn) {
1392                         this.sortAscending = !this.sortAscending;
1393                 }
1394                 else {
1395                         this.sortAscending = true;
1396                         this.sortColumn = column;
1397                 }
1398                 elem.addClass(this.header.cells[column], this.sortAscending ? 'sortasc' : 'sortdes');
1400                 this.resort();
1401         },
1403         resort: function() {
1404                 if ((this.sortColumn < 0) || (this.getDataCount() == 0) || (this.editor)) return;
1406                 var p = this.header.parentNode;
1407                 var a = [];
1408                 var i, j, max, e, p;
1409                 var top;
1411                 this.moving = null;
1413                 top = this.header ? this.header.rowIndex + 1 : 0;
1414                 max = this.footer ? this.footer.rowIndex : this.tb.rows.length;
1415                 for (i = top; i < max; ++i) a.push(p.rows[i]);
1416                 a.sort(THIS(this, this.sortCompare));
1417                 this.removeAllData();
1418                 j = top;
1419                 for (i = 0; i < a.length; ++i) {
1420                         e = p.insertBefore(a[i], this.footer);
1421                         e.className = (j & 1) ? 'even' : 'odd';
1422                         ++j;
1423                 }
1424         },
1426         recolor: function() {
1427                  var i, e, o;
1429                  i = this.header ? this.header.rowIndex + 1 : 0;
1430                  e = this.footer ? this.footer.rowIndex : this.tb.rows.length;
1431                  for (; i < e; ++i) {
1432                          o = this.tb.rows[i];
1433                          o.className = (o.rowIndex & 1) ? 'even' : 'odd';
1434                  }
1435         },
1437         removeAllData: function() {
1438                 var i, count;
1440                 i = this.header ? this.header.rowIndex + 1 : 0;
1441                 count = (this.footer ? this.footer.rowIndex : this.tb.rows.length) - i;
1442                 while (count-- > 0) elem.remove(this.tb.rows[i]);
1443         },
1445         getAllData: function() {
1446                 var i, max, data, r;
1448                 data = [];
1449                 max = this.footer ? this.footer.rowIndex : this.tb.rows.length;
1450                 for (i = this.header ? this.header.rowIndex + 1 : 0; i < max; ++i) {
1451                         r = this.tb.rows[i];
1452                         if ((r.style.display != 'none') && (r._data)) data.push(r._data);
1453                 }
1454                 return data;
1455         },
1457         isEditing: function() {
1458                 return (this.editor != null);
1459         }
1463 // -----------------------------------------------------------------------------
1466 function xmlHttpObj()
1468         var ob;
1469         try {
1470                 ob = new XMLHttpRequest();
1471                 if (ob) return ob;
1472         }
1473         catch (ex) { }
1474         try {
1475                 ob = new ActiveXObject('Microsoft.XMLHTTP');
1476                 if (ob) return ob;
1477         }
1478         catch (ex) { }
1479         return null;
1482 var _useAjax = -1;
1483 var _holdAjax = null;
1485 function useAjax()
1487         if (_useAjax == -1) _useAjax = ((_holdAjax = xmlHttpObj()) != null);
1488         return _useAjax;
1491 function XmlHttp()
1493         if ((!useAjax()) || ((this.xob = xmlHttpObj()) == null)) return null;
1494         return this;
1497 XmlHttp.prototype = {
1498         addId: function(vars) {
1499                 if (vars) vars += '&';
1500                         else vars = '';
1501                 vars += '_http_id=' + escapeCGI(nvram.http_id);
1502                 return vars;
1503         },
1505     get: function(url, vars) {
1506                 try {
1507                         vars = this.addId(vars);
1508                         url += '?' + vars;
1510                         this.xob.onreadystatechange = THIS(this, this.onReadyStateChange);
1511                         this.xob.open('GET', url, true);
1512                         this.xob.send(null);
1513                 }
1514                 catch (ex) {
1515                         this.onError(ex);
1516                 }
1517         },
1519         post: function(url, vars) {
1520                 try {
1521                         vars = this.addId(vars);
1523                         this.xob.onreadystatechange = THIS(this, this.onReadyStateChange);
1524                         this.xob.open('POST', url, true);
1525                         this.xob.send(vars);
1526                 }
1527                 catch (ex) {
1528                         this.onError(ex);
1529                 }
1530         },
1532         abort: function() {
1533                 try {
1534                         this.xob.onreadystatechange = function () { }
1535                         this.xob.abort();
1536                 }
1537                 catch (ex) {
1538                 }
1539         },
1541         onReadyStateChange: function() {
1542                 try {
1543                         if (typeof(E) == 'undefined') return;   // oddly late? testing for bug...
1545                         if (this.xob.readyState == 4) {
1546                                 if (this.xob.status == 200) {
1547                                         this.onCompleted(this.xob.responseText, this.xob.responseXML);
1548                                 }
1549                                 else {
1550                                         this.onError('' + (this.xob.status || 'unknown'));
1551                                 }
1552                         }
1553                 }
1554                 catch (ex) {
1555                         this.onError(ex);
1556                 }
1557         },
1559         onCompleted: function(text, xml) { },
1560         onError: function(ex) { }
1564 // -----------------------------------------------------------------------------
1567 function TomatoTimer(func, ms)
1569         this.tid = null;
1570         this.onTimer = func;
1571         if (ms) this.start(ms);
1572         return this;
1575 TomatoTimer.prototype = {
1576         start: function(ms) {
1577                 this.stop();
1578                 this.tid = setTimeout(THIS(this, this._onTimer), ms);
1579         },
1580         stop: function() {
1581                 if (this.tid) {
1582                         clearTimeout(this.tid);
1583                         this.tid = null;
1584                 }
1585         },
1587         isRunning: function() {
1588                 return (this.tid != null);
1589         },
1591         _onTimer: function() {
1592                 this.tid = null;
1593                 this.onTimer();
1594         },
1596         onTimer: function() {
1597         }
1601 // -----------------------------------------------------------------------------
1604 function TomatoRefresh(actionURL, postData, refreshTime, cookieTag)
1606         this.setup(actionURL, postData, refreshTime, cookieTag);
1607         this.timer = new TomatoTimer(THIS(this, this.start));
1610 TomatoRefresh.prototype = {
1611         running: 0,
1613         setup: function(actionURL, postData, refreshTime, cookieTag) {
1614                 var e, v;
1616                 this.actionURL = actionURL;
1617                 this.postData = postData;
1618                 this.refreshTime = refreshTime * 1000;
1619                 this.cookieTag = cookieTag;
1620         },
1622         start: function() {
1623                 var e;
1625                 if ((e = E('refresh-time')) != null) {
1626                         if (this.cookieTag) cookie.set(this.cookieTag, e.value);
1627                         this.refreshTime = e.value * 1000;
1628                 }
1629                 e = undefined;
1631                 this.updateUI('start');
1633                 this.running = 1;
1634                 if ((this.http = new XmlHttp()) == null) {
1635                         reloadPage();
1636                         return;
1637                 }
1639                 this.http.parent = this;
1641                 this.http.onCompleted = function(text, xml) {
1642                         var p = this.parent;
1644                         if (p.cookieTag) cookie.unset(p.cookieTag + '-error');
1645                         if (!p.running) {
1646                                 p.stop();
1647                                 return;
1648                         }
1650                         p.refresh(text);
1652                         if ((p.refreshTime > 0) && (!p.once)) {
1653                                 p.updateUI('wait');
1654                                 p.timer.start(Math.round(p.refreshTime));
1655                         }
1656                         else {
1657                                 p.stop();
1658                         }
1660                         p.errors = 0;
1661                 }
1663                 this.http.onError = function(ex) {
1664                         var p = this.parent;
1665                         if ((!p) || (!p.running)) return;
1667                         p.timer.stop();
1669                         if (++p.errors <= 3) {
1670                                 p.updateUI('wait');
1671                                 p.timer.start(3000);
1672                                 return;
1673                         }
1675                         if (p.cookieTag) {
1676                                 var e = cookie.get(p.cookieTag + '-error') * 1;
1677                                 if (isNaN(e)) e = 0;
1678                                         else ++e;
1679                                 cookie.unset(p.cookieTag);
1680                                 cookie.set(p.cookieTag + '-error', e, 1);
1681                                 if (e >= 3) {
1682                                         alert('XMLHTTP: ' + ex);
1683                                         return;
1684                                 }
1685                         }
1687                         setTimeout(reloadPage, 2000);
1688                 }
1690                 this.errors = 0;
1691                 this.http.post(this.actionURL, this.postData);
1692         },
1694         stop: function() {
1695                 if (this.cookieTag) cookie.set(this.cookieTag, -(this.refreshTime / 1000));
1696                 this.running = 0;
1697                 this.updateUI('stop');
1698                 this.timer.stop();
1699                 this.http = null;
1700                 this.once = undefined;
1701         },
1703         toggle: function(delay) {
1704                 if (this.running) this.stop();
1705                         else this.start(delay);
1706         },
1708         updateUI: function(mode) {
1709                 var e, b;
1711                 if (typeof(E) == 'undefined') return;   // for a bizzare bug...
1713                 b = (mode != 'stop') && (this.refreshTime > 0);
1714                 if ((e = E('refresh-button')) != null) {
1715                         e.value = b ? 'Stop' : 'Refresh';
1716                         e.disabled = ((mode == 'start') && (!b));
1717                 }
1718                 if ((e = E('refresh-time')) != null) e.disabled = b;
1719                 if ((e = E('refresh-spinner')) != null) e.style.visibility = b ? 'visible' : 'hidden';
1720         },
1722         initPage: function(delay, def) {
1723                 var e, v;
1725                 e = E('refresh-time');
1726                 if (((this.cookieTag) && (e != null)) &&
1727                         ((v = cookie.get(this.cookieTag)) != null) && (!isNaN(v *= 1))) {
1728                         e.value = Math.abs(v);
1729                         if (v > 0) v = (v * 1000) + (delay || 0);
1730                 }
1731                 else if (def) {
1732                         v = def;
1733                         if (e) e.value = def;
1734                 }
1735                 else v = 0;
1737                 if (delay < 0) {
1738                         v = -delay;
1739                         this.once = 1;
1740                 }
1742                 if (v > 0) {
1743                         this.running = 1;
1744                         this.refreshTime = v;
1745                         this.timer.start(v);
1746                         this.updateUI('wait');
1747                 }
1748         }
1751 function genStdTimeList(id, zero, min)
1753         var b = [];
1754         var t = [3,4,5,10,15,30,60,120,180,240,300,10*60,15*60,20*60,30*60];
1755         var i, v;
1757         if (min >= 0) {
1758                 b.push('<select id="' + id + '"><option value=0>' + zero);
1759                 for (i = 0; i < t.length; ++i) {
1760                         v = t[i];
1761                         if (v < min) continue;
1762                         b.push('<option value=' + v + '>');
1763                         if (v == 60) b.push('1 minute');
1764                                 else if (v > 60) b.push((v / 60) + ' minutes');
1765                                 else b.push(v + ' seconds');
1766                 }
1767                 b.push('</select> ');
1768         }
1769         document.write(b.join(''));
1772 function genStdRefresh(spin, min, exec)
1774         W('<div style="text-align:right">');
1775         if (spin) W('<img src="spin.gif" id="refresh-spinner"> ');
1776         genStdTimeList('refresh-time', 'Auto Refresh', min);
1777         W('<input type="button" value="Refresh" onclick="' + (exec ? exec : 'refreshClick()') + '" id="refresh-button"></div>');
1781 // -----------------------------------------------------------------------------
1784 function _tabCreate(tabs)
1786         var buf = [];
1787         buf.push('<ul id="tabs">');
1788         for (var i = 0; i < arguments.length; ++i)
1789                 buf.push('<li><a href="javascript:tabSelect(\'' + arguments[i][0] + '\')" id="' + arguments[i][0] + '">' + arguments[i][1] + '</a>');
1790         buf.push('</ul><div id="tabs-bottom"></div>');
1791         return buf.join('');
1794 function tabCreate(tabs)
1796         document.write(_tabCreate.apply(this, arguments));
1799 function tabHigh(id)
1801         var a = E('tabs').getElementsByTagName('A');
1802         for (var i = 0; i < a.length; ++i) {
1803                 if (id != a[i].id) elem.removeClass(a[i], 'active');
1804         }
1805         elem.addClass(id, 'active');
1808 // -----------------------------------------------------------------------------
1810 var cookie = {
1811         set: function(key, value, days) {
1812                 document.cookie = 'tomato_' + key + '=' + value + '; expires=' +
1813                         (new Date(new Date().getTime() + ((days ? days : 14) * 86400000))).toUTCString() + '; path=/';
1814         },
1816         get: function(key) {
1817                 var r = ('; ' + document.cookie + ';').match('; tomato_' + key + '=(.*?);');
1818                 return r ? r[1] : null;
1819         },
1821         unset: function(key) {
1822                 document.cookie = 'tomato_' + key + '=; expires=' +
1823                         (new Date(1)).toUTCString() + '; path=/';
1824         }
1827 // -----------------------------------------------------------------------------
1829 function checkEvent(evt)
1831         if (typeof(evt) == 'undefined') {
1832                 // IE
1833                 evt = event;
1834                 evt.target = evt.srcElement;
1835                 evt.relatedTarget = evt.toElement;
1836         }
1837         return evt;
1840 function W(s)
1842         document.write(s);
1845 function E(e)
1847         return (typeof(e) == 'string') ? document.getElementById(e) : e;
1850 function PR(e)
1852         return elem.parentElem(e, 'TR');
1855 function THIS(obj, func)
1857         return function() { return func.apply(obj, arguments); }
1860 function UT(v)
1862         return (typeof(v) == 'undefined') ? '' : '' + v;
1865 function escapeHTML(s)
1867         function esc(c) {
1868                 return '&#' + c.charCodeAt(0) + ';';
1869         }
1870         return s.replace(/[&"'<>\r\n]/g, esc);
1873 function escapeCGI(s)
1875         return escape(s).replace(/\+/g, '%2B'); // escape() doesn't handle +
1878 function escapeD(s)
1880         function esc(c) {
1881                 return '%' + c.charCodeAt(0).hex(2);
1882         }
1883         return s.replace(/[<>|%]/g, esc);
1886 function ellipsis(s, max) {
1887         return (s.length <= max) ? s : s.substr(0, max - 3) + '...';
1890 function MIN(a, b)
1892         return a < b ? a : b;
1895 function MAX(a, b)
1897         return a > b ? a : b;
1900 function fixInt(n, min, max, def)
1902         if (n === null) return def;
1903         n *= 1;
1904         if (isNaN(n)) return def;
1905         if (n < min) return min;
1906         if (n > max) return max;
1907         return n;
1910 function comma(n)
1912         n = '' + n;
1913         var p = n;
1914         while ((n = n.replace(/(\d+)(\d{3})/g, '$1,$2')) != p) p = n;
1915         return n;
1918 function scaleSize(n)
1920         if (isNaN(n *= 1)) return '-';
1921         if (n <= 9999) return '' + n;
1922         var s = -1;
1923         do {
1924                 n /= 1024;
1925                 ++s;
1926         } while ((n > 9999) && (s < 2));
1927         return comma(n.toFixed(2)) + '<small> ' + (['KB', 'MB', 'GB'])[s] + '</small>';
1930 function timeString(mins)
1932         var h = Math.floor(mins / 60);
1933         if ((new Date(2000, 0, 1, 23, 0, 0, 0)).toLocaleString().indexOf('23') != -1)
1934                 return h + ':' + (mins % 60).pad(2);
1935         return ((h == 0) ? 12 : ((h > 12) ? h - 12 : h)) + ':' + (mins % 60).pad(2) + ((h >= 12) ? ' PM' : ' AM');
1938 function features(s)
1940         var features = ['ses','brau','aoss','wham','hpamp','!nve','11n'];
1941         var i;
1943         for (i = features.length - 1; i >= 0; --i) {
1944                 if (features[i] == s) return (parseInt(nvram.t_features) & (1 << i)) != 0;
1945         }
1946         return 0;
1949 function get_config(name, def)
1951         return ((typeof(nvram) != 'undefined') && (typeof(nvram[name]) != 'undefined')) ? nvram[name] : def;
1954 function nothing()
1958 // -----------------------------------------------------------------------------
1960 function show_notice1(s)
1962         if (s.length) document.write('<div id="notice1">' + s + '</div><br style="clear:both">');
1965 // -----------------------------------------------------------------------------
1967 function myName()
1969         var name, i;
1971         name = document.location.pathname;
1972         name = name.replace(/\\/g, '/');        // IE local testing
1973         if ((i = name.lastIndexOf('/')) != -1) name = name.substring(i + 1, name.length);
1974         if (name == '') name = 'status-overview.asp';
1975         return name;
1978 function navi()
1980         var menu = [
1981                 ['Status',                              'status', 0, [
1982                         ['Overview',            'overview.asp'],
1983                         ['Device List',         'devices.asp'],
1984                         ['Logs',                        'log.asp'] ] ],
1985                 ['Bandwidth',                   'bwm', 0, [
1986                         ['Real-Time',           'realtime.asp'],
1987                         ['Last 24 Hours',       '24.asp'],
1988                         ['Daily',                       'daily.asp'],
1989                         ['Weekly',                      'weekly.asp'],
1990                         ['Monthly',                     'monthly.asp'] ] ],
1991                 ['Tools',                               'tools', 0, [
1992                         ['Ping',                        'ping.asp'],
1993                         ['Trace',                       'trace.asp'],
1994                         ['Wireless Survey',     'survey.asp'],
1995                         ['WOL',                         'wol.asp'] ] ],
1996                 null,
1997                 ['Basic',                               'basic', 0, [
1998                         ['Network',                     'network.asp'],
1999                         ['Identification',      'ident.asp'],
2000                         ['Time',                        'time.asp'],
2001                         ['DDNS',                        'ddns.asp'],
2002                         ['Static DHCP',         'static.asp'],
2003                         ['Wireless Filter',     'wfilter.asp'] ] ],
2004                 ['Advanced',                    'advanced', 0, [
2005                         ['Conntrack / Netfilter',       'ctnf.asp'],
2006                         ['DHCP / DNS',          'dhcpdns.asp'],
2007                         ['Firewall',            'firewall.asp'],
2008                         ['MAC Address',         'mac.asp'],
2009                         ['Miscellaneous',       'misc.asp'],
2010                         ['Routing',                     'routing.asp'],
2011                         ['Wireless',            'wireless.asp'] ] ],
2012                 ['Port Forwarding',     'forward', 0, [
2013                         ['Basic',                       'basic.asp'],
2014                         ['DMZ',                         'dmz.asp'],
2015                         ['Triggered',           'triggered.asp'],
2016                         ['UPnP / NAT-PMP',      'upnp.asp'] ] ],
2017                 ['QoS',                                 'qos', 0, [
2018                         ['Basic Settings',      'settings.asp'],
2019                         ['Classification',      'classify.asp'],
2020                         ['View Graphs',         'graphs.asp'],
2021                         ['View Details',        'detailed.asp']
2022                         ] ],
2023                 ['Access Restriction',  'restrict.asp'],
2024 /* REMOVE-BEGIN
2025                 ['Scripts',                             'sc', 0, [
2026                         ['Startup',                     'startup.asp'],
2027                         ['Shutdown',            'shutdown.asp'],
2028                         ['Firewall',            'firewall.asp'],
2029                         ['WAN Up',                      'wanup.asp']
2030                         ] ],
2031 REMOVE-END */
2032                 null,
2033                 ['Administration',              'admin', 0, [
2034                         ['Admin Access',        'access.asp'],
2035                         ['Bandwidth Monitoring','bwm.asp'],
2036                         ['Buttons / LED',       'buttons.asp'],
2037                         ['CIFS Client',         'cifs.asp'],
2038                         ['Configuration',       'config.asp'],
2039                         ['Debugging',           'debug.asp'],
2040                         ['JFFS2',                       'jffs2.asp'],
2041                         ['Logging',                     'log.asp'],
2042                         ['Scheduler',           'sched.asp'],
2043                         ['Scripts',                     'scripts.asp'],
2044                         ['Upgrade',                     'upgrade.asp'] ] ],
2045                 null,
2046                 ['About',                               'about.asp'],
2047                 ['Reboot...',                   'javascript:reboot()'],
2048                 ['Shutdown...',                 'javascript:shutdown()'],
2049                 ['Logout',                              'javascript:logout()']
2050         ];
2051         var name, base;
2052         var i, j;
2053         var buf = [];
2054         var sm;
2055         var a, b, c;
2056         var on1;
2057         var cexp = get_config('web_mx', '').toLowerCase();
2059         name = myName();
2060         if (name == 'restrict-edit.asp') name = 'restrict.asp';
2061         if ((i = name.indexOf('-')) != -1) {
2062                 base = name.substring(0, i);
2063                 name = name.substring(i + 1, name.length);
2064         }
2065         else base = '';
2067         for (i = 0; i < menu.length; ++i) {
2068                 var m = menu[i];
2069                 if (!m) {
2070                         buf.push("<br>");
2071                         continue;
2072                 }
2073                 if (m.length == 2) {
2074                         buf.push('<a href="' + m[1] + '" class="indent1' + (((base == '') && (name == m[1])) ? ' active' : '') + '">' + m[0] + '</a>');
2075                 }
2076                 else {
2077                         if (base == m[1]) {
2078                                 b = name;
2079                         }
2080                         else {
2081                                 a = cookie.get('menu_' + m[1]);
2082                                 b = m[3][0][1];
2083                                 for (j = 0; j < m[3].length; ++j) {
2084                                         if (m[3][j][1] == a) {
2085                                                 b = a;
2086                                                 break;
2087                                         }
2088                                 }
2089                         }
2090                         a = m[1] + '-' + b;
2091                         if (a == 'status-overview.asp') a = '/';
2092                         on1 = (base == m[1]);
2093                         buf.push('<a href="' + a + '" class="indent1' + (on1 ? ' active' : '') + '">' + m[0] + '</a>');
2094                         if ((!on1) && (m[2] == 0) && (cexp.indexOf(m[1]) == -1)) continue;
2096                         for (j = 0; j < m[3].length; ++j) {
2097                                 sm = m[3][j];
2098                                 a = m[1] + '-' + sm[1];
2099                                 if (a == 'status-overview.asp') a = '/';
2100                                 buf.push('<a href="' + a + '" class="indent2' + (((on1) && (name == sm[1])) ? ' active' : '') + '">' + sm[0] + '</a>');
2101                         }
2102                 }
2103         }
2104         document.write(buf.join(''));
2106         if (base.length) {
2107                 if ((base == 'qos') && (name == 'detailed.asp')) name = 'view.asp';
2108                 cookie.set('menu_' + base, name);
2109         }
2112 function createFieldTable(flags, desc)
2114         var common;
2115         var i, n;
2116         var name;
2117         var id;
2118         var fields;
2119         var f;
2120         var a;
2121         var buf = [];
2122         var buf2;
2123         var id1;
2124         var tr;
2126         if ((flags.indexOf('noopen') == -1)) buf.push('<table class="fields">');
2127         for (desci = 0; desci < desc.length; ++desci) {
2128                 var v = desc[desci];
2130                 if (!v) {
2131                         buf.push('<tr><td colspan=2 class="spacer">&nbsp;</td></tr>');
2132                         continue;
2133                 }
2135                 if (v.ignore) continue;
2137                 buf.push('<tr');
2138                 if (v.rid) buf.push(' id="' + v.rid + '"');
2139                 if (v.hidden) buf.push(' style="display:none"');
2140                 buf.push('>');
2142                 if (v.text) {
2143                         if (v.title) {
2144                                 buf.push('<td class="title indent' + (v.indent || 1) + '">' + v.title + '</td><td class="content">' + v.text + '</td></tr>');
2145                         }
2146                         else {
2147                                 buf.push('<td colspan=2>' + v.text + '</td></tr>');
2148                         }
2149                         continue;
2150                 }
2152                 id1 = '';
2153                 buf2 = [];
2154                 buf2.push('<td class="content">');
2156                 if (v.multi) fields = v.multi;
2157                         else fields = [v];
2159                 for (n = 0; n < fields.length; ++n) {
2160                         f = fields[n];
2161                         if (f.prefix) buf2.push(f.prefix);
2163                         if ((f.type == 'radio') && (!f.id)) id = '_' + f.name + '_' + i;
2164                                 else id = (f.id ? f.id : ('_' + f.name));
2166                         if (id1 == '') id1 = id;
2168                         common = ' onchange="verifyFields(this, 1)" id="' + id + '"';
2169                         if (f.attrib) common += ' ' + f.attrib;
2170                         name = f.name ? (' name="' + f.name + '"') : '';
2172                         switch (f.type) {
2173                         case 'checkbox':
2174                                 buf2.push('<input type="checkbox"' + name + (f.value ? ' checked' : '') + ' onclick="verifyFields(this, 1)"' + common + '>');
2175                                 break;
2176                         case 'radio':
2177                                 buf2.push('<input type="radio"' + name + (f.value ? ' checked' : '') + ' onclick="verifyFields(this, 1)"' + common + '>');
2178                                 break;
2179                         case 'password':
2180                                 if (f.peekaboo) {
2181                                         switch (get_config('web_pb', '1')) {
2182                                         case '0':
2183                                                 f.type = 'text';
2184                                         case '2':
2185                                                 f.peekaboo = 0;
2186                                                 break;
2187                                         }
2188                                 }
2189                                 if (f.type == 'password') {
2190                                         common += ' autocomplete="off"';
2191                                         if (f.peekaboo) common += ' onfocus=\'peekaboo("' + id + '",1)\'';
2192                                 }
2193                                 // drop
2194                         case 'text':
2195                                 buf2.push('<input type="' + f.type + '"' + name + ' value="' + escapeHTML(UT(f.value)) + '" maxlength=' + f.maxlen + (f.size ? (' size=' + f.size) : '') + common + '>');
2196                                 break;
2197                         case 'select':
2198                                 buf2.push('<select' + name + common + '>');
2199                                 for (i = 0; i < f.options.length; ++i) {
2200                                         a = f.options[i];
2201                                         if (a.length == 1) a.push(a[0]);
2202                                         buf2.push('<option value="' + a[0] + '"' + ((a[0] == f.value) ? ' selected' : '') + '>' + a[1] + '</option>');
2203                                 }
2204                                 buf2.push('</select>');
2205                                 break;
2206                         case 'textarea':
2207                                 buf2.push('<textarea' + name + common + '>' + escapeHTML(UT(f.value)) + '</textarea>');
2208                                 break;
2209                         default:
2210                                 if (f.custom) buf2.push(f.custom);
2211                                 break;
2212                         }
2213                         if (f.suffix) buf2.push(f.suffix);
2214                 }
2215                 buf2.push('</td>');
2217                 buf.push('<td class="title indent' + (v.indent ? v.indent : 1) + '">');
2218                 if (id1 != '') buf.push('<label for="' + id + '">' + v.title + '</label></td>');
2219                         else buf.push(+ v.title + '</td>');
2221                 buf.push(buf2.join(''));
2222                 buf.push('</tr>');
2223         }
2224         if ((!flags) || (flags.indexOf('noclose') == -1)) buf.push('</table>');
2225         document.write(buf.join(''));
2228 function peekaboo(id, show)
2230         try {
2231                 var o = document.createElement('INPUT');
2232                 var e = E(id);
2233                 var name = e.name;
2234                 o.type = show ? 'text' : 'password';
2235                 o.value = e.value;
2236                 o.size = e.size;
2237                 o.maxLength = e.maxLength;
2238                 o.autocomplete = e.autocomplete;
2239                 o.title = e.title;
2240                 o.disabled = e.disabled;
2241                 o.onchange = e.onchange;
2242                 e.parentNode.replaceChild(o, e);
2243                 e = null;
2244                 o.id = id;
2245                 o.name = name;
2247                 if (show) {
2248                         o.onblur = function(ev) { setTimeout('peekaboo("' + this.id + '", 0)', 0) };
2249                         setTimeout('try { E("' + id + '").focus() } catch (ex) { }', 0)
2250                 }
2251                 else {
2252                         o.onfocus = function(ev) { peekaboo(this.id, 1); };
2253                 }
2254         }
2255         catch (ex) {
2256 //              alert(ex);
2257         }
2259 /* REMOVE-BEGIN
2260 notes:
2261  - e.type= doesn't work in IE, ok in FF
2262  - may mess keyboard tabing (bad: IE; ok: FF, Opera)... setTimeout() delay seems to help a little.
2263 REMOVE-END */
2266 // -----------------------------------------------------------------------------
2268 function reloadPage()
2270         document.location.reload(1);
2273 function reboot()
2275         if (confirm("Reboot?")) form.submitHidden('tomato.cgi', { _reboot: 1, _commit: 0, _nvset: 0 });
2278 function shutdown()
2280         if (confirm("Shutdown?")) form.submitHidden('shutdown.cgi', { });
2283 function logout()
2285         form.submitHidden('logout.asp', { });
2288 // -----------------------------------------------------------------------------
2292 // debug
2294 function isLocal()
2296         return location.href.search('file://') == 0;
2299 function console(s)