neptune/core/templates/widgets/table_results.html

{% load static %}
<script>
  grid.removeWidget("drilldown-widget-results");
</script>
<div id="drilldown-widget" style="display: none;">
  <div id="drilldown-widget-results" class="grid-stack-item" gs-w="10" gs-h="30" 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-results"); //grid.compact();'></i>
          Results
        </p>
        <div class="panel-block is-active">
          <div class="control">
            <script src="{% static 'js/column-shifter.js' %}"></script>
            <span class="icon has-tooltip-bottom" data-tooltip="{{ card }} hits total">
              <i class="fa-solid fa-chart-mixed"></i>
            </span>
          
            {{ table.data|length }} hits in {{ took }}ms
            {% if exemption is not None %}
              <span class="icon has-tooltip-bottom" data-tooltip="God mode">
                <i class="fa-solid fa-book-bible"></i>
              </span>
            {% else %}
              {% if redacted is not None %}
                <span class="icon has-tooltip-bottom" data-tooltip="{{ redacted }} redacted">
                  <i class="fa-solid fa-mask"></i>
                </span>
              {% endif %}
            {% endif %}
            {% if delay is not None %}
              <span class="icon has-tooltip-bottom" data-tooltip="delayed by {{ delay }} days">
                <i class="fa-solid fa-clock"></i>
              </span>
            {% endif %}
            {% if randomised is True %}
              <span class="icon has-tooltip-bottom" data-tooltip="integer fields randomised">
                <i class="fa-solid fa-shuffle"></i>
              </span>
            {% endif %}
          
            {% include 'ui/drilldown/table_results_partial.html' %}
            {% include 'ui/drilldown/sentiment_partial.html' %}
            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
  console.log("RUNS");
  //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>