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