Make widgets play nice with HTMX

This commit is contained in:
2022-08-26 07:20:30 +01:00
parent c597af5523
commit 2189381fa6
3 changed files with 43 additions and 39 deletions

View File

@@ -52,17 +52,16 @@
</div>
<script>
if (typeof grid != "undefined") {
grid.removeWidget("drilldown-widget-results");
//var contents = $("#drilldown-widget").outerHTML;
var contents = document.getElementById("drilldown-widget");
var scripts = contents.getElementsByTagName("script");
var grid = document.getElementById("grid-stack-main").gridstack;
grid.addWidget(contents.innerHTML);
contents.outerHTML = "";
// restore scripts that aren't going to be run
for (var i = 0; i < scripts.length; i++) {
eval(scripts[i].innerHTML);
}
}
</script>
// let container = htmx.find('#drilldown-widget');
// var scripts = container.getElementsByTagName("script");
// let widgetelement = container.firstElementChild.cloneNode(true);
// container.firstElementChild.remove();
// //let grid = document.querySelector('.grid-stack').gridstack;
// grid.addWidget(widgetelement);
// htmx.process(widgetelement);
// for (var i = 0; i < scripts.length; i++) {
// eval(scripts[i].innerHTML);
// }
var widget_event = new Event('load-widget');
document.dispatchEvent(widget_event);
</script>