Difference between revisions of "Widget:DCTList"
From LINKS Community Center
Line 277: | Line 277: | ||
cssClass: 'data-source-cell', | cssClass: 'data-source-cell', | ||
formatter: function (cell) { | formatter: function (cell) { | ||
− | const output = cell.getValue().reduce((prev, curr) => { | + | const val = cell.getValue(); |
− | + | let out = ''; | |
− | + | groupedSources.forEach((group, gIndex) => { | |
− | + | out += '<div>'; | |
− | }, ''); | + | out += group.reduce((prev, curr) => { |
− | return output; | + | const idx = val.findIndex(src => src === curr.name); |
+ | if (idx === -1) { | ||
+ | return prev + '<div class="data-source-img> </div>' | ||
+ | } else { | ||
+ | return curr.image | ||
+ | ? prev + '<img class="data-source-img" data-value="' + curr + '" src="' + curr.image + '">' | ||
+ | : prev + ' ' + curr; | ||
+ | } | ||
+ | }, ''); | ||
+ | out += '</div>'; | ||
+ | }); | ||
+ | return out; | ||
+ | |||
+ | |||
+ | // const output = cell.getValue().reduce((prev, curr) => { | ||
+ | // const src = dataSources.find(src => src.name === curr); | ||
+ | // const url = src ? src.image : ''; | ||
+ | // return url ? prev + '<img class="data-source-img" data-value="' + curr + '" src="' + url + '">' : prev + ' ' + curr; | ||
+ | // }, ''); | ||
+ | // return output; | ||
} | } | ||
} | } |
Revision as of 16:13, 13 June 2022
Development verstion of the DCT List.
Not ready for production!