Difference between revisions of "Widget:DCTList"
From LINKS Community Center
| Line 443: | Line 443: | ||
// Set up functions filter | // Set up functions filter | ||
| − | let funcFilterHtml = ' | + | let funcFilterHtml = ''; |
Array.from(funcData).forEach(([fnCat, fnInfo], index) => { | Array.from(funcData).forEach(([fnCat, fnInfo], index) => { | ||
const identifier = 'func-filter-' + escapeAttr(fnCat); | const identifier = 'func-filter-' + escapeAttr(fnCat); | ||
funcFilterHtml += | funcFilterHtml += | ||
`<div> | `<div> | ||
| − | <input type="checkbox" checked id="${identifier}" value="${fnCat}"> | + | <div> |
| − | + | <input type="checkbox" checked id="${identifier}" value="${fnCat}"> | |
| − | + | <label for="${identifier}"><img src="${fnImages[fnCat]}"> ${fnCat}</label> | |
| + | </div>`; | ||
// add subfunctions | // add subfunctions | ||
| Line 465: | Line 466: | ||
funcFilterHtml += '</div>'; | funcFilterHtml += '</div>'; | ||
} | } | ||
| + | funcFilterHtml += '</div>'; | ||
}); | }); | ||
| − | |||
document.getElementById('functions-filter').innerHTML = funcFilterHtml; | document.getElementById('functions-filter').innerHTML = funcFilterHtml; | ||
Revision as of 11:58, 17 November 2022
Development verstion of the DCT List.
Not ready for production!