Implement widget spawning

core/templates/widgets/drilldown.html

@@ -0,0 +1,30 @@
+<div id="drilldown-widget">
+  <div id="drilldown-widget-{{ net }}" class="grid-stack-item" gs-w="5" gs-h="15" gs-y="10" gs-x="1">
+    <div class="grid-stack-item-content">
+      <div class="panel">
+        <p class="panel-heading" style="padding: .2em; line-height: .5em;">
+          <i class="fa-solid fa-arrows-up-down-left-right has-text-grey-light ui-move"></i>
+          <i
+          class="fa-solid fa-xmark has-text-grey-light ui-close"
+          onclick='grid.removeWidget("drilldown-widget-{{ net }}");'></i>
+          Drilldown
+        </p>
+        <div class="panel-block is-active">
+          <div class="control">
+            <div id="results">
+              {% include 'window-content/drilldown.html' %}
+            </div>
+          </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 = "";
+
+</script>