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

luci-base: ui.js: properly handle rich choices in Dropdowns, DynLists

Browse source 
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
(cherry picked from commit 4c52718dea)
This commit is contained in:
Jo-Philipp Wich 2020-01-19 15:50:33 +01:00
parent f400982da4
commit b3815b00e2
1 changed files with 26 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -442,11 +442,17 @@ var UIDropdown = UIElement.extend({
if (!this.choices.hasOwnProperty(this.values[i]))
keys.push(this.values[i]);
for (var i = 0; i < keys.length; i++)
for (var i = 0; i < keys.length; i++) {
var label = this.choices[keys[i]];
if (L.dom.elem(label))
label = label.cloneNode(true);
sb.lastElementChild.appendChild(E('li', {
'data-value': keys[i],
'selected': (this.values.indexOf(keys[i]) > -1) ? '' : null
}, this.choices[keys[i]] || keys[i]));
}, [ label || keys[i] ]));
}
if (this.options.create) {
var createEl = E('input', {
@ -1339,9 +1345,14 @@ var UIDynamicList = UIElement.extend({
true, null, 'blur', 'keyup');
}
for (var i = 0; i < this.values.length; i++)
this.addItem(dl, this.values[i],
this.choices ? this.choices[this.values[i]] : null);
for (var i = 0; i < this.values.length; i++) {
var label = this.choices ? this.choices[this.values[i]] : null;
if (L.dom.elem(label))
label = label.cloneNode(true);
this.addItem(dl, this.values[i], label);
}
return this.bind(dl);
},
@ -1458,7 +1469,16 @@ var UIDynamicList = UIElement.extend({
sbVal.element.setAttribute('dynlistcustom', '');
}
this.addItem(dl, sbVal.value, sbVal.text, true);
var label = sbVal.text;
if (sbVal.element) {
label = E([]);
for (var i = 0; i < sbVal.element.childNodes.length; i++)
label.appendChild(sbVal.element.childNodes[i].cloneNode(true));
}
this.addItem(dl, sbVal.value, label, true);
},
handleKeydown: function(ev) {