in codelab-initial-state/public/js/view.js [47:68]
constructor(doc, callback) {
this.id = doc.id;
this.data = doc.data();
this.callback = callback;
const { name, price, description, imageUrl } = doc.data();
this.addButtonEl = new FlatButton(`ADD TO CART (\$${price})`, () => {
this.callback(this.id, this.data);
});
const textEl = el("div.item-text", [
el("p.title mdl-card__title-text", name),
el("p.text mdl-card__supporting-text", description)
]);
const imageEl = el("div.item-image", [el("img.img", { src: imageUrl })]);
const footerEl = el("div.item-footer", [this.addButtonEl]);
const contentEl = el("div.content", [textEl, imageEl, footerEl]);
this.el = el("div.card mdl-card mdl-shadow--2dp", contentEl);
}