X-Git-Url: http://git.archive.openwrt.org/?p=project%2Fluci.git;a=blobdiff_plain;f=modules%2Fluci-base%2Fhtdocs%2Fluci-static%2Fresources%2Fcbi.js;h=4be917d098ed17830108f11cab8175078575881b;hp=8159a378fc9ed8d8ee8be93640da4ebe8d90ce28;hb=c759500d49af8bef454eb119eb7e0f21f86380c0;hpb=0ec3f91a0c7a8c71980f5e70f3322397e496a8d6 diff --git a/modules/luci-base/htdocs/luci-static/resources/cbi.js b/modules/luci-base/htdocs/luci-static/resources/cbi.js index 8159a378f..4be917d09 100644 --- a/modules/luci-base/htdocs/luci-static/resources/cbi.js +++ b/modules/luci-base/htdocs/luci-static/resources/cbi.js @@ -13,28 +13,36 @@ var cbi_d = []; var cbi_t = []; -var cbi_c = []; +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() @@ -110,28 +118,66 @@ var cbi_validators = { return false; }, - 'port': function() + 'ipmask': function() { - return cbi_validators.integer.apply(this) && - (this >= 0) && (this <= 65535); + return cbi_validators.ipmask4.apply(this) || + cbi_validators.ipmask6.apply(this); }, - 'portrange': function() + 'ipmask4': function() { - if (this.match(/^(\d+)-(\d+)$/)) + var ip = this, mask = 32; + + if (ip.match(/^(\S+)\/(\S+)$/)) { - var p1 = RegExp.$1; - var p2 = RegExp.$2; + ip = RegExp.$1; + mask = RegExp.$2; + } - return cbi_validators.port.apply(p1) && - cbi_validators.port.apply(p2) && - (parseInt(p1) <= parseInt(p2)) - ; + if (!isNaN(mask) && (mask < 0 || mask > 32)) + return false; + + if (isNaN(mask) && !cbi_validators.ip4addr.apply(mask)) + return false; + + return cbi_validators.ip4addr.apply(ip); + }, + + 'ipmask6': function() + { + var ip = this, mask = 128; + + if (ip.match(/^(\S+)\/(\S+)$/)) + { + ip = RegExp.$1; + mask = RegExp.$2; } - else + + if (!isNaN(mask) && (mask < 0 || mask > 128)) + return false; + + if (isNaN(mask) && !cbi_validators.ip6addr.apply(mask)) + return false; + + return cbi_validators.ip6addr.apply(ip); + }, + + 'port': function() + { + var p = Int(this); + return (p >= 0 && p <= 65535); + }, + + 'portrange': function() + { + if (this.match(/^(\d+)-(\d+)$/)) { - return cbi_validators.port.apply(this); + var p1 = +RegExp.$1; + var p2 = +RegExp.$2; + return (p1 <= p2 && p2 <= 65535); } + + return cbi_validators.port.apply(this); }, 'macaddr': function() @@ -235,56 +281,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() @@ -344,16 +368,57 @@ var cbi_validators = { 'phonedigit': function() { return (this.match(/^[0-9\*#!\.]+$/) != null); + }, + 'timehhmmss': function() + { + return (this.match(/^[0-6][0-9]:[0-6][0-9]:[0-6][0-9]$/) != null); + }, + 'dateyyyymmdd': function() + { + if (this == null) { + return false; + } + if (this.match(/^(\d\d\d\d)-(\d\d)-(\d\d)/)) { + var year = RegExp.$1; + var month = RegExp.$2; + var day = RegExp.$2 + + var days_in_month = [ 31, 28, 31, 30, 31, 30, 31, 31, 30 , 31, 30, 31 ]; + function is_leap_year(year) { + return ((year % 4) == 0) && ((year % 100) != 0) || ((year % 400) == 0); + } + function get_days_in_month(month, year) { + if ((month == 2) && is_leap_year(year)) { + return 29; + } else { + return days_in_month[month]; + } + } + /* Firewall rules in the past don't make sense */ + if (year < 2015) { + return false; + } + if ((month <= 0) || (month > 12)) { + return false; + } + if ((day <= 0) || (day > get_days_in_month(month, year))) { + return false; + } + return true; + + } else { + return false; + } } }; -function cbi_d_add(field, dep, next) { - var obj = document.getElementById(field); +function cbi_d_add(field, dep, index) { + var obj = (typeof(field) === 'string') ? document.getElementById(field) : field; if (obj) { var entry for (var i=0; i entry.index) { + break; + } + } + if (!next) { parent.appendChild(entry.node); } else { - next.parentNode.insertBefore(entry.node, next); + parent.insertBefore(entry.node, next); } + state = true; - if( entry.parent ) - cbi_c[entry.parent]++; } + + // 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) { @@ -458,6 +531,84 @@ function cbi_d_update() { } } +function cbi_init() { + 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); + var depends = JSON.parse(node.getAttribute('data-depends')); + if (!isNaN(index) && depends.length > 0) { + for (var alt = 0; alt < depends.length; alt++) { + cbi_d_add(node, depends[alt], index); + } + } + } + + nodes = document.querySelectorAll('[data-update]'); + + for (var i = 0, node; (node = nodes[i]) !== undefined; i++) { + 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(); +} + function cbi_bind(obj, type, callback, mode) { if (!obj.addEventListener) { obj.attachEvent('on' + type, @@ -476,7 +627,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 @@ -485,6 +636,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) { @@ -503,7 +655,7 @@ function cbi_combobox(id, values, def, man) { 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"); @@ -528,7 +680,7 @@ 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"; @@ -536,6 +688,7 @@ function cbi_combobox(id, values, def, man) { 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 { @@ -550,32 +703,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; } @@ -583,18 +738,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; @@ -605,7 +758,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) { @@ -645,14 +798,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')); @@ -664,7 +817,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); @@ -744,15 +897,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) @@ -808,7 +961,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; } @@ -835,27 +988,6 @@ function cbi_dynlist_init(name, respath, datatype, optional, url, defpath, choic cbi_dynlist_redraw(NaN, -1, -1); } -//Hijacks the CBI form to send via XHR (requires Prototype) -function cbi_hijack_forms(layer, win, fail, load) { - var forms = layer.getElementsByTagName('form'); - for (var i=0; i 0 ) + if (hl_tabs.length > 0) window.setTimeout(function() { for( var i = 0; i < hl_tabs.length; i++ ) hl_tabs[i].className = hl_tabs[i].className.replace(/ cbi-tab-highlighted/g, ''); @@ -1211,6 +1344,9 @@ String.prototype.format = function() var quot_esc = [/"/g, '"', /'/g, ''']; 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; @@ -1221,7 +1357,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]; @@ -1244,6 +1380,8 @@ String.prototype.format = function() pad = leftpart.substr(1,1); else if (pPad) pad = pPad; + else + pad = ' '; var justifyRight = true; if (pJustify && pJustify === "-") @@ -1251,40 +1389,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': @@ -1292,11 +1430,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': @@ -1339,22 +1477,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); }