Erik/DataDash
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch '41-make-details-page-acceseble' into '22-integrate-api-and-frontend'

Browse Source 
Resolve "Make details page acceseble"

See merge request padas/24ss-5430-web-and-data-eng/gruppe-3/datadash!40
This commit is contained in:
Julian Klinke 2024-07-06 13:32:41 +02:00
commit 09b60c547b
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/main/resources/static/dataset.js
View File

@ -104,7 +104,15 @@ export default class Dataset {
return null; return null;
} }
clone.querySelector(".dataset").dataset.id = this.#id; let datasetContainer = clone.querySelector(".dataset");
datasetContainer.dataset.id = this.#id;
datasetContainer.addEventListener("click", event => {
if (!event.target.classList.contains("btn")) {
let detailsPage = new URL("/details.html", location.origin);
detailsPage.searchParams.append("id", this.#id);
window.location.href = detailsPage.toString();
}
})
clone.querySelector(".dataset-title").innerText = this.#title; clone.querySelector(".dataset-title").innerText = this.#title;
clone.querySelector(".dataset-description").innerText = this.#description; clone.querySelector(".dataset-description").innerText = this.#description;
clone.querySelector(".upvote-count").innerText = this.#upvotes; clone.querySelector(".upvote-count").innerText = this.#upvotes;

5
src/main/resources/static/main.css
View File

@ -109,6 +109,11 @@ header {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
cursor: pointer;
}
.dataset:hover {
filter: brightness(1.2);
} }
.upvote { .upvote {