Fix Filter-menu
All checks were successful
Deploy / Deploy to Production (push) Successful in 3s

This commit is contained in:
Camilledenoray 2026-06-05 16:45:55 +02:00
parent 5d6fa47606
commit d20952d2fb
8 changed files with 73 additions and 48 deletions

View file

@ -1,5 +1,5 @@
const filterButtons = document.querySelectorAll(".filter-menu button");
const projectItems = document.querySelectorAll(".projects-index li");
const projectItems = document.querySelectorAll(".projects-index li.project");
function applyFilter(filter) {
filterButtons.forEach((b) => b.classList.remove("active"));
@ -11,6 +11,7 @@ function applyFilter(filter) {
if (btn) btn.classList.add("active");
projectItems.forEach((item) => {
item.classList.toggle("filtered-out", item.dataset.category !== filter);
item.classList.remove("selected", "unselected");
});
}
@ -23,6 +24,8 @@ filterButtons.forEach((btn) => {
});
});
window.addEventListener("routechange", () => applyFilter(Router.getParam("filter")));
window.addEventListener("routechange", () =>
applyFilter(Router.getParam("filter")),
);
applyFilter(Router.getParam("filter"));

View file

@ -1,4 +1,4 @@
const allProjects = document.querySelectorAll(".projects-index li");
const allProjects = document.querySelectorAll(".projects-index li.project");
function selectProject(slug) {
if (!slug) {

View file

@ -2,6 +2,7 @@ const Router = {
getParam(key) {
return new URLSearchParams(window.location.search).get(key);
},
setParam(key, value) {
const url = new URL(window.location);
if (value != null) {