libs/web/htdocs/luci-static/resources/cbi.js

   1 /*
   2         LuCI - Lua Configuration Interface
   3
   4         Copyright 2008 Steven Barth <steven@midlink.org>
   5         Copyright 2008-2010 Jo-Philipp Wich <xm@subsignal.org>
   6
   7         Licensed under the Apache License, Version 2.0 (the "License");
   8         you may not use this file except in compliance with the License.
   9         You may obtain a copy of the License at
  10
  11         http://www.apache.org/licenses/LICENSE-2.0
  12 */
  13
  14 var cbi_d = [];
  15 var cbi_t = [];
  16 var cbi_c = [];
  17
  18 var cbi_validators = {
  19
  20         'integer': function(v)
  21         {
  22                 return (v.match(/^-?[0-9]+$/) != null);
  23         },
  24
  25         'uinteger': function(v)
  26         {
  27                 return (cbi_validators.integer(v) && (v >= 0));
  28         },
  29
  30         'float': function(v)
  31         {
  32                 return !isNaN(parseFloat(v));
  33         },
  34
  35         'ufloat': function(v)
  36         {
  37                 return (cbi_validators['float'](v) && (v >= 0));
  38         },
  39
  40         'ipaddr': function(v)
  41         {
  42                 return cbi_validators.ip4addr(v) || cbi_validators.ip6addr(v);
  43         },
  44
  45         'neg_ipaddr': function(v)
  46         {
  47                 return cbi_validators.ip4addr(v.replace(/^\s*!/, "")) || cbi_validators.ip6addr(v.replace(/^\s*!/, ""));
  48         },
  49
  50         'ip4addr': function(v)
  51         {
  52                 if( v.match(/^(\d+)\.(\d+)\.(\d+)\.(\d+)(\/(\d+))?$/) )
  53                 {
  54                         return (RegExp.$1 >= 0) && (RegExp.$1 <= 255) &&
  55                                (RegExp.$2 >= 0) && (RegExp.$2 <= 255) &&
  56                                (RegExp.$3 >= 0) && (RegExp.$3 <= 255) &&
  57                                (RegExp.$4 >= 0) && (RegExp.$4 <= 255) &&
  58                                (!RegExp.$5 || ((RegExp.$6 >= 0) && (RegExp.$6 <= 32)))
  59                         ;
  60                 }
  61
  62                 return false;
  63         },
  64
  65         'neg_ip4addr': function(v)
  66         {
  67                 return cbi_validators.ip4addr(v.replace(/^\s*!/, ""));
  68         },
  69
  70         'ip6addr': function(v)
  71         {
  72                 if( v.match(/^([a-fA-F0-9:.]+)(\/(\d+))?$/) )
  73                 {
  74                         if( !RegExp.$2 || ((RegExp.$3 >= 0) && (RegExp.$3 <= 128)) )
  75                         {
  76                                 var addr = RegExp.$1;
  77
  78                                 if( addr == '::' )
  79                                 {
  80                                         return true;
  81                                 }
  82
  83                                 if( addr.indexOf('.') > 0 )
  84                                 {
  85                                         var off = addr.lastIndexOf(':');
  86
  87                                         if( !(off && cbi_validators.ip4addr(addr.substr(off+1))) )
  88                                                 return false;
  89
  90                                         addr = addr.substr(0, off) + ':0:0';
  91                                 }
  92
  93                                 if( addr.indexOf('::') >= 0 )
  94                                 {
  95                                         var colons = 0;
  96                                         var fill = '0';
  97
  98                                         for( var i = 1; i < (addr.length-1); i++ )
  99                                                 if( addr.charAt(i) == ':' )
 100                                                         colons++;
 101
 102                                         if( colons > 7 )
 103                                                 return false;
 104
 105                                         for( var i = 0; i < (7 - colons); i++ )
 106                                                 fill += ':0';
 107
 108                                         if (addr.match(/^(.*?)::(.*?)$/))
 109                                                 addr = (RegExp.$1 ? RegExp.$1 + ':' : '') + fill +
 110                                                        (RegExp.$2 ? ':' + RegExp.$2 : '');
 111                                 }
 112
 113                                 return (addr.match(/^(?:[a-fA-F0-9]{1,4}:){7}[a-fA-F0-9]{1,4}$/) != null);
 114                         }
 115                 }
 116
 117                 return false;
 118         },
 119
 120         'port': function(v)
 121         {
 122                 return cbi_validators.integer(v) && (v >= 0) && (v <= 65535);
 123         },
 124
 125         'portrange': function(v)
 126         {
 127                 if( v.match(/^(\d+)-(\d+)$/) )
 128                 {
 129                         var p1 = RegExp.$1;
 130                         var p2 = RegExp.$2;
 131
 132                         return cbi_validators.port(p1) &&
 133                                cbi_validators.port(p2) &&
 134                                (parseInt(p1) <= parseInt(p2))
 135                         ;
 136                 }
 137                 else
 138                 {
 139                         return cbi_validators.port(v);
 140                 }
 141         },
 142
 143         'macaddr': function(v)
 144         {
 145                 return (v.match(/^([a-fA-F0-9]{2}:){5}[a-fA-F0-9]{2}$/) != null);
 146         },
 147
 148         'host': function(v)
 149         {
 150                 return cbi_validators.hostname(v) || cbi_validators.ipaddr(v);
 151         },
 152
 153         'hostname': function(v)
 154         {       if ( v.length <= 253 )
 155                         return (v.match(/^[a-zA-Z0-9][a-zA-Z0-9\-.]*[a-zA-Z0-9]$/) != null);
 156         },
 157
 158         'wpakey': function(v)
 159         {
 160                 if( v.length == 64 )
 161                         return (v.match(/^[a-fA-F0-9]{64}$/) != null);
 162                 else
 163                         return (v.length >= 8) && (v.length <= 63);
 164         },
 165
 166         'wepkey': function(v)
 167         {
 168                 if( v.substr(0,2) == 's:' )
 169                         v = v.substr(2);
 170
 171                 if( (v.length == 10) || (v.length == 26) )
 172                         return (v.match(/^[a-fA-F0-9]{10,26}$/) != null);
 173                 else
 174                         return (v.length == 5) || (v.length == 13);
 175         },
 176
 177         'uciname': function(v)
 178         {
 179                 return (v.match(/^[a-zA-Z0-9_]+$/) != null);
 180         },
 181
 182         'range': function(v, args)
 183         {
 184                 var min = parseInt(args[0]);
 185                 var max = parseInt(args[1]);
 186                 var val = parseInt(v);
 187
 188                 if (!isNaN(min) && !isNaN(max) && !isNaN(val))
 189                         return ((val >= min) && (val <= max));
 190
 191                 return false;
 192         }
 193 };
 194
 195
 196 function cbi_d_add(field, dep, next) {
 197         var obj = document.getElementById(field);
 198         if (obj) {
 199                 var entry
 200                 for (var i=0; i<cbi_d.length; i++) {
 201                         if (cbi_d[i].id == field) {
 202                                 entry = cbi_d[i];
 203                                 break;
 204                         }
 205                 }
 206                 if (!entry) {
 207                         entry = {
 208                                 "node": obj,
 209                                 "id": field,
 210                                 "parent": obj.parentNode.id,
 211                                 "next": next,
 212                                 "deps": []
 213                         };
 214                         cbi_d.unshift(entry);
 215                 }
 216                 entry.deps.push(dep)
 217         }
 218 }
 219
 220 function cbi_d_checkvalue(target, ref) {
 221         var t = document.getElementById(target);
 222         var value;
 223
 224         if (!t) {
 225                 var tl = document.getElementsByName(target);
 226
 227                 if( tl.length > 0 && tl[0].type == 'radio' )
 228                         for( var i = 0; i < tl.length; i++ )
 229                                 if( tl[i].checked ) {
 230                                         value = tl[i].value;
 231                                         break;
 232                                 }
 233
 234                 value = value ? value : "";
 235         } else if (!t.value) {
 236                 value = "";
 237         } else {
 238                 value = t.value;
 239
 240                 if (t.type == "checkbox") {
 241                         value = t.checked ? value : "";
 242                 }
 243         }
 244
 245         return (value == ref)
 246 }
 247
 248 function cbi_d_check(deps) {
 249         var reverse;
 250         var def = false;
 251         for (var i=0; i<deps.length; i++) {
 252                 var istat = true;
 253                 reverse = false;
 254                 for (var j in deps[i]) {
 255                         if (j == "!reverse") {
 256                                 reverse = true;
 257                         } else if (j == "!default") {
 258                                 def = true;
 259                                 istat = false;
 260                         } else {
 261                                 istat = (istat && cbi_d_checkvalue(j, deps[i][j]))
 262                         }
 263                 }
 264                 if (istat) {
 265                         return !reverse;
 266                 }
 267         }
 268         return def;
 269 }
 270
 271 function cbi_d_update() {
 272         var state = false;
 273         for (var i=0; i<cbi_d.length; i++) {
 274                 var entry = cbi_d[i];
 275                 var next  = document.getElementById(entry.next)
 276                 var node  = document.getElementById(entry.id)
 277                 var parent = document.getElementById(entry.parent)
 278
 279                 if (node && node.parentNode && !cbi_d_check(entry.deps)) {
 280                         node.parentNode.removeChild(node);
 281                         state = true;
 282                         if( entry.parent )
 283                                 cbi_c[entry.parent]--;
 284                 } else if ((!node || !node.parentNode) && cbi_d_check(entry.deps)) {
 285                         if (!next) {
 286                                 parent.appendChild(entry.node);
 287                         } else {
 288                                 next.parentNode.insertBefore(entry.node, next);
 289                         }
 290                         state = true;
 291                         if( entry.parent )
 292                                 cbi_c[entry.parent]++;
 293                 }
 294         }
 295
 296         if (entry && entry.parent) {
 297                 cbi_t_update();
 298         }
 299
 300         if (state) {
 301                 cbi_d_update();
 302         }
 303 }
 304
 305 function cbi_bind(obj, type, callback, mode) {
 306         if (!obj.addEventListener) {
 307                 obj.attachEvent('on' + type,
 308                         function(){
 309                                 var e = window.event;
 310
 311                                 if (!e.target && e.srcElement)
 312                                         e.target = e.srcElement;
 313
 314                                 return !!callback(e);
 315                         }
 316                 );
 317         } else {
 318                 obj.addEventListener(type, callback, !!mode);
 319         }
 320         return obj;
 321 }
 322
 323 function cbi_combobox(id, values, def, man) {
 324         var selid = "cbi.combobox." + id;
 325         if (document.getElementById(selid)) {
 326                 return
 327         }
 328
 329         var obj = document.getElementById(id)
 330         var sel = document.createElement("select");
 331                 sel.id = selid;
 332                 sel.className = 'cbi-input-select';
 333
 334         if (obj.nextSibling) {
 335                 obj.parentNode.insertBefore(sel, obj.nextSibling);
 336         } else {
 337                 obj.parentNode.appendChild(sel);
 338         }
 339
 340         var dt = obj.getAttribute('cbi_datatype');
 341         var op = obj.getAttribute('cbi_optional');
 342
 343         if (dt)
 344                 cbi_validate_field(sel, op == 'true', dt);
 345
 346         if (!values[obj.value]) {
 347                 if (obj.value == "") {
 348                         var optdef = document.createElement("option");
 349                         optdef.value = "";
 350                         optdef.appendChild(document.createTextNode(def));
 351                         sel.appendChild(optdef);
 352                 } else {
 353                         var opt = document.createElement("option");
 354                         opt.value = obj.value;
 355                         opt.selected = "selected";
 356                         opt.appendChild(document.createTextNode(obj.value));
 357                         sel.appendChild(opt);
 358                 }
 359         }
 360
 361         for (var i in values) {
 362                 var opt = document.createElement("option");
 363                 opt.value = i;
 364
 365                 if (obj.value == i) {
 366                         opt.selected = "selected";
 367                 }
 368
 369                 opt.appendChild(document.createTextNode(values[i]));
 370                 sel.appendChild(opt);
 371         }
 372
 373         var optman = document.createElement("option");
 374         optman.value = "";
 375         optman.appendChild(document.createTextNode(man));
 376         sel.appendChild(optman);
 377
 378         obj.style.display = "none";
 379
 380         cbi_bind(sel, "change", function() {
 381                 if (sel.selectedIndex == sel.options.length - 1) {
 382                         obj.style.display = "inline";
 383                         sel.parentNode.removeChild(sel);
 384                         obj.focus();
 385                 } else {
 386                         obj.value = sel.options[sel.selectedIndex].value;
 387                 }
 388
 389                 try {
 390                         cbi_d_update();
 391                 } catch (e) {
 392                         //Do nothing
 393                 }
 394         })
 395 }
 396
 397 function cbi_combobox_init(id, values, def, man) {
 398         var obj = document.getElementById(id);
 399         cbi_bind(obj, "blur", function() {
 400                 cbi_combobox(id, values, def, man)
 401         });
 402         cbi_combobox(id, values, def, man);
 403 }
 404
 405 function cbi_filebrowser(id, url, defpath) {
 406         var field   = document.getElementById(id);
 407         var browser = window.open(
 408                 url + ( field.value || defpath || '' ) + '?field=' + id,
 409                 "luci_filebrowser", "width=300,height=400,left=100,top=200,scrollbars=yes"
 410         );
 411
 412         browser.focus();
 413 }
 414
 415 function cbi_browser_init(id, respath, url, defpath)
 416 {
 417         function cbi_browser_btnclick(e) {
 418                 cbi_filebrowser(id, url, defpath);
 419                 return false;
 420         }
 421
 422         var field = document.getElementById(id);
 423
 424         var btn = document.createElement('img');
 425         btn.className = 'cbi-image-button';
 426         btn.src = respath + '/cbi/folder.gif';
 427         field.parentNode.insertBefore(btn, field.nextSibling);
 428
 429         cbi_bind(btn, 'click', cbi_browser_btnclick);
 430 }
 431
 432 function cbi_dynlist_init(name, respath)
 433 {
 434         function cbi_dynlist_renumber(e)
 435         {
 436                 /* in a perfect world, we could just getElementsByName() - but not if
 437                  * MSIE is involved... */
 438                 var inputs = [ ]; // = document.getElementsByName(name);
 439                 for (var i = 0; i < e.parentNode.childNodes.length; i++)
 440                         if (e.parentNode.childNodes[i].name == name)
 441                                 inputs.push(e.parentNode.childNodes[i]);
 442
 443                 for (var i = 0; i < inputs.length; i++)
 444                 {
 445                         inputs[i].id = name + '.' + (i + 1);
 446                         inputs[i].nextSibling.src = respath + (
 447                                 (i+1) < inputs.length ? '/cbi/remove.gif' : '/cbi/add.gif'
 448                         );
 449                 }
 450
 451                 e.focus();
 452         }
 453
 454         function cbi_dynlist_keypress(ev)
 455         {
 456                 ev = ev ? ev : window.event;
 457
 458                 var se = ev.target ? ev.target : ev.srcElement;
 459
 460                 if (se.nodeType == 3)
 461                         se = se.parentNode;
 462
 463                 switch (ev.keyCode)
 464                 {
 465                         /* backspace, delete */
 466                         case 8:
 467                         case 46:
 468                                 if (se.value.length == 0)
 469                                 {
 470                                         if (ev.preventDefault)
 471                                                 ev.preventDefault();
 472
 473                                         return false;
 474                                 }
 475
 476                                 return true;
 477
 478                         /* enter, arrow up, arrow down */
 479                         case 13:
 480                         case 38:
 481                         case 40:
 482                                 if (ev.preventDefault)
 483                                         ev.preventDefault();
 484
 485                                 return false;
 486                 }
 487
 488                 return true;
 489         }
 490
 491         function cbi_dynlist_keydown(ev)
 492         {
 493                 ev = ev ? ev : window.event;
 494
 495                 var se = ev.target ? ev.target : ev.srcElement;
 496
 497                 if (se.nodeType == 3)
 498                         se = se.parentNode;
 499
 500                 var prev = se.previousSibling;
 501                 while (prev && prev.name != name)
 502                         prev = prev.previousSibling;
 503
 504                 var next = se.nextSibling;
 505                 while (next && next.name != name)
 506                         next = next.nextSibling;
 507
 508                 switch (ev.keyCode)
 509                 {
 510                         /* backspace, delete */
 511                         case 8:
 512                         case 46:
 513                                 var jump = (ev.keyCode == 8)
 514                                         ? (prev || next) : (next || prev);
 515
 516                                 if (se.value.length == 0 && jump)
 517                                 {
 518                                         se.parentNode.removeChild(se.nextSibling.nextSibling);
 519                                         se.parentNode.removeChild(se.nextSibling);
 520                                         se.parentNode.removeChild(se);
 521
 522                                         cbi_dynlist_renumber(jump);
 523
 524                                         if (ev.preventDefault)
 525                                                 ev.preventDefault();
 526
 527                                         /* IE Quirk, needs double focus somehow */
 528                                         jump.focus();
 529
 530                                         return false;
 531                                 }
 532
 533                                 break;
 534
 535                         /* enter */
 536                         case 13:
 537                                 var n = document.createElement('input');
 538                                         n.name       = se.name;
 539                                         n.type       = se.type;
 540
 541                                 var b = document.createElement('img');
 542
 543                                 cbi_bind(n, 'keydown',  cbi_dynlist_keydown);
 544                                 cbi_bind(n, 'keypress', cbi_dynlist_keypress);
 545                                 cbi_bind(b, 'click',    cbi_dynlist_btnclick);
 546
 547                                 if (next)
 548                                 {
 549                                         se.parentNode.insertBefore(n, next);
 550                                         se.parentNode.insertBefore(b, next);
 551                                         se.parentNode.insertBefore(document.createElement('br'), next);
 552                                 }
 553                                 else
 554                                 {
 555                                         se.parentNode.appendChild(n);
 556                                         se.parentNode.appendChild(b);
 557                                         se.parentNode.appendChild(document.createElement('br'));
 558                                 }
 559
 560                                 var dt = se.getAttribute('cbi_datatype');
 561                                 var op = se.getAttribute('cbi_optional') == 'true';
 562
 563                                 if (dt)
 564                                         cbi_validate_field(n, op, dt);
 565
 566                                 cbi_dynlist_renumber(n);
 567                                 break;
 568
 569                         /* arrow up */
 570                         case 38:
 571                                 if (prev)
 572                                         prev.focus();
 573
 574                                 break;
 575
 576                         /* arrow down */
 577                         case 40:
 578                                 if (next)
 579                                         next.focus();
 580
 581                                 break;
 582                 }
 583
 584                 return true;
 585         }
 586
 587         function cbi_dynlist_btnclick(ev)
 588         {
 589                 ev = ev ? ev : window.event;
 590
 591                 var se = ev.target ? ev.target : ev.srcElement;
 592
 593                 if (se.src.indexOf('remove') > -1)
 594                 {
 595                         se.previousSibling.value = '';
 596
 597                         cbi_dynlist_keydown({
 598                                 target:  se.previousSibling,
 599                                 keyCode: 8
 600                         });
 601                 }
 602                 else
 603                 {
 604                         cbi_dynlist_keydown({
 605                                 target:  se.previousSibling,
 606                                 keyCode: 13
 607                         });
 608                 }
 609
 610                 return false;
 611         }
 612
 613         var inputs = document.getElementsByName(name);
 614         for( var i = 0; i < inputs.length; i++ )
 615         {
 616                 var btn = document.createElement('img');
 617                         btn.className = 'cbi-image-button';
 618                         btn.src = respath + (
 619                                 (i+1) < inputs.length ? '/cbi/remove.gif' : '/cbi/add.gif'
 620                         );
 621
 622                 inputs[i].parentNode.insertBefore(btn, inputs[i].nextSibling);
 623
 624                 cbi_bind(inputs[i], 'keydown',  cbi_dynlist_keydown);
 625                 cbi_bind(inputs[i], 'keypress', cbi_dynlist_keypress);
 626                 cbi_bind(btn,       'click',    cbi_dynlist_btnclick);
 627         }
 628 }
 629
 630 //Hijacks the CBI form to send via XHR (requires Prototype)
 631 function cbi_hijack_forms(layer, win, fail, load) {
 632         var forms = layer.getElementsByTagName('form');
 633         for (var i=0; i<forms.length; i++) {
 634                 $(forms[i]).observe('submit', function(event) {
 635                         // Prevent the form from also submitting the regular way
 636                         event.stop();
 637
 638                         // Submit via XHR
 639                         event.element().request({
 640                                 onSuccess: win,
 641                                 onFailure: fail
 642                         });
 643
 644                         if (load) {
 645                                 load();
 646                         }
 647                 });
 648         }
 649 }
 650
 651
 652 function cbi_t_add(section, tab) {
 653         var t = document.getElementById('tab.' + section + '.' + tab);
 654         var c = document.getElementById('container.' + section + '.' + tab);
 655
 656         if( t && c ) {
 657                 cbi_t[section] = (cbi_t[section] || [ ]);
 658                 cbi_t[section][tab] = { 'tab': t, 'container': c, 'cid': c.id };
 659         }
 660 }
 661
 662 function cbi_t_switch(section, tab) {
 663         if( cbi_t[section] && cbi_t[section][tab] ) {
 664                 var o = cbi_t[section][tab];
 665                 var h = document.getElementById('tab.' + section);
 666                 for( var tid in cbi_t[section] ) {
 667                         var o2 = cbi_t[section][tid];
 668                         if( o.tab.id != o2.tab.id ) {
 669                                 o2.tab.className = o2.tab.className.replace(/(^| )cbi-tab( |$)/, " cbi-tab-disabled ");
 670                                 o2.container.style.display = 'none';
 671                         }
 672                         else {
 673                                 if(h) h.value = tab;
 674                                 o2.tab.className = o2.tab.className.replace(/(^| )cbi-tab-disabled( |$)/, " cbi-tab ");
 675                                 o2.container.style.display = 'block';
 676                         }
 677                 }
 678         }
 679         return false
 680 }
 681
 682 function cbi_t_update() {
 683         var hl_tabs = [ ];
 684
 685         for( var sid in cbi_t )
 686                 for( var tid in cbi_t[sid] )
 687                         if( cbi_c[cbi_t[sid][tid].cid] == 0 ) {
 688                                 cbi_t[sid][tid].tab.style.display = 'none';
 689                         }
 690                         else if( cbi_t[sid][tid].tab && cbi_t[sid][tid].tab.style.display == 'none' ) {
 691                                 cbi_t[sid][tid].tab.style.display = '';
 692
 693                                 var t = cbi_t[sid][tid].tab;
 694                                 t.className += ' cbi-tab-highlighted';
 695                                 hl_tabs.push(t);
 696                         }
 697
 698         if( hl_tabs.length > 0 )
 699                 window.setTimeout(function() {
 700                         for( var i = 0; i < hl_tabs.length; i++ )
 701                                 hl_tabs[i].className = hl_tabs[i].className.replace(/ cbi-tab-highlighted/g, '');
 702                 }, 750);
 703 }
 704
 705
 706 function cbi_validate_form(form, errmsg)
 707 {
 708         /* if triggered by a section removal or addition, don't validate */
 709         if( form.cbi_state == 'add-section' || form.cbi_state == 'del-section' )
 710                 return true;
 711
 712         if( form.cbi_validators )
 713         {
 714                 for( var i = 0; i < form.cbi_validators.length; i++ )
 715                 {
 716                         var validator = form.cbi_validators[i];
 717                         if( !validator() && errmsg )
 718                         {
 719                                 alert(errmsg);
 720                                 return false;
 721                         }
 722                 }
 723         }
 724
 725         return true;
 726 }
 727
 728 function cbi_validate_reset(form)
 729 {
 730         window.setTimeout(
 731                 function() { cbi_validate_form(form, null) }, 100
 732         );
 733
 734         return true;
 735 }
 736
 737 function cbi_validate_field(cbid, optional, type)
 738 {
 739         var field = (typeof cbid == "string") ? document.getElementById(cbid) : cbid;
 740         var vargs;
 741
 742         if( type.match(/^(\w+)\(([^\(\)]+)\)/) )
 743         {
 744                 type  = RegExp.$1;
 745                 vargs = RegExp.$2.split(/\s*,\s*/);
 746         }
 747
 748         var vldcb = cbi_validators[type];
 749
 750         if( field && vldcb )
 751         {
 752                 var validator = function()
 753                 {
 754                         // is not detached
 755                         if( field.form )
 756                         {
 757                                 field.className = field.className.replace(/ cbi-input-invalid/g, '');
 758
 759                                 // validate value
 760                                 var value = (field.options && field.options.selectedIndex > -1)
 761                                         ? field.options[field.options.selectedIndex].value : field.value;
 762
 763                                 if( !(((value.length == 0) && optional) || vldcb(value, vargs)) )
 764                                 {
 765                                         // invalid
 766                                         field.className += ' cbi-input-invalid';
 767                                         return false;
 768                                 }
 769                         }
 770
 771                         return true;
 772                 };
 773
 774                 if( ! field.form.cbi_validators )
 775                         field.form.cbi_validators = [ ];
 776
 777                 field.form.cbi_validators.push(validator);
 778
 779                 cbi_bind(field, "blur",  validator);
 780                 cbi_bind(field, "keyup", validator);
 781
 782                 if (field.nodeName == 'SELECT')
 783                 {
 784                         cbi_bind(field, "change", validator);
 785                         cbi_bind(field, "click",  validator);
 786                 }
 787
 788                 field.setAttribute("cbi_validate", validator);
 789                 field.setAttribute("cbi_datatype", type);
 790                 field.setAttribute("cbi_optional", (!!optional).toString());
 791
 792                 validator();
 793
 794                 var fcbox = document.getElementById('cbi.combobox.' + field.id);
 795                 if (fcbox)
 796                         cbi_validate_field(fcbox, optional, type);
 797         }
 798 }
 799
 800 function cbi_row_swap(elem, up, store)
 801 {
 802         var tr = elem.parentNode;
 803         while (tr && tr.nodeName.toLowerCase() != 'tr')
 804                 tr = tr.parentNode;
 805
 806         if (!tr)
 807                 return false;
 808
 809         var table = tr.parentNode;
 810         while (table && table.nodeName.toLowerCase() != 'table')
 811                 table = table.parentNode;
 812
 813         if (!table)
 814                 return false;
 815
 816         var s = up ? 3 : 2;
 817         var e = up ? table.rows.length : table.rows.length - 1;
 818
 819         for (var idx = s; idx < e; idx++)
 820         {
 821                 if (table.rows[idx] == tr)
 822                 {
 823                         if (up)
 824                                 tr.parentNode.insertBefore(table.rows[idx], table.rows[idx-1]);
 825                         else
 826                                 tr.parentNode.insertBefore(table.rows[idx+1], table.rows[idx]);
 827
 828                         break;
 829                 }
 830         }
 831
 832         var ids = [ ];
 833         for (idx = 2; idx < table.rows.length; idx++)
 834         {
 835                 table.rows[idx].className = table.rows[idx].className.replace(
 836                         /cbi-rowstyle-[12]/, 'cbi-rowstyle-' + (1 + (idx % 2))
 837                 );
 838
 839                 if (table.rows[idx].id && table.rows[idx].id.match(/-([^\-]+)$/) )
 840                         ids.push(RegExp.$1);
 841         }
 842
 843         var input = document.getElementById(store);
 844         if (input)
 845                 input.value = ids.join(' ');
 846
 847         return false;
 848 }
 849
 850 if( ! String.serialize )
 851         String.serialize = function(o)
 852         {
 853                 switch(typeof(o))
 854                 {
 855                         case 'object':
 856                                 // null
 857                                 if( o == null )
 858                                 {
 859                                         return 'null';
 860                                 }
 861
 862                                 // array
 863                                 else if( o.length )
 864                                 {
 865                                         var i, s = '';
 866
 867                                         for( var i = 0; i < o.length; i++ )
 868                                                 s += (s ? ', ' : '') + String.serialize(o[i]);
 869
 870                                         return '[ ' + s + ' ]';
 871                                 }
 872
 873                                 // object
 874                                 else
 875                                 {
 876                                         var k, s = '';
 877
 878                                         for( k in o )
 879                                                 s += (s ? ', ' : '') + k + ': ' + String.serialize(o[k]);
 880
 881                                         return '{ ' + s + ' }';
 882                                 }
 883
 884                                 break;
 885
 886                         case 'string':
 887                                 // complex string
 888                                 if( o.match(/[^a-zA-Z0-9_,.: -]/) )
 889                                         return 'decodeURIComponent("' + encodeURIComponent(o) + '")';
 890
 891                                 // simple string
 892                                 else
 893                                         return '"' + o + '"';
 894
 895                                 break;
 896
 897                         default:
 898                                 return o.toString();
 899                 }
 900         }
 901
 902
 903 if( ! String.format )
 904         String.format = function()
 905         {
 906                 if (!arguments || arguments.length < 1 || !RegExp)
 907                         return;
 908
 909                 var html_esc = [/&/g, '&#38;', /"/g, '&#34;', /'/g, '&#39;', /</g, '&#60;', />/g, '&#62;'];
 910                 var quot_esc = [/"/g, '&#34;', /'/g, '&#39;'];
 911
 912                 function esc(s, r) {
 913                         for( var i = 0; i < r.length; i += 2 )
 914                                 s = s.replace(r[i], r[i+1]);
 915                         return s;
 916                 }
 917
 918                 var str = arguments[0];
 919                 var out = '';
 920                 var re = /^(([^%]*)%('.|0|\x20)?(-)?(\d+)?(\.\d+)?(%|b|c|d|u|f|o|s|x|X|q|h|j|t|m))/;
 921                 var a = b = [], numSubstitutions = 0, numMatches = 0;
 922
 923                 while( a = re.exec(str) )
 924                 {
 925                         var m = a[1];
 926                         var leftpart = a[2], pPad = a[3], pJustify = a[4], pMinLength = a[5];
 927                         var pPrecision = a[6], pType = a[7];
 928
 929                         numMatches++;
 930
 931                         if (pType == '%')
 932                         {
 933                                 subst = '%';
 934                         }
 935                         else
 936                         {
 937                                 if (numSubstitutions++ < arguments.length)
 938                                 {
 939                                         var param = arguments[numSubstitutions];
 940
 941                                         var pad = '';
 942                                         if (pPad && pPad.substr(0,1) == "'")
 943                                                 pad = leftpart.substr(1,1);
 944                                         else if (pPad)
 945                                                 pad = pPad;
 946
 947                                         var justifyRight = true;
 948                                         if (pJustify && pJustify === "-")
 949                                                 justifyRight = false;
 950
 951                                         var minLength = -1;
 952                                         if (pMinLength)
 953                                                 minLength = parseInt(pMinLength);
 954
 955                                         var precision = -1;
 956                                         if (pPrecision && pType == 'f')
 957                                                 precision = parseInt(pPrecision.substring(1));
 958
 959                                         var subst = param;
 960
 961                                         switch(pType)
 962                                         {
 963                                                 case 'b':
 964                                                         subst = (parseInt(param) || 0).toString(2);
 965                                                         break;
 966
 967                                                 case 'c':
 968                                                         subst = String.fromCharCode(parseInt(param) || 0);
 969                                                         break;
 970
 971                                                 case 'd':
 972                                                         subst = (parseInt(param) || 0);
 973                                                         break;
 974
 975                                                 case 'u':
 976                                                         subst = Math.abs(parseInt(param) || 0);
 977                                                         break;
 978
 979                                                 case 'f':
 980                                                         subst = (precision > -1)
 981                                                                 ? ((parseFloat(param) || 0.0)).toFixed(precision)
 982                                                                 : (parseFloat(param) || 0.0);
 983                                                         break;
 984
 985                                                 case 'o':
 986                                                         subst = (parseInt(param) || 0).toString(8);
 987                                                         break;
 988
 989                                                 case 's':
 990                                                         subst = param;
 991                                                         break;
 992
 993                                                 case 'x':
 994                                                         subst = ('' + (parseInt(param) || 0).toString(16)).toLowerCase();
 995                                                         break;
 996
 997                                                 case 'X':
 998                                                         subst = ('' + (parseInt(param) || 0).toString(16)).toUpperCase();
 999                                                         break;
1000
1001                                                 case 'h':
1002                                                         subst = esc(param, html_esc);
1003                                                         break;
1004
1005                                                 case 'q':
1006                                                         subst = esc(param, quot_esc);
1007                                                         break;
1008
1009                                                 case 'j':
1010                                                         subst = String.serialize(param);
1011                                                         break;
1012
1013                                                 case 't':
1014                                                         var td = 0;
1015                                                         var th = 0;
1016                                                         var tm = 0;
1017                                                         var ts = (param || 0);
1018
1019                                                         if (ts > 60) {
1020                                                                 tm = Math.floor(ts / 60);
1021                                                                 ts = (ts % 60);
1022                                                         }
1023
1024                                                         if (tm > 60) {
1025                                                                 th = Math.floor(tm / 60);
1026                                                                 tm = (tm % 60);
1027                                                         }
1028
1029                                                         if (th > 24) {
1030                                                                 td = Math.floor(th / 24);
1031                                                                 th = (th % 24);
1032                                                         }
1033
1034                                                         subst = (td > 0)
1035                                                                 ? String.format('%dd %dh %dm %ds', td, th, tm, ts)
1036                                                                 : String.format('%dh %dm %ds', th, tm, ts);
1037
1038                                                         break;
1039
1040                                                 case 'm':
1041                                                         var mf = pMinLength ? parseInt(pMinLength) : 1000;
1042                                                         var pr = pPrecision ? Math.floor(10*parseFloat('0'+pPrecision)) : 2;
1043
1044                                                         var i = 0;
1045                                                         var val = parseFloat(param || 0);
1046                                                         var units = [ '', 'K', 'M', 'G', 'T', 'P', 'E' ];
1047
1048                                                         for (i = 0; (i < units.length) && (val > mf); i++)
1049                                                                 val /= mf;
1050
1051                                                         subst = val.toFixed(pr) + ' ' + units[i];
1052                                                         break;
1053                                         }
1054                                 }
1055                         }
1056
1057                         out += leftpart + subst;
1058                         str = str.substr(m.length);
1059                 }
1060
1061                 return out + str;
1062         }