Difference between revisions of "Widget:DCTList"
From LINKS Community Center
| Line 164: | Line 164: | ||
} | } | ||
| − | .subfunc-filter { | + | .subfunc-filter-block { |
font-size: smaller; | font-size: smaller; | ||
padding-left: 1em; | padding-left: 1em; | ||
| Line 455: | Line 455: | ||
const identifier = 'func-filter-' + escapeAttr(fnCat); | const identifier = 'func-filter-' + escapeAttr(fnCat); | ||
funcFilterHtml += | funcFilterHtml += | ||
| − | `<div> | + | `<div class="func-filter-block"> |
<div> | <div> | ||
| − | <input type="checkbox" checked id="${identifier}" value="${fnCat}"> | + | <input type="checkbox" checked id="${identifier}" value="${fnCat}" class="func-cat"> |
<label for="${identifier}"><img src="${fnImages[fnCat]}"> ${fnCat}</label> | <label for="${identifier}"><img src="${fnImages[fnCat]}"> ${fnCat}</label> | ||
</div>`; | </div>`; | ||
| Line 463: | Line 463: | ||
// add subfunctions | // add subfunctions | ||
if (index < 4) { | if (index < 4) { | ||
| − | funcFilterHtml += '<div class="subfunc-filter">'; | + | funcFilterHtml += '<div class="subfunc-filter-block">'; |
for (const func of fnInfo.functions) { | for (const func of fnInfo.functions) { | ||
const subfuncId = 'subfunc-filter-' + escapeAttr(func); | const subfuncId = 'subfunc-filter-' + escapeAttr(func); | ||
| Line 677: | Line 677: | ||
// Picking at least one subfunction activates the category. | // Picking at least one subfunction activates the category. | ||
// Picking zero subfunctions deactivates the category. | // Picking zero subfunctions deactivates the category. | ||
| − | console.log( | + | const filterBlock = event.target.closes('.func-filter-block'); |
| + | console.log(filterBlock) | ||
applyFilters(); | applyFilters(); | ||
}, { passive: true }); | }, { passive: true }); | ||
Revision as of 16:40, 18 November 2022
Development verstion of the DCT List.
Not ready for production!