Implement paginated sortable table for results

This commit is contained in:
2022-08-09 07:20:30 +01:00
parent 62133a8cbb
commit 44f05ad63b
8 changed files with 405 additions and 134 deletions

View File

@@ -88,7 +88,7 @@
}
</script>
<div>
<form method="POST" hx-post="{% url 'home' %}"
<form method="POST" hx-post="{% url 'search' %}"
hx-trigger="change"
hx-target="#results"
hx-swap="innerHTML"
@@ -100,7 +100,7 @@
<div class="field has-addons">
<div class="control is-expanded has-icons-left">
<input
hx-post="{% url 'home' %}"
hx-post="{% url 'search' %}"
hx-trigger="keyup changed delay:200ms"
hx-target="#results"
hx-swap="innerHTML" id="query" name="query" value="{{ params.query }}" class="input" type="text" placeholder="msg: science AND nick: BillNye AND channel: #science">
@@ -113,7 +113,7 @@
<button
id="search"
class="button is-info is-fullwidth"
hx-post="{% url 'home' %}"
hx-post="{% url 'search' %}"
hx-trigger="click"
hx-target="#results"
hx-swap="innerHTML">
@@ -365,8 +365,11 @@
</div>
<div class="block">
<div id="results">
{% if results %}
<!-- {% if results %}
{% include 'ui/drilldown/results.html' %}
{% endif %} -->
{% if table %}
{% include 'ui/drilldown/table_results.html' %}
{% endif %}
</div>
</div>