Save before pull rebase
All checks were successful
Deploy / Deploy to Production (push) Successful in 2m1s
All checks were successful
Deploy / Deploy to Production (push) Successful in 2m1s
This commit is contained in:
parent
c8066906f2
commit
afb7c00960
5985 changed files with 522799 additions and 523 deletions
|
|
@ -1,15 +1,15 @@
|
|||
document.addEventListener("DOMContentLoaded", () => {
|
||||
const mobileMenuToggle = document.querySelector("button#mobile-menu-toggle");
|
||||
const mobileMenuContent = document.querySelector("#mobile-menu-content");
|
||||
const mobileMenuBackdrop = document.querySelector(
|
||||
"#mobile-menu-content > .backdrop",
|
||||
);
|
||||
const mobileMenu = document.querySelector("#mobile-menu");
|
||||
const mobileMenuBackdrop = document.querySelector("#mobile-menu > .backdrop");
|
||||
|
||||
mobileMenuToggle.addEventListener("click", () => {
|
||||
mobileMenuContent.classList.toggle("visible");
|
||||
const isVisible = mobileMenu.classList.toggle("visible");
|
||||
mobileMenuToggle.textContent = isVisible ? "Fermer" : "Menu";
|
||||
});
|
||||
|
||||
mobileMenuBackdrop.addEventListener("click", () => {
|
||||
mobileMenuContent.classList.remove("visible");
|
||||
mobileMenu.classList.remove("visible");
|
||||
mobileMenuToggle.textContent = "Menu";
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -2,56 +2,42 @@ const allProjects = document.querySelectorAll(".projects-index li.project");
|
|||
|
||||
function selectProject(slug) {
|
||||
if (!slug) {
|
||||
allProjects.forEach((p) => p.classList.remove("selected", "unselected"));
|
||||
allProjects.forEach((p) => p.classList.remove("selected"));
|
||||
return;
|
||||
}
|
||||
const target = [...allProjects].find((p) => p.dataset.slug === slug);
|
||||
if (!target) return;
|
||||
allProjects.forEach((p) => {
|
||||
p.classList.add("unselected");
|
||||
p.classList.remove("selected");
|
||||
});
|
||||
target.classList.add("selected");
|
||||
target.classList.remove("unselected");
|
||||
}
|
||||
|
||||
allProjects.forEach((project) => {
|
||||
project.querySelector("button").addEventListener("click", () => {
|
||||
allProjects.forEach((p) => {
|
||||
p.classList.add("unselected");
|
||||
p.classList.remove("selected");
|
||||
allProjects.forEach((currentProject) => {
|
||||
currentProject.querySelector("button").addEventListener("click", () => {
|
||||
allProjects.forEach((project) => {
|
||||
if (project !== currentProject) {
|
||||
project.classList.remove("selected");
|
||||
}
|
||||
});
|
||||
|
||||
project.classList.add("selected");
|
||||
project.classList.remove("unselected");
|
||||
currentProject.classList.toggle("selected");
|
||||
|
||||
Router.setParam("project", project.dataset.slug);
|
||||
Router.setParam("project", currentProject.dataset.slug);
|
||||
});
|
||||
});
|
||||
|
||||
// const toggleProjects = document.querySelectorAll(".project-toggler");
|
||||
|
||||
// toggleProjects.forEach((button) => {
|
||||
// button.addEventListener("click", (event) => {
|
||||
// const parentLi = button.closest("li");
|
||||
// if (parentLi.classList.contains("selected")) {
|
||||
// event.stopPropagation();
|
||||
// allProjects.forEach((p) => p.classList.remove("unselected"));
|
||||
// parentLi.classList.remove("selected");
|
||||
// Router.setParam("project", null);
|
||||
// }
|
||||
// });
|
||||
// });
|
||||
|
||||
const closeAllProjects = document.querySelectorAll(".all-projects-closer");
|
||||
const closeAllProjects = document.querySelectorAll(".closer");
|
||||
closeAllProjects.forEach((closeProject) => {
|
||||
closeProject.addEventListener("click", () => {
|
||||
window.location = "/index";
|
||||
allProjects.forEach((p) => {
|
||||
p.classList.remove("selected");
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
window.addEventListener("routechange", () =>
|
||||
selectProject(Router.getParam("project"))
|
||||
selectProject(Router.getParam("project")),
|
||||
);
|
||||
|
||||
selectProject(Router.getParam("project"));
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue