klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith3.git synced 2024-09-19 17:38:10 +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_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", () => {
Alpine.data("uv_search", () => ({
uvs: [],
@ -179,12 +158,11 @@
this.semester = url.has("semester") ?
url.get("semester").split("_AND_") : [];
await this.update()
this.pushstate = History.PUSH;
this.update()
},
async init() {
this.update = debouncePromise(async () => {
this.update = Alpine.debounce(async () => {
await Promise.all(this.to_change).then(async (data) => {
{# Create the whole url before changing everything all at once #}
let first = data.shift();
@ -195,6 +173,7 @@
update_query_string(first[0], first[1], this.pushstate, url);
await this.fetch_data(); {# reload data on form change #}
this.to_change = [];
this.pushstate = History.PUSH;
})
}, 50);