finished initial page display

This commit is contained in:
J-Klinke 2024-07-01 13:59:37 +02:00
parent 3aa87d531b
commit c683a63e74
2 changed files with 20 additions and 6 deletions

View File

@ -16,7 +16,6 @@ function parseContent(content) {
} else { } else {
searchSection.querySelector("#nothing-found").classList.add("hidden"); searchSection.querySelector("#nothing-found").classList.add("hidden");
const datasets = content.map(dataset => new Dataset(dataset)); const datasets = content.map(dataset => new Dataset(dataset));
console.log(datasets); //TODO: remove
Array.from(searchSection.querySelectorAll(".datasets .dataset")).forEach(e => e.remove()); Array.from(searchSection.querySelectorAll(".datasets .dataset")).forEach(e => e.remove());
for (const dataset of datasets) { for (const dataset of datasets) {
searchSection.querySelector(".datasets").appendChild(dataset.createDatasetHTMLElement()); searchSection.querySelector(".datasets").appendChild(dataset.createDatasetHTMLElement());

View File

@ -1,5 +1,5 @@
import {fetchQuery} from "./contentUtility.js"; import {fetchQuery} from "./contentUtility.js";
import Dataset from "./dataset"; import Dataset from "./dataset.js";
const apiEndpoint = "/api/v1/datasets"; const apiEndpoint = "/api/v1/datasets";
const baseURL = location.origin; const baseURL = location.origin;
@ -183,15 +183,30 @@ function fetchCategories() {
}); });
} }
// fetches entries for the initial page
function fetchInitialEntries() { function fetchInitialEntries() {
let topVotedQueryURL = new URL(apiEndpoint + "/search" + baseURL); let recentsQueryURL = new URL(apiEndpoint + "/search", baseURL);
topVotedQueryURL.searchParams.append("sort", getSortQuery()[0]); recentsQueryURL.searchParams.append("sort", "date");
topVotedQueryURL.searchParams.append("direction", getSortQuery()[1]); recentsQueryURL.searchParams.append("direction", "desc");
recentsQueryURL.searchParams.append("size", "6");
fetch(recentsQueryURL)
.then(resp => resp.json())
.then((data) => {
const datasets = data.content.map(dataset => new Dataset(dataset));
for (const dataset of datasets) {
document.querySelector("#recents .datasets").appendChild(dataset.createDatasetHTMLElement());
}
});
let topVotedQueryURL = new URL(apiEndpoint + "/search", baseURL);
topVotedQueryURL.searchParams.append("sort", "upvotes");
topVotedQueryURL.searchParams.append("direction", "desc");
topVotedQueryURL.searchParams.append("size", "1"); topVotedQueryURL.searchParams.append("size", "1");
fetch(topVotedQueryURL) fetch(topVotedQueryURL)
.then(resp => resp.json()) .then(resp => resp.json())
.then((data) => { .then((data) => {
document.querySelector("#top .datasets").appendChild(new Dataset(data[0]).createDatasetHTMLElement()); document.querySelector("#top .datasets")
.appendChild(new Dataset(data.content[0]).createDatasetHTMLElement());
}); });
} }