BlazeComponent.extendComponent({ template() { return 'listHeader'; }, editTitle(evt) { evt.preventDefault(); const newTitle = this.childComponents('inlinedForm')[0].getValue().trim(); const list = this.currentData(); if (newTitle) { list.rename(newTitle.trim()); } }, events() { return [{ 'click .js-open-list-menu': Popup.open('listAction'), submit: this.editTitle, }]; }, }).register('listHeader'); Template.listActionPopup.events({ 'click .js-add-card'() { const listDom = document.getElementById(`js-list-${this._id}`); const listComponent = BlazeComponent.getComponentForElement(listDom); listComponent.openForm({ position: 'top' }); Popup.close(); }, 'click .js-list-subscribe'() {}, 'click .js-select-cards'() { const cardIds = this.allCards().map((card) => card._id); MultiSelection.add(cardIds); Popup.close(); }, 'click .js-import-card': Popup.open('listImportCard'), 'click .js-close-list'(evt) { evt.preventDefault(); this.archive(); Popup.close(); }, });