constructor()

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);
  }