implement chartjs support, part 3

ckanext/charts/assets/js/charts-global.js

@@ -2,20 +2,23 @@ ckan.module("charts-global", function ($, _) {
     "use strict";
 
     return {
-        options: {
-            config: null
-        },
-
         initialize: function () {
             $.proxyAll(this, /_/);
 
             // this hack is to dispatch a change event when a select2 element is selected
             // so the HTMX could update the chart
-            this.el.find('select').on('change', function (e) {
-                htmx.trigger($(this).closest('.tab-content').get(0), "change")
-            });
+            // this.el.find('select').on('change', function (e) {
+            //     htmx.trigger($(this).closest('.tab-content').get(0), "change")
+            // });
 
-            new TomSelect(".tom-select", { plugins: ['remove_button'], });
+            // initialize CKAN modules for HTMX loaded pages
+            htmx.on("htmx:afterSettle", function (event) {
+                var elements = event.target.querySelectorAll("[data-module]");
+
+                for (let node of elements) {
+                    ckan.module.initializeElement(node);
+                }
+            });
         }
     };
 });

ckanext/charts/assets/js/charts-select.js

@@ -0,0 +1,12 @@
+ckan.module("charts-select", function ($, _) {
+    "use strict";
+
+    return {
+        initialize: function () {
+            $.proxyAll(this, /_/);
+
+            console.log('charts-select');
+            new TomSelect(this.el.find("select")[0], { plugins: ['remove_button'], });
+        }
+    };
+});