luci-base: datatypes: add cidr, ipnet validator type
[project/luci.git] / modules / luci-base / htdocs / luci-static / resources / cbi.js
index fcf87ad..884eb62 100644 (file)
 
 var cbi_d = [];
 var cbi_t = [];
+var cbi_strings = { path: {}, label: {} };
+
+function Int(x) {
+       return (/^-?\d+$/.test(x) ? +x : NaN);
+}
+
+function Dec(x) {
+       return (/^-?\d+(?:\.\d+)?$/.test(x) ? +x : NaN);
+}
 
 var cbi_validators = {
 
        'integer': function()
        {
-               return (this.match(/^-?[0-9]+$/) != null);
+               return !!Int(this);
        },
 
        'uinteger': function()
        {
-               return (cbi_validators.integer.apply(this) && (this >= 0));
+               return (Int(this) >= 0);
        },
 
        'float': function()
        {
-               return !isNaN(parseFloat(this));
+               return !!Dec(this);
        },
 
        'ufloat': function()
        {
-               return (cbi_validators['float'].apply(this) && (this >= 0));
+               return (Dec(this) >= 0);
        },
 
        'ipaddr': function()
@@ -109,28 +118,106 @@ var cbi_validators = {
                return false;
        },
 
-       'port': function()
+       'ip4prefix': function()
        {
-               return cbi_validators.integer.apply(this) &&
-                       (this >= 0) && (this <= 65535);
+               return !isNaN(this) && this >= 0 && this <= 32;
        },
 
-       'portrange': function()
+       'ip6prefix': function()
        {
-               if (this.match(/^(\d+)-(\d+)$/))
+               return !isNaN(this) && this >= 0 && this <= 128;
+       },
+
+       'cidr': function()
+       {
+               return cbi_validators.cidr4.apply(this) ||
+                       cbi_validators.cidr6.apply(this);
+       },
+
+       'cidr4': function()
+       {
+               if (this.match(/^(\S+)\/(\S+)$/))
                {
-                       var p1 = RegExp.$1;
-                       var p2 = RegExp.$2;
+                       ip = RegExp.$1;
+                       mask = RegExp.$2;
+                       return cbi_validators.ip4addr.apply(ip) &&
+                               cbi_validators.ip4prefix.apply(mask);
+               }
+               return false;
+       },
 
-                       return cbi_validators.port.apply(p1) &&
-                              cbi_validators.port.apply(p2) &&
-                              (parseInt(p1) <= parseInt(p2))
-                       ;
+       'cidr6': function()
+       {
+               if (this.match(/^(\S+)\/(\S+)$/))
+               {
+                       ip = RegExp.$1;
+                       mask = RegExp.$2;
+                       return cbi_validators.ip6addr.apply(ip) &&
+                               cbi_validators.ip6prefix.apply(mask);
                }
-               else
+               return false;
+       },
+
+       'ipnet4': function()
+       {
+               if (this.match(/^(\S+)\/(\S+)$/))
                {
-                       return cbi_validators.port.apply(this);
+                       ip = RegExp.$1;
+                       net = RegExp.$2;
+                       return cbi_validators.ip4addr.apply(ip) &&
+                               cbi_validators.ip4addr.apply(net);
                }
+               return false;
+       },
+
+       'ipnet6': function()
+       {
+               if (this.match(/^(\S+)\/(\S+)$/))
+               {
+                       ip = RegExp.$1;
+                       net = RegExp.$2;
+                       return cbi_validators.ip6addr.apply(ip) &&
+                               cbi_validators.ip6addr.apply(net);
+               }
+               return false;
+       },
+
+       'ipmask': function()
+       {
+               return cbi_validators.ipmask4.apply(this) ||
+                       cbi_validators.ipmask6.apply(this);
+       },
+
+       'ipmask4': function()
+       {
+               return cbi_validators.cidr4.apply(this) ||
+                       cbi_validators.ipnet4.apply(this) ||
+                       cbi_validators.ip4addr.apply(this);
+       },
+
+       'ipmask6': function()
+       {
+               return cbi_validators.cidr6.apply(this) ||
+                       cbi_validators.ipnet6.apply(this) ||
+                       cbi_validators.ip6addr.apply(this);
+       },
+
+       'port': function()
+       {
+               var p = Int(this);
+               return (p >= 0 && p <= 65535);
+       },
+
+       'portrange': function()
+       {
+               if (this.match(/^(\d+)-(\d+)$/))
+               {
+                       var p1 = +RegExp.$1;
+                       var p2 = +RegExp.$2;
+                       return (p1 <= p2 && p2 <= 65535);
+               }
+
+               return cbi_validators.port.apply(this);
        },
 
        'macaddr': function()
@@ -234,56 +321,34 @@ var cbi_validators = {
 
        'range': function(min, max)
        {
-               var val = parseFloat(this);
-               if (!isNaN(min) && !isNaN(max) && !isNaN(val))
-                       return ((val >= min) && (val <= max));
-
-               return false;
+               var val = Dec(this);
+               return (val >= +min && val <= +max);
        },
 
        'min': function(min)
        {
-               var val = parseFloat(this);
-               if (!isNaN(min) && !isNaN(val))
-                       return (val >= min);
-
-               return false;
+               return (Dec(this) >= +min);
        },
 
        'max': function(max)
        {
-               var val = parseFloat(this);
-               if (!isNaN(max) && !isNaN(val))
-                       return (val <= max);
-
-               return false;
+               return (Dec(this) <= +max);
        },
 
        'rangelength': function(min, max)
        {
                var val = '' + this;
-               if (!isNaN(min) && !isNaN(max))
-                       return ((val.length >= min) && (val.length <= max));
-
-               return false;
+               return ((val.length >= +min) && (val.length <= +max));
        },
 
        'minlength': function(min)
        {
-               var val = '' + this;
-               if (!isNaN(min))
-                       return (val.length >= min);
-
-               return false;
+               return ((''+this).length >= +min);
        },
 
        'maxlength': function(max)
        {
-               var val = '' + this;
-               if (!isNaN(max))
-                       return (val.length <= max);
-
-               return false;
+               return ((''+this).length <= +max);
        },
 
        'or': function()
@@ -456,8 +521,9 @@ function cbi_d_check(deps) {
                                istat = (istat && cbi_d_checkvalue(j, deps[i][j]))
                        }
                }
-               if (istat) {
-                       return !reverse;
+
+               if (istat ^ reverse) {
+                       return true;
                }
        }
        return def;
@@ -473,7 +539,7 @@ function cbi_d_update() {
                if (node && node.parentNode && !cbi_d_check(entry.deps)) {
                        node.parentNode.removeChild(node);
                        state = true;
-               } else if ((!node || !node.parentNode) && cbi_d_check(entry.deps)) {
+               } else if (parent && (!node || !node.parentNode) && cbi_d_check(entry.deps)) {
                        var next = undefined;
 
                        for (next = parent.firstChild; next; next = next.nextSibling) {
@@ -490,6 +556,10 @@ function cbi_d_update() {
 
                        state = true;
                }
+
+               // hide optionals widget if no choices remaining
+               if (parent && parent.parentNode && parent.getAttribute('data-optionals'))
+                       parent.parentNode.style.display = (parent.options.length <= 1) ? 'none' : '';
        }
 
        if (entry && entry.parent) {
@@ -503,7 +573,21 @@ function cbi_d_update() {
 }
 
 function cbi_init() {
-       var nodes = document.querySelectorAll('[data-depends]');
+       var nodes;
+
+       nodes = document.querySelectorAll('[data-strings]');
+
+       for (var i = 0, node; (node = nodes[i]) !== undefined; i++) {
+               var str = JSON.parse(node.getAttribute('data-strings'));
+               for (var key in str) {
+                       for (var key2 in str[key]) {
+                               var dst = cbi_strings[key] || (cbi_strings[key] = { });
+                                   dst[key2] = str[key][key2];
+                       }
+               }
+       }
+
+       nodes = document.querySelectorAll('[data-depends]');
 
        for (var i = 0, node; (node = nodes[i]) !== undefined; i++) {
                var index = parseInt(node.getAttribute('data-index'), 10);
@@ -515,15 +599,54 @@ function cbi_init() {
                }
        }
 
-       nodes = document.querySelectorAll('[data-change]');
+       nodes = document.querySelectorAll('[data-update]');
 
        for (var i = 0, node; (node = nodes[i]) !== undefined; i++) {
-               var events = node.getAttribute('data-change').split(' ');
+               var events = node.getAttribute('data-update').split(' ');
                for (var j = 0, event; (event = events[j]) !== undefined; j++) {
                        cbi_bind(node, event, cbi_d_update);
                }
        }
 
+       nodes = document.querySelectorAll('[data-choices]');
+
+       for (var i = 0, node; (node = nodes[i]) !== undefined; i++) {
+               var choices = JSON.parse(node.getAttribute('data-choices'));
+               var options = {};
+
+               for (var j = 0; j < choices[0].length; j++)
+                       options[choices[0][j]] = choices[1][j];
+
+               var def = (node.getAttribute('data-optional') === 'true')
+                       ? node.placeholder || '' : null;
+
+               cbi_combobox_init(node, options, def,
+                                 node.getAttribute('data-manual'));
+       }
+
+       nodes = document.querySelectorAll('[data-dynlist]');
+
+       for (var i = 0, node; (node = nodes[i]) !== undefined; i++) {
+               var choices = JSON.parse(node.getAttribute('data-dynlist'));
+               var options = null;
+
+               if (choices[0] && choices[0].length) {
+                       options = {};
+
+                       for (var j = 0; j < choices[0].length; j++)
+                               options[choices[0][j]] = choices[1][j];
+               }
+
+               cbi_dynlist_init(node, choices[2], choices[3], options);
+       }
+
+       nodes = document.querySelectorAll('[data-type]');
+
+       for (var i = 0, node; (node = nodes[i]) !== undefined; i++) {
+               cbi_validate_field(node, node.getAttribute('data-optional') === 'true',
+                                  node.getAttribute('data-type'));
+       }
+
        cbi_d_update();
 }
 
@@ -545,7 +668,7 @@ function cbi_bind(obj, type, callback, mode) {
        return obj;
 }
 
-function cbi_combobox(id, values, def, man) {
+function cbi_combobox(id, values, def, man, focus) {
        var selid = "cbi.combobox." + id;
        if (document.getElementById(selid)) {
                return
@@ -554,6 +677,7 @@ function cbi_combobox(id, values, def, man) {
        var obj = document.getElementById(id)
        var sel = document.createElement("select");
                sel.id = selid;
+               sel.index = obj.index;
                sel.className = obj.className.replace(/cbi-input-text/, 'cbi-input-select');
 
        if (obj.nextSibling) {
@@ -565,14 +689,11 @@ function cbi_combobox(id, values, def, man) {
        var dt = obj.getAttribute('cbi_datatype');
        var op = obj.getAttribute('cbi_optional');
 
-       if (dt)
-               cbi_validate_field(sel, op == 'true', dt);
-
        if (!values[obj.value]) {
                if (obj.value == "") {
                        var optdef = document.createElement("option");
                        optdef.value = "";
-                       optdef.appendChild(document.createTextNode(def));
+                       optdef.appendChild(document.createTextNode(typeof(def) === 'string' ? def : cbi_strings.label.choose));
                        sel.appendChild(optdef);
                } else {
                        var opt = document.createElement("option");
@@ -597,14 +718,18 @@ function cbi_combobox(id, values, def, man) {
 
        var optman = document.createElement("option");
        optman.value = "";
-       optman.appendChild(document.createTextNode(man));
+       optman.appendChild(document.createTextNode(typeof(man) === 'string' ? man : cbi_strings.label.custom));
        sel.appendChild(optman);
 
        obj.style.display = "none";
 
+       if (dt)
+               cbi_validate_field(sel, op == 'true', dt);
+
        cbi_bind(sel, "change", function() {
                if (sel.selectedIndex == sel.options.length - 1) {
                        obj.style.display = "inline";
+                       sel.blur();
                        sel.parentNode.removeChild(sel);
                        obj.focus();
                } else {
@@ -619,32 +744,34 @@ function cbi_combobox(id, values, def, man) {
        })
 
        // Retrigger validation in select
-       sel.focus();
-       sel.blur();
+       if (focus) {
+               sel.focus();
+               sel.blur();
+       }
 }
 
 function cbi_combobox_init(id, values, def, man) {
-       var obj = document.getElementById(id);
+       var obj = (typeof(id) === 'string') ? document.getElementById(id) : id;
        cbi_bind(obj, "blur", function() {
-               cbi_combobox(id, values, def, man)
+               cbi_combobox(obj.id, values, def, man, true);
        });
-       cbi_combobox(id, values, def, man);
+       cbi_combobox(obj.id, values, def, man, false);
 }
 
-function cbi_filebrowser(id, url, defpath) {
+function cbi_filebrowser(id, defpath) {
        var field   = document.getElementById(id);
        var browser = window.open(
-               url + ( field.value || defpath || '' ) + '?field=' + id,
+               cbi_strings.path.browser + ( field.value || defpath || '' ) + '?field=' + id,
                "luci_filebrowser", "width=300,height=400,left=100,top=200,scrollbars=yes"
        );
 
        browser.focus();
 }
 
-function cbi_browser_init(id, respath, url, defpath)
+function cbi_browser_init(id, resource, defpath)
 {
        function cbi_browser_btnclick(e) {
-               cbi_filebrowser(id, url, defpath);
+               cbi_filebrowser(id, defpath);
                return false;
        }
 
@@ -652,18 +779,16 @@ function cbi_browser_init(id, respath, url, defpath)
 
        var btn = document.createElement('img');
        btn.className = 'cbi-image-button';
-       btn.src = respath + '/cbi/folder.gif';
+       btn.src = (resource || cbi_strings.path.resource) + '/cbi/folder.gif';
        field.parentNode.insertBefore(btn, field.nextSibling);
 
        cbi_bind(btn, 'click', cbi_browser_btnclick);
 }
 
-function cbi_dynlist_init(name, respath, datatype, optional, url, defpath, choices)
+function cbi_dynlist_init(parent, datatype, optional, choices)
 {
-       var input0 = document.getElementsByName(name)[0];
-       var prefix = input0.name;
-       var parent = input0.parentNode;
-       var holder = input0.placeholder;
+       var prefix = parent.getAttribute('data-prefix');
+       var holder = parent.getAttribute('data-placeholder');
 
        var values;
 
@@ -674,7 +799,7 @@ function cbi_dynlist_init(name, respath, datatype, optional, url, defpath, choic
                while (parent.firstChild)
                {
                        var n = parent.firstChild;
-                       var i = parseInt(n.index);
+                       var i = +n.index;
 
                        if (i != del)
                        {
@@ -714,14 +839,14 @@ function cbi_dynlist_init(name, respath, datatype, optional, url, defpath, choic
                        }
 
                        var b = document.createElement('img');
-                               b.src = respath + ((i+1) < values.length ? '/cbi/remove.gif' : '/cbi/add.gif');
+                               b.src = cbi_strings.path.resource + ((i+1) < values.length ? '/cbi/remove.gif' : '/cbi/add.gif');
                                b.className = 'cbi-image-button';
 
                        parent.appendChild(t);
                        parent.appendChild(b);
                        if (datatype == 'file')
                        {
-                               cbi_browser_init(t.id, respath, url, defpath);
+                               cbi_browser_init(t.id, null, parent.getAttribute('data-browser-path'));
                        }
 
                        parent.appendChild(document.createElement('br'));
@@ -733,7 +858,7 @@ function cbi_dynlist_init(name, respath, datatype, optional, url, defpath, choic
 
                        if (choices)
                        {
-                               cbi_combobox_init(t.id, choices[0], '', choices[1]);
+                               cbi_combobox_init(t.id, choices, '', cbi_strings.label.custom);
                                b.index = i;
 
                                cbi_bind(b, 'keydown',  cbi_dynlist_keydown);
@@ -813,15 +938,15 @@ function cbi_dynlist_init(name, respath, datatype, optional, url, defpath, choic
                        se = se.parentNode;
 
                var prev = se.previousSibling;
-               while (prev && prev.name != name)
+               while (prev && prev.name != prefix)
                        prev = prev.previousSibling;
 
                var next = se.nextSibling;
-               while (next && next.name != name)
+               while (next && next.name != prefix)
                        next = next.nextSibling;
 
                /* advance one further in combobox case */
-               if (next && next.nextSibling.name == name)
+               if (next && next.nextSibling.name == prefix)
                        next = next.nextSibling;
 
                switch (ev.keyCode)
@@ -877,7 +1002,7 @@ function cbi_dynlist_init(name, respath, datatype, optional, url, defpath, choic
 
                var se = ev.target ? ev.target : ev.srcElement;
                var input = se.previousSibling;
-               while (input && input.name != name) {
+               while (input && input.name != prefix) {
                        input = input.previousSibling;
                }
 
@@ -944,9 +1069,8 @@ function cbi_t_update() {
                {
                        var t = cbi_t[sid][tid].tab;
                        var c = cbi_t[sid][tid].container;
-                       var n = c.getElementsByTagName('div');
 
-                       if (n.length === 0) {
+                       if (!c.firstElementChild) {
                                t.style.display = 'none';
                        }
                        else if (t.style.display == 'none') {
@@ -1261,6 +1385,9 @@ String.prototype.format = function()
        var quot_esc = [/"/g, '&#34;', /'/g, '&#39;'];
 
        function esc(s, r) {
+               if (typeof(s) !== 'string' && !(s instanceof String))
+                       return '';
+
                for( var i = 0; i < r.length; i += 2 )
                        s = s.replace(r[i], r[i+1]);
                return s;
@@ -1271,7 +1398,7 @@ String.prototype.format = function()
        var re = /^(([^%]*)%('.|0|\x20)?(-)?(\d+)?(\.\d+)?(%|b|c|d|u|f|o|s|x|X|q|h|j|t|m))/;
        var a = b = [], numSubstitutions = 0, numMatches = 0;
 
-       while( a = re.exec(str) )
+       while (a = re.exec(str))
        {
                var m = a[1];
                var leftpart = a[2], pPad = a[3], pJustify = a[4], pMinLength = a[5];
@@ -1294,6 +1421,8 @@ String.prototype.format = function()
                                        pad = leftpart.substr(1,1);
                                else if (pPad)
                                        pad = pPad;
+                               else
+                                       pad = ' ';
 
                                var justifyRight = true;
                                if (pJustify && pJustify === "-")
@@ -1301,40 +1430,40 @@ String.prototype.format = function()
 
                                var minLength = -1;
                                if (pMinLength)
-                                       minLength = parseInt(pMinLength);
+                                       minLength = +pMinLength;
 
                                var precision = -1;
                                if (pPrecision && pType == 'f')
-                                       precision = parseInt(pPrecision.substring(1));
+                                       precision = +pPrecision.substring(1);
 
                                var subst = param;
 
                                switch(pType)
                                {
                                        case 'b':
-                                               subst = (parseInt(param) || 0).toString(2);
+                                               subst = (+param || 0).toString(2);
                                                break;
 
                                        case 'c':
-                                               subst = String.fromCharCode(parseInt(param) || 0);
+                                               subst = String.fromCharCode(+param || 0);
                                                break;
 
                                        case 'd':
-                                               subst = (parseInt(param) || 0);
+                                               subst = ~~(+param || 0);
                                                break;
 
                                        case 'u':
-                                               subst = Math.abs(parseInt(param) || 0);
+                                               subst = ~~Math.abs(+param || 0);
                                                break;
 
                                        case 'f':
                                                subst = (precision > -1)
-                                                       ? ((parseFloat(param) || 0.0)).toFixed(precision)
-                                                       : (parseFloat(param) || 0.0);
+                                                       ? ((+param || 0.0)).toFixed(precision)
+                                                       : (+param || 0.0);
                                                break;
 
                                        case 'o':
-                                               subst = (parseInt(param) || 0).toString(8);
+                                               subst = (+param || 0).toString(8);
                                                break;
 
                                        case 's':
@@ -1342,11 +1471,11 @@ String.prototype.format = function()
                                                break;
 
                                        case 'x':
-                                               subst = ('' + (parseInt(param) || 0).toString(16)).toLowerCase();
+                                               subst = ('' + (+param || 0).toString(16)).toLowerCase();
                                                break;
 
                                        case 'X':
-                                               subst = ('' + (parseInt(param) || 0).toString(16)).toUpperCase();
+                                               subst = ('' + (+param || 0).toString(16)).toUpperCase();
                                                break;
 
                                        case 'h':
@@ -1389,22 +1518,32 @@ String.prototype.format = function()
                                                break;
 
                                        case 'm':
-                                               var mf = pMinLength ? parseInt(pMinLength) : 1000;
-                                               var pr = pPrecision ? Math.floor(10*parseFloat('0'+pPrecision)) : 2;
+                                               var mf = pMinLength ? +pMinLength : 1000;
+                                               var pr = pPrecision ? ~~(10 * +('0' + pPrecision)) : 2;
 
                                                var i = 0;
-                                               var val = parseFloat(param || 0);
-                                               var units = [ '', 'K', 'M', 'G', 'T', 'P', 'E' ];
+                                               var val = (+param || 0);
+                                               var units = [ ' ', ' K', ' M', ' G', ' T', ' P', ' E' ];
 
                                                for (i = 0; (i < units.length) && (val > mf); i++)
                                                        val /= mf;
 
-                                               subst = val.toFixed(pr) + ' ' + units[i];
+                                               subst = (i ? val.toFixed(pr) : val) + units[i];
+                                               pMinLength = null;
                                                break;
                                }
                        }
                }
 
+               if (pMinLength) {
+                       subst = subst.toString();
+                       for (var i = subst.length; i < pMinLength; i++)
+                               if (pJustify == '-')
+                                       subst = subst + ' ';
+                               else
+                                       subst = pad + subst;
+               }
+
                out += leftpart + subst;
                str = str.substr(m.length);
        }