Aquilenet/axione-elig-test
7
0
Fork 0
Code Issues 3 Pull requests 1 Releases Wiki Activity

Ajout du frontend et branchement sur l'API axione #9

Merged
felix.baylac merged 21 commits from johan/frontend into master 2022-02-13 19:39:12 +01:00
Conversation 0 Commits 21 Files changed 16 +24 -8
1 changed files with 24 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit c9a0a898aa - Show all commits

32
templates/landing_form.html
View file

@ -167,7 +167,7 @@
} }
// Function to update list of voies (calls backend API) // Function to update list of voies (calls backend API)
function updateVoies(codeInsee, search = '') { function updateVoies(search = '') {
var api = "addresses/fantoirvoies/" + codeInsee + '?limit=15'; var api = "addresses/fantoirvoies/" + codeInsee + '?limit=15';
if (search != '') { if (search != '') {
api += "&s=" + search; api += "&s=" + search;
@ -201,6 +201,21 @@
console.error("Error fetching communes:", err) console.error("Error fetching communes:", err)
}) })
} }
function fetchWithBackoff (fetchFn, timeout, input) {
if(timeout !== null) {
clearTimeout(timeout);
}
if (input.length < 3) {
return null;
}
timeout = setTimeout(() => {
const cleanInput = sanitizeInputStr(input);
fetchFn(cleanInput);
}, 100);
return timeout;
}
$('#methodAddress').on('show.bs.collapse', function () { $('#methodAddress').on('show.bs.collapse', function () {
$('#communeInput').trigger('input') $('#communeInput').trigger('input')
$('#communeInput').trigger('keyup') $('#communeInput').trigger('keyup')
@ -216,10 +231,10 @@
$('#numeroVoieInput').focus(); $('#numeroVoieInput').focus();
}); });
$('#communeInput').on('keyup', function () { let timeoutCommune = null;
$('#communeInput').on('input', function () {
controllerCommunes.abort(); controllerCommunes.abort();
inputStr = sanitizeInputStr($(this).val()); timeoutCommune = fetchWithBackoff(updateCommunes, timeoutCommune, $(this).val());
updateCommunes(inputStr);
}); });
$('#communeInput').on('input', function () { $('#communeInput').on('input', function () {
@ -227,10 +242,11 @@
$('#voieForm').collapse('hide'); $('#voieForm').collapse('hide');
} }
}); });
$('#voieInput').on('keyup', function () {
let timeoutVoie = null;
$('#voieInput').on('input', function () {
controllerVoies.abort(); controllerVoies.abort();
inputStr = sanitizeInputStr($(this).val()); timeoutVoie = fetchWithBackoff(updateVoies, timeoutVoie, $(this).val());
updateVoies(codeInsee, inputStr);
}); });
$('#voieInput').on('input', function () { $('#voieInput').on('input', function () {
if ($(this).val() === '') { if ($(this).val() === '') {
@ -246,4 +262,4 @@
</script> </script>
</body> </body>
</html> </html>