Begin implementing modern tables

core/templates/ui/drilldown/table_results.html

@@ -0,0 +1,32 @@
+{% load static %}
+{% load index %}
+{% include 'partials/notify.html' %}
+{% if table %}
+  <div style="display: none" id="jsonData" data-json="{{ data }}">
+  </div>
+
+  <div class="has-text-grey-light nowrap-parent">
+      <div class="nowrap-child block">
+        <i class="fa-solid fa-chart-mixed"></i>
+      </div>
+      <div class="nowrap-child">
+        <p>fetched {{ results|length }} of {{ card }} hits in {{ took }}ms</p>
+      </div>
+      {% if exemption is not None %}
+      <div class="nowrap-child">
+        <i class="fa-solid fa-book-bible"></i>
+      </div>
+      {% else %}
+        {% if redacted != 0 %}
+        <div class="nowrap-child">
+            <p>{{ redacted }} redacted</p>
+        </div>
+        {% endif %}
+      {% endif %}
+  </div>
+  <div class="box">
+    <div class="table-container">
+      {% include 'ui/drilldown/table_results_partial.html' %}
+    </div>
+  </div>
+{% endif %}

core/templates/ui/drilldown/table_results_partial.html

@@ -0,0 +1,71 @@
+{% extends 'django-tables2/bulma.html' %}
+
+{% load django_tables2 %}
+
+{% load i18n %}
+
+{% block table.thead %}
+  {% if table.show_header %}
+      <thead {{ table.attrs.thead.as_html }}>
+      <tr>
+          {% for column in table.columns %}
+              <th {{ column.attrs.th.as_html }}
+                  hx-post="{% querystring table.prefixed_order_by_field=column.order_by_alias.next %}"
+                  hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+                  hx-trigger="click"
+                  hx-target="div.table-container"
+                  hx-swap="outerHTML"
+                  hx-indicator=".progress"
+                  style="cursor: pointer;">
+                  {{ column.header }}
+              </th>
+          {% endfor %}
+      </tr>
+      </thead>
+  {% endif %}
+{% endblock table.thead %}
+
+{# Pagination block overrides #}
+{% block pagination.previous %}
+    <li class="previous page-item">
+        <div hx-post="{% querystring table.prefixed_page_field=table.page.previous_page_number %}"
+             hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+             hx-trigger="click"
+             hx-target="div.table-container"
+             hx-swap="outerHTML"
+             hx-indicator=".progress"
+             class="page-link">
+            <span aria-hidden="true">&laquo;</span>
+            {% trans 'previous' %}
+        </div>
+    </li>
+{% endblock pagination.previous %}
+{% block pagination.range %}
+    {% for p in table.page|table_page_range:table.paginator %}
+        <li class="page-item{% if table.page.number == p %} active{% endif %}">
+            <div class="page-link" 
+                 {% if p != '...' %}hx-post="{% querystring table.prefixed_page_field=p %}"{% endif %}
+                 hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+                 hx-trigger="click"
+                 hx-target="div.table-container"
+                 hx-swap="outerHTML"
+                 hx-indicator=".progress">
+                {{ p }}
+            </div>
+        </li>
+    {% endfor %}
+{% endblock pagination.range %}
+{% block pagination.next %}
+    <li class="next page-item">
+        <div hx-post="{% querystring table.prefixed_page_field=table.page.next_page_number %}"
+             hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+             hx-trigger="click"
+             hx-target="div.table-container"
+             hx-swap="outerHTML"
+             hx-indicator=".progress"
+             class="page-link">
+            {% trans 'next' %}
+            <span aria-hidden="true">&raquo;</span>
+        </div>
+    </li>
+{% endblock pagination.next %}