Widget: DCTList: Difference between revisions

Revision as of 15:22, 13 June 2022

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

@@ Line 278: / Line 278: @@
                      cssClass: 'data-source-cell',
                      formatter: function (cell) {
-                         const val = cell.getValue();
+                         // const val = cell.getValue();
-                         let out = '';
+                         // let out = '';
-                         groupedSources.forEach((group, gIndex) => {
+                         // groupedSources.forEach((group, gIndex) => {
-                            out += '<div>';
+                        //     out += '<div>';
-                            out += group.reduce((prev, curr) => {
+                        //     out += group.reduce((prev, curr) => {
-                                const idx = val.findIndex(src => src === curr.name);
+                        //         const idx = val.findIndex(src => src === curr.name);
-                                if (idx === -1) {
+                        //         if (idx === -1) {
-                                    return prev + '<div class="source-img-placeholder"> </div>'
+                        //             return prev + '<div class="source-img-placeholder"> </div>'
-                                } else {
+                        //         } else {
-                                    return curr.image
+                        //             return curr.image
-                                        ? prev + '<img class="data-source-img" data-value="' + curr.name + '" src="' + curr.image + '">'
+                        //                 ? prev + '<img class="data-source-img" data-value="' + curr.name + '" src="' + curr.image + '">'
-                                        : prev + ' ' + curr;
+                        //                 : prev + ' ' + curr;
-                                }
+                        //         }
-                            }, '');
+                        //     }, '');
-                            out += '</div>';
+                        //     out += '</div>';
-                         });
+                         // });
-                         return out;
+                         // return out;
-                         // const output = cell.getValue().reduce((prev, curr) => {
+                         const output = cell.getValue().reduce((prev, curr) => {
-                        //     const src = dataSources.find(src => src.name === curr);
+                            const src = dataSources.find(src => src.name === curr);
-                        //     const url = src ? src.image : '';
+                            const url = src ? src.image : '';
-                        //     return url ? prev + '<img class="data-source-img" data-value="' + curr + '" src="' + url + '">' : prev + ' ' + curr;
+                            return url ? prev + '<img class="data-source-img" data-value="' + curr + '" src="' + url + '">' : prev + ' ' + curr;
-                         // }, '');
+                         }, '');
-                         // return output;
+                         return output;
                      }
                  }