diff --git a/src/main.js b/src/main.js index 31e37754c51fd8a78fb995097f8c8643e5c1e679..c365ba37f1cc639419f38495e7378c9e2ec197af 100644 --- a/src/main.js +++ b/src/main.js @@ -9,7 +9,7 @@ import Router from './Router.js'; document.querySelector('.pageTitle').innerHTML = title.render(); */ -/*const pizzaList = new PizzaList([]); +const pizzaList = new PizzaList([]); Router.titleElement = document.querySelector('.pageTitle'); Router.contentElement = document.querySelector('.pageContent'); @@ -18,16 +18,16 @@ Router.routes = [{ path: '/', page: pizzaList, title: 'La carte' }]; //Router.navigates('/'); // affiche une page vide pizzaList.pizzas = data; Router.navigates('/'); -*/ -const pizzaList = new PizzaList(data); + +/*const pizzaList = new PizzaList(data); Router.titleElement = document.querySelector('.pageTitle'); Router.contentElement = document.querySelector('.pageContent'); Router.routes = [ {path: '/', page: pizzaList, title: 'La carte'} ]; Router.navigates('/'); - +*/ /*const pizza = data[1]; const pizzaThumbnail = new PizzaThumbnail(pizza); document.querySelector( '.pageContent' ).innerHTML = pizzaThumbnail.render(); diff --git a/src/pages/PizzaList.js b/src/pages/PizzaList.js index 70fe740eff42a21906ebbc76a16484e0f29442b9..ed88564c07aa50dc741ef3923e8416e513613a8d 100644 --- a/src/pages/PizzaList.js +++ b/src/pages/PizzaList.js @@ -2,14 +2,16 @@ import Component from "../components/Component.js"; import PizzaThumbnail from "../components/PizzaThumbnail.js"; export default class PizzaList extends Component{ - /*#pizzas; + #pizzas; set pizzas(value){ this.#pizzas = value; + this.children = this.#pizzas.map(element => new PizzaThumbnail(element)); } - */ + constructor(data){ super('section', {name: 'class', value: "pizzaList"}, data.map(element => new PizzaThumbnail(element))); + this.#pizzas = data; } } \ No newline at end of file