Widget: DCTList: Difference between revisions

Revision as of 12:01, 9 June 2022

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

@@ Line 146: / Line 146: @@
          const dcts = data[1];
-         let web = dataSources.splice(dataSources.findIndex(src => src.name === 'Web'), 1)[0]
+         dataSources.unshift(dataSources.splice(dataSources.findIndex(src => src.name === 'Web'), 1)[0]);
-         let crowd = dataSources.splice(dataSources.findIndex(src => src.name === 'Crowd'), 1)[0]
+         dataSources.unshift(dataSources.splice(dataSources.findIndex(src => src.name === 'Crowd'), 1)[0]);
-        let filterHtml = '<div style="display:grid; grid-column: 1/-1; grid-template-columns:subgrid"><div>Crowd</div><div>Web</div></div>';
-        // dataSources.unshift();
-        // dataSources.unshift();
          // Set up filters.
-         filterHtml += dataSources.reduce((prev, curr, idx) => {
+         const filterHtml = dataSources.reduce((prev, curr, idx) => {
              const identifier = escapeAttr(curr.name);
-             return prev + '<div>' +
+             return prev + '<div ' + (curr.name === 'Web' ? ' style="grid-column: ' + (idx + 1) + '/-1">' : '>') +
                  '<input type="checkbox" id="filter-' + identifier + '" value="' + curr.name + '" checked>' +
                  '<label for="filter-' + identifier + '"><img src="' + curr.image + '"> ' + curr.name + '</label></div>'