Difference between revisions of "Widget:DCTList"
From LINKS Community Center
| 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 15:45, 13 June 2022
Development verstion of the DCT List.
Not ready for production!