demostf/frontend
1
0
Fork 0
mirror of https://codeberg.org/demostf/frontend.git synced 2026-06-03 18:24:12 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

filter clear

Browse source
This commit is contained in:
Robin Appelman 2023-04-16 13:32:28 +02:00
commit 28782ff609
6 changed files with 77 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

20
script/demo_list.js
View file

@ -13,17 +13,29 @@ ready(() => {
render(() => <FilterBar maps={maps} api={api} onChange={onFilter.bind(null, api, demoListBody)}/>, filterBar);
});
let lastFilter = {
mode: "",
map: "",
players: []
};
const filterEq = (a, b) => {
return (a.mode || "") === (b.mode || "")
&& (a.map || "") === (b.map || "")
&& a.players.length === b.players.length && b.players.every(player => a.players.includes(player))
}
const onFilter = async (api, demoListBody, filter) => {
if (!(filter.mode || filter.map || filter.players.length)) {
if (filterEq(lastFilter, filter)) {
return;
}
lastFilter = filter;
let queryParams = new URLSearchParams({
players: filter.players.map(player => player.id).join(','),
mode: filter.mode.toLowerCase(),
map: filter.map,
mode: (filter.mode || "").toLowerCase(),
map: filter.map || "",
});
console.log(queryParams);
const response = await fetch("/fragments/demo-list?" + queryParams);
document.querySelector('.demolist tbody').innerHTML = await response.text();
}