From 25433104d97e9faa7e58b664befb87d1b1c9b8e5 Mon Sep 17 00:00:00 2001
From: Mark Veidemanis <m@zm.is>
Date: Wed, 3 Aug 2022 07:20:30 +0100
Subject: [PATCH] Update results live

---
 core/templates/ui/drilldown/drilldown.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/core/templates/ui/drilldown/drilldown.html b/core/templates/ui/drilldown/drilldown.html
index 99dc26b..1a807fe 100644
--- a/core/templates/ui/drilldown/drilldown.html
+++ b/core/templates/ui/drilldown/drilldown.html
@@ -3,14 +3,21 @@
 {% block content %}
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <div>
-    <form method="POST">
+    <form method="POST" hx-post="{% url 'search_drilldown' %}"
+    hx-trigger="change"
+    hx-target="#results"
+    hx-swap="innerHTML">
       {% csrf_token %}
 
       <div class="columns">
         <div class="column">
           <div class="field has-addons">
             <div class="control is-expanded has-icons-left">
-              <input name="query" class="input" type="text" placeholder="msg: science AND nick: BillNye AND channel: #science">
+              <input
+              hx-post="{% url 'search_drilldown' %}"
+              hx-trigger="keyup changed delay:200ms"
+              hx-target="#results"
+              hx-swap="innerHTML" name="query" class="input" type="text" placeholder="msg: science AND nick: BillNye AND channel: #science">
               <span class="icon is-small is-left">
                 <i class="fas fa-magnifying-glass"></i>
               </span>