From b4b7817baa79442dbc6d1595a07a83097cfba997 Mon Sep 17 00:00:00 2001
From: Bartuccio Antoine <klmp200@klmp200.net>
Date: Mon, 8 Jul 2019 00:50:47 +0200
Subject: [PATCH] pedagogy: auto send form when typing

---
 pedagogy/templates/pedagogy/guide.jinja | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/pedagogy/templates/pedagogy/guide.jinja b/pedagogy/templates/pedagogy/guide.jinja
index 71dadec5..28a90175 100644
--- a/pedagogy/templates/pedagogy/guide.jinja
+++ b/pedagogy/templates/pedagogy/guide.jinja
@@ -16,7 +16,7 @@
 	</p>
 	{% endif %}
 	<p>
-		<input class="input-search" type="text" name="search">
+		<input id="search_input" class="input-search" type="text" name="search">
 		<button class="button-search">{% trans %}Search{% endtrans %}</button>
 	</p>
 	<div class="radio-guide">
@@ -118,6 +118,20 @@
 		return html + "</td>";
 	}
 
+	var lastTypedLetter;
+	$("#search_input").on("keyup", function(){
+		// Auto submit when user pauses it's typing
+		clearTimeout(lastTypedLetter);
+		lastTypedLetter = setTimeout(function (){
+			$("#search_form").submit();
+		}, 300);
+	});
+	$("#search_input").on("change", function(e){
+		// Don't send request when leaving the text area
+		// It has already been send by the keypress event
+		e.preventDefault();
+	});
+
 	// Auto fill from get arguments
 	var urlParams = new URLSearchParams(window.location.search);
 	if (urlParams.has("search"))