This commit is contained in:
parent
5d6fa47606
commit
d20952d2fb
8 changed files with 73 additions and 48 deletions
|
|
@ -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"));
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
const allProjects = document.querySelectorAll(".projects-index li");
|
||||
const allProjects = document.querySelectorAll(".projects-index li.project");
|
||||
|
||||
function selectProject(slug) {
|
||||
if (!slug) {
|
||||
|
|
|
|||
|
|
@ -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) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue