neptune/core/templates/widgets/table_results.html

{% load static %}

<div id="drilldown-widget" style="display: block;">
  <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>
  // 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>