Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

luci-base: ui.js: add ComboButton widget

Browse source 
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
(cherry picked from commit 97a3bef84b)
This commit is contained in:
Jo-Philipp Wich 2019-11-10 18:20:39 +01:00
parent d7810e7650
commit 4b72056f9b
1 changed files with 49 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
modules/luci-base/htdocs/luci-static/resources/ui.js
View file

@ -1188,6 +1188,51 @@ var UICombobox = UIDropdown.extend({
}
});
var UIComboButton = UIDropdown.extend({
__init__: function(value, choices, options) {
this.super('__init__', [ value, choices, Object.assign({
sort: true
}, options, {
multiple: false,
create: false,
optional: false
}) ]);
},
render: function(/* ... */) {
var node = UIDropdown.prototype.render.apply(this, arguments),
val = this.getValue();
if (L.isObject(this.options.classes) && this.options.classes.hasOwnProperty(val))
node.setAttribute('class', 'cbi-dropdown ' + this.options.classes[val]);
return node;
},
handleClick: function(ev) {
var sb = ev.currentTarget,
t = ev.target;
if (sb.hasAttribute('open') || L.dom.matches(t, '.cbi-dropdown > span.open'))
return UIDropdown.prototype.handleClick.apply(this, arguments);
if (this.options.click)
return this.options.click.call(sb, ev, this.getValue());
},
toggleItem: function(sb /*, ... */) {
var rv = UIDropdown.prototype.toggleItem.apply(this, arguments),
val = this.getValue();
if (L.isObject(this.options.classes) && this.options.classes.hasOwnProperty(val))
sb.setAttribute('class', 'cbi-dropdown ' + this.options.classes[val]);
else
sb.setAttribute('class', 'cbi-dropdown');
return rv;
}
});
var UIDynamicList = UIElement.extend({
__init__: function(values, choices, options) {
if (!Array.isArray(values))
@ -2716,8 +2761,10 @@ return L.Class.extend({
if (typeof(fn) != 'function')
return null;
var arg_offset = arguments.length - 2;
return Function.prototype.bind.apply(function() {
var t = arguments[arguments.length - 1].target;
var t = arguments[arg_offset].target;
t.classList.add('spinning');
t.disabled = true;
@ -2740,6 +2787,7 @@ return L.Class.extend({
Dropdown: UIDropdown,
DynamicList: UIDynamicList,
Combobox: UICombobox,
ComboButton: UIComboButton,
Hiddenfield: UIHiddenfield,
FileUpload: UIFileUpload
});