Widget: DCTList: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Eschmidt (talk | contribs)
No edit summary
Eschmidt (talk | contribs)
No edit summary
Line 45: Line 45:
             gap: 1em 1em;
             gap: 1em 1em;
         }
         }
        .filter-group-start { grid-column-start: 1; margin-bottom: 1em; }
         #data-source-filter img { width: 2em; height: 2em; margin: 0 .5em; }
         #data-source-filter img { width: 2em; height: 2em; margin: 0 .5em; }
         #dct-tabulator.tabulator { border: 0 none; background-color: transparent; font-size: 1.2em; }
         #dct-tabulator.tabulator { border: 0 none; background-color: transparent; font-size: 1.2em; }
Line 247: Line 248:
             html2 += group.reduce((prev, curr, idx) => {
             html2 += group.reduce((prev, curr, idx) => {
                 const identifier = escapeAttr(curr.name);
                 const identifier = escapeAttr(curr.name);
                 return prev + '<div ' + (idx === 0 ? ' style="grid-column-start: 1; margin-bottom: .5em;">' : '>') +
                 return prev + '<div ' + (idx === 0 ? ' class="filter-group-start">' : '>') +
                 '<input type="checkbox" id="filter-' + identifier + '" value="' + curr.name + '" checked>' +
                 '<input type="checkbox" id="filter-' + identifier + '" value="' + curr.name + '" checked>' +
                 '<label for="filter-' + identifier + '"><img src="' + curr.image + '"> ' + curr.name + '</label></div>'
                 '<label for="filter-' + identifier + '"><img src="' + curr.image + '"> ' + curr.name + '</label></div>'

Revision as of 14:48, 13 June 2022

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