diff --git a/package.json b/package.json index c41a110ca19262f50af831518d2d2dc6098b0615..abdfa619e9426f7c982feea585be7add72473e18 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 7aef0711884fbc5af076fc2d62abd4dc61ad0d00..03a6af29a7f39e804f764b7338de35ce6cc8368f 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 6148d2ba698b9b4314ca2f4afde288b429439f04..4ec3f2e6899a4a9e634257bfe6e6694512b9a640 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