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

load more

Browse source
This commit is contained in:
Robin Appelman 2023-04-19 22:08:25 +02:00
commit 69dbfe3f5e
7 changed files with 54 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

37
script/demo_list.js
View file

@ -1,6 +1,6 @@
import {render} from "solid-js/web";
import {ready} from "./ready";
import {FilterBar} from "./filterbar"
import {FilterBar, queryForFilter} from "./filterbar"
import {Api, SteamId} from "./api";
let lastFilter = {
@ -12,6 +12,7 @@ let lastFilter = {
ready(async () => {
const filterBar = document.getElementById('filter-bar');
const moreButton = document.getElementById('load-more');
const maps = filterBar.dataset.maps.split(",");
const apiBase = filterBar.dataset.apiBase;
const api = new Api(apiBase);
@ -36,10 +37,16 @@ ready(async () => {
players,
};
moreButton.addEventListener('click', () => {
more(api, demoListBody, lastFilter);
});
if (window.location.href.includes("uploads/")) {
[, lastFilter.uploader] = window.location.href.split("uploads/");
}
render(() => <FilterBar maps={maps} api={api} initialFilter={lastFilter}
onChange={onFilter.bind(null, api, demoListBody)}/>, filterBar);
});
@ -56,15 +63,23 @@ const onFilter = async (api, demoListBody, filter) => {
return;
}
lastFilter = filter;
let queryParams = new URLSearchParams({
players: filter.players.map(player => player.steamid).join(','),
mode: (filter.mode || "").toLowerCase(),
map: filter.map || "",
});
if (filter.uploader) {
queryParams.set("uploader", filter.uploader);
}
const response = await fetch("/fragments/demo-list?" + queryParams);
const response = await fetch("/fragments/demo-list?" + queryForFilter(filter));
document.querySelector('.demolist tbody').innerHTML = await response.text();
}
const more = async (api, demoListBody, filter) => {
const rows = demoListBody.querySelectorAll('tr');
const lastId = rows[rows.length-1].dataset.id;
const query = queryForFilter(filter);
query.set("before", lastId)
const response = await fetch("/fragments/demo-list?" + query);
const appendBody = document.createElement('tbody');
appendBody.innerHTML = await response.text();
const fragment = document.createDocumentFragment();
while (appendBody.children.length > 0) {
fragment.appendChild(appendBody.children[0]);
}
demoListBody.appendChild(fragment);
}