Widget: DCTList: Difference between revisions

Revision as of 15:06, 16 November 2022

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

@@ Line 437: / Line 437: @@
                  '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.
-             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 = [];