Fix setting up widgets containing HTMX code and unify the flow for results and widgets

core/templates/widgets/drilldown.html

@@ -11,24 +11,18 @@
         </p>
         <div class="panel-block is-active">
           <div class="control">
-            <div id="results">
-              {% include 'window-content/drilldown.html' %}
-            </div>
+            {% include 'window-content/drilldown.html' %}
           </div>
         </div>
       </div>
     </div>
   </div>
 </div>
+
 <script>
-  //var contents = $("#drilldown-widget").outerHTML;
-  var contents = document.getElementById("drilldown-widget");
-  var grid = document.getElementById("grid-stack-main").gridstack;
-  grid.addWidget(contents.innerHTML);
-  contents.outerHTML = "";
-  grid.compact();
+  var widget_event = new Event('load-widget');
+  document.dispatchEvent(widget_event);
   // because we remove the element the JS runs in
   // so we need to run it again here
   initTabs("{{ unique }}");
-
 </script>