klmp200
/
Sith
mirror of https://github.com/ae-utbm/sith3.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

pedagogy: auto send form when typing

This commit is contained in:
Antoine Bartuccio 2019-07-08 00:50:47 +02:00
parent d85152e58c
commit b4b7817baa
Signed by: klmp200
GPG Key ID: E7245548C53F904B
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
pedagogy/templates/pedagogy/guide.jinja
View File

@ -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"))