luci-base: cbi.js: use adjacent button dynlist add/remove buttons

Change the cbi.js code to create  a div based button element instead of an
image button.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
(cherry picked from commit 875b561875)
This commit is contained in:
Jo-Philipp Wich 2018-07-23 14:31:40 +02:00
parent d7d15f6c5c
commit 6cf7d11e15

View file

@ -818,9 +818,9 @@ function cbi_dynlist_init(parent, datatype, optional, choices)
t.placeholder = holder;
}
var b = document.createElement('img');
b.src = cbi_strings.path.resource + ((i+1) < values.length ? '/cbi/remove.gif' : '/cbi/add.gif');
b.className = 'cbi-image-button';
var b = E('div', {
class: 'cbi-button cbi-button-' + ((i+1) < values.length ? 'remove' : 'add')
}, (i+1) < values.length ? '×' : '+');
parent.appendChild(t);
parent.appendChild(b);
@ -986,8 +986,7 @@ function cbi_dynlist_init(parent, datatype, optional, choices)
input = input.previousSibling;
}
if (se.src.indexOf('remove') > -1)
{
if (se.classList.contains('cbi-button-remove')) {
input.value = '';
cbi_dynlist_keydown({
@ -995,8 +994,7 @@ function cbi_dynlist_init(parent, datatype, optional, choices)
keyCode: 8
});
}
else
{
else {
cbi_dynlist_keydown({
target: input,
keyCode: 13