klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2024-11-22 14:13:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use native alpine debounce

Browse Source
This commit is contained in:
Antoine Bartuccio 2024-08-17 02:58:53 +02:00
parent cdb73ee49c
commit 8865529b39
1 changed files with 3 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -128,27 +128,6 @@
#} #}
const page_default = 1; const page_default = 1;
const page_size_default = 100; const page_size_default = 100;
function debouncePromise (fn, ms = 0) {
let timeoutId;
const pending = [];
return (...args) =>
new Promise((res, rej) => {
clearTimeout(timeoutId);
timeoutId = setTimeout(() => {
const currentPending = [...pending];
pending.length = 0;
Promise.resolve(fn.apply(this, args)).then(
data => {
currentPending.forEach(({ resolve }) => resolve(data));
},
error => {
currentPending.forEach(({ reject }) => reject(error));
}
);
}, ms);
pending.push({ resolve: res, reject: rej });
});
};
document.addEventListener("alpine:init", () => { document.addEventListener("alpine:init", () => {
Alpine.data("uv_search", () => ({ Alpine.data("uv_search", () => ({
uvs: [], uvs: [],
@ -179,12 +158,11 @@
this.semester = url.has("semester") ? this.semester = url.has("semester") ?
url.get("semester").split("_AND_") : []; url.get("semester").split("_AND_") : [];
await this.update() this.update()
this.pushstate = History.PUSH;
}, },
async init() { async init() {
this.update = debouncePromise(async () => { this.update = Alpine.debounce(async () => {
await Promise.all(this.to_change).then(async (data) => { await Promise.all(this.to_change).then(async (data) => {
{# Create the whole url before changing everything all at once #} {# Create the whole url before changing everything all at once #}
let first = data.shift(); let first = data.shift();
@ -195,6 +173,7 @@
update_query_string(first[0], first[1], this.pushstate, url); update_query_string(first[0], first[1], this.pushstate, url);
await this.fetch_data(); {# reload data on form change #} await this.fetch_data(); {# reload data on form change #}
this.to_change = []; this.to_change = [];
this.pushstate = History.PUSH;
}) })
}, 50); }, 50);