Widget: DCTList: Difference between revisions
From LINKS Community Center
Eschmidt (talk | contribs) No edit summary |
Eschmidt (talk | contribs) No edit summary |
||
Line 240: | Line 240: | ||
if (group.length > 0) groupedSources.push(group); | if (group.length > 0) groupedSources.push(group); | ||
} | } | ||
groupedSources. | let html2 = ''; | ||
groupedSources.forEach(group => { | |||
html2 += group.reduce((prev, curr, idx) => { | |||
const identifier = escapeAttr(curr.name); | |||
return prev + '<div ' + (idx === 0 ? ' style="grid-column-start: 1">' : '>') + | |||
'<input type="checkbox" id="filter-' + identifier + '" value="' + curr.name + '" checked>' + | |||
'<label for="filter-' + identifier + '"><img src="' + curr.image + '"> ' + curr.name + '</label></div>' | |||
}, ''); | |||
}) | |||
const filterHtml = dataSources.reduce((prev, curr, idx) => { | const filterHtml = dataSources.reduce((prev, curr, idx) => { | ||
Line 249: | Line 256: | ||
'<label for="filter-' + identifier + '"><img src="' + curr.image + '"> ' + curr.name + '</label></div>' | '<label for="filter-' + identifier + '"><img src="' + curr.image + '"> ' + curr.name + '</label></div>' | ||
}, ''); | }, ''); | ||
document.getElementById('data-source-filter').innerHTML = | document.getElementById('data-source-filter').innerHTML = html2; | ||
// Set up table. | // Set up table. |
Revision as of 14:45, 13 June 2022
Development verstion of the DCT List.
Not ready for production!