Difference between revisions of "Widget:DCTList"

From LINKS Community Center
Jump to: navigation, search
Line 437: Line 437:
 
                 'Meta':              '/index.php/Special:FilePath/File:Func_meta.svg',
 
                 'Meta':              '/index.php/Special:FilePath/File:Func_meta.svg',
 
             };
 
             };
 +
 +
 +
            // FILTER TEST
 +
            let funcHtml = '';
 +
            for (const [fnCat, fnInfo] of funcData) {
 +
                const identifier = 'func-filter-' + escapeAttr(fnCat);
 +
                funcHtml +=
 +
                `<div>
 +
                    <input type="checkbox" checked id="${identifier}" value="${fnCat}">
 +
                    <label for="${identifier}"><img src="${fnImages[fnCat]}"> ${fnCat}</label>
 +
                </div>`;
 +
            }
 +
            // FILTER TEST
 +
           
  
 
             // Set up filters.
 
             // Set up filters.
             const functionFilterHtml = Object.keys(fnImages).reduce((acc, funcName) => {
+
             // const functionFilterHtml = Object.keys(fnImages).reduce((acc, funcName) => {
                const identifier = escapeAttr(funcName);
+
            //    const identifier = escapeAttr(funcName);
                return acc
+
            //    return acc
                    + '<div><input type="checkbox" checked id="func-filter-' + identifier
+
            //        + '<div><input type="checkbox" checked id="func-filter-' + identifier
                    + '" value="' + funcName + '">'
+
            //        + '" value="' + funcName + '">'
                    + '<label for="func-filter-' + identifier
+
            //        + '<label for="func-filter-' + identifier
                    + '"><img src="' + fnImages[funcName] + '"> ' + funcName + '</label></div>'
+
            //        + '"><img src="' + fnImages[funcName] + '"> ' + funcName + '</label></div>'
             }, '');
+
             // }, '');
             document.getElementById('functions-filter').innerHTML = functionFilterHtml;
+
             document.getElementById('functions-filter').innerHTML = funcHtml;
  
 
             const groupedSources = [];
 
             const groupedSources = [];

Revision as of 16:06, 16 November 2022

Development verstion of the DCT List.
Not ready for production!