Widget: DCTList: Difference between revisions

Revision as of 18:32, 13 June 2022

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

@@ Line 288: / Line 288: @@
                      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
+                        //     return url
-                                ? prev + '<img class="data-source-img" data-value="' + curr + '" src="' + url + '" alt="' + curr +'" title="' + curr + '">'
+                        //         ? prev + '<img class="data-source-img" data-value="' + curr + '" src="' + url + '" alt="' + curr +'" title="' + curr + '">'
-                                : prev + ' ' + curr;
+                        //         : prev + ' ' + curr;
-                         }, '');
+                         // }, '');
-                         return output;
+                         // return output;
                      }
                  }