From 74df0e05a990c8f41e377c7fd3f00cdd22c9650c Mon Sep 17 00:00:00 2001 From: Maxime Wallart <maxime.wallart.etu@univ-lille.fr> Date: Mon, 8 Feb 2021 16:32:21 +0100 Subject: [PATCH] C2.2 --- package.json | 2 +- src/Router.js | 12 ++++++++++++ src/main.js | 19 +++++++++++++++++++ 3 files changed, 32 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index c41a110..abdfa61 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,7 @@ "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack --mode=production", - "watch": "webpack --mode=development --watch" + "watch": "webpack --mode=development --watch" }, "author": "Thomas Fritsch <thomas.fritsch@univ-lille.fr> (https://gitlab.univ-lille.fr/thomas.fritsch)", "homepage": "https://gitlab.univ-lille.fr/js", diff --git a/src/Router.js b/src/Router.js index 7aef071..03a6af2 100644 --- a/src/Router.js +++ b/src/Router.js @@ -10,4 +10,16 @@ export default class Router { this.contentElement.innerHTML = route.page.render(); } } + static #menuElement; + static set menuElement(element) { + this.#menuElement = element; + function redirect(event) { + event.currentTarget.navigate(menuElement.getAttribute('href')); + console.log(event.currentTarget.getAttribute('href')) + } + var liens = menuElement.getAttribute('a'); + for(var i=0;i<liens.length; i++) { + liens[i].addEventListener('click',redirect); + } + } } diff --git a/src/main.js b/src/main.js index 6148d2b..4ec3f2e 100644 --- a/src/main.js +++ b/src/main.js @@ -11,3 +11,22 @@ Router.routes = [{ path: '/', page: pizzaList, title: 'La carte' }]; Router.navigate('/'); // affiche une page vide pizzaList.pizzas = data; Router.navigate('/'); // affiche la liste des pizzas + +document.querySelector('.newsContainer').setAttribute('style',''); +function fermer(event) { + document.querySelector('.newsContainer').setAttribute('style','display:none'); +} +const close = document.querySelector('.closeButton'); +close.addEventListener('click', fermer); + +pizzaList = new PizzaList([]), + aboutPage = new Component('section', null, 'Ce site est génial'), + pizzaForm = new Component('section', null, 'Ici vous pourrez ajouter une pizza'); + +Router.routes = [ + { path: '/', page: pizzaList, title: 'La carte' }, + { path: '/a-propos', page: aboutPage, title: 'À propos' }, + { path: '/ajouter-pizza', page: pizzaForm, title: 'Ajouter une pizza' }, +]; + +Router.menuElement = document.querySelector('.mainMenu'); \ No newline at end of file -- GitLab