Widget: DCTList: Difference between revisions

Revision as of 11:51, 7 September 2022

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

@@ Line 487: / Line 487: @@
              tabulator.on('dataFiltered', (filters, rows) => {
                  console.log(filters)
-                 if (!(filters[0] && filters[0].type)) { return; }
+                 const summary = document.getElementById('filter-summary');
+                const filter = filters[0];
+                // Exit if filter object/type doesn't exist (happens after Tabulator's own filter reset).
+                if (!(filter && filter.type)) { summary.textContent = 'None'; return; }
+                // Exit if none of the filters are present.
+                if (
+                    !filter.type.functions &&
+                    !filter.type.dataSources
+                ) { summary.textContent = 'None'; return; }
+                // Construct filter summary
+                const summaryHtml = '';
+                if (filter.type.functions) {
+                    summaryHtml += '<div><b>Functions:</b> ' + filter.type.functions.joint(', ');
+                }
+                summary.innerHTML = summaryHtml;
                  const markImages = () => {
-                     const selectedSources = filters[0].type.dataSources;
+                     const selectedSources = filter.type.dataSources;
-                     const selectedFunctions = filters[0].type.functions;
+                     const selectedFunctions = filter.type.functions;
                      // Mark data source images