34 lines
1.2 KiB
HTML
34 lines
1.2 KiB
HTML
<div id="drilldown-widget">
|
|
<div id="drilldown-widget-{{ unique }}" class="grid-stack-item" gs-w="5" gs-h="15">
|
|
<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-{{ unique }}"); grid.compact();'></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 = "";
|
|
grid.compact();
|
|
// because we remove the element the JS runs in
|
|
// so we need to run it again here
|
|
initTabs("{{ unique }}");
|
|
|
|
</script> |