diff options
Diffstat (limited to 'client/components/lists/listHeader.js')
-rw-r--r-- | client/components/lists/listHeader.js | 142 |
1 files changed, 87 insertions, 55 deletions
diff --git a/client/components/lists/listHeader.js b/client/components/lists/listHeader.js index 923d6063..e8a82499 100644 --- a/client/components/lists/listHeader.js +++ b/client/components/lists/listHeader.js @@ -6,12 +6,18 @@ Meteor.startup(() => { BlazeComponent.extendComponent({ canSeeAddCard() { const list = Template.currentData(); - return !list.getWipLimit('enabled') || list.getWipLimit('soft') || !this.reachedWipLimit(); - }, - - editTitle(evt) { - evt.preventDefault(); - const newTitle = this.childComponents('inlinedForm')[0].getValue().trim(); + return ( + !list.getWipLimit('enabled') || + list.getWipLimit('soft') || + !this.reachedWipLimit() + ); + }, + + editTitle(event) { + event.preventDefault(); + const newTitle = this.childComponents('inlinedForm')[0] + .getValue() + .trim(); const list = this.currentData(); if (newTitle) { list.rename(newTitle.trim()); @@ -32,14 +38,19 @@ BlazeComponent.extendComponent({ let swimlaneId = ''; const boardView = (Meteor.user().profile || {}).boardView; if (boardView === 'board-view-swimlanes') - swimlaneId = this.parentComponent().parentComponent().data()._id; + swimlaneId = this.parentComponent() + .parentComponent() + .data()._id; return list.cards(swimlaneId).count(); }, reachedWipLimit() { const list = Template.currentData(); - return list.getWipLimit('enabled') && list.getWipLimit('value') <= list.cards().count(); + return ( + list.getWipLimit('enabled') && + list.getWipLimit('value') <= list.cards().count() + ); }, showCardsCountForList(count) { @@ -48,20 +59,24 @@ BlazeComponent.extendComponent({ }, events() { - return [{ - 'click .js-open-list-menu': Popup.open('listAction'), - 'click .js-add-card' (evt) { - const listDom = $(evt.target).parents(`#js-list-${this.currentData()._id}`)[0]; - const listComponent = BlazeComponent.getComponentForElement(listDom); - listComponent.openForm({ - position: 'top', - }); + return [ + { + 'click .js-open-list-menu': Popup.open('listAction'), + 'click .js-add-card'(event) { + const listDom = $(event.target).parents( + `#js-list-${this.currentData()._id}`, + )[0]; + const listComponent = BlazeComponent.getComponentForElement(listDom); + listComponent.openForm({ + position: 'top', + }); + }, + 'click .js-unselect-list'() { + Session.set('currentList', null); + }, + submit: this.editTitle, }, - 'click .js-unselect-list'() { - Session.set('currentList', null); - }, - submit: this.editTitle, - }]; + ]; }, }).register('listHeader'); @@ -76,22 +91,22 @@ Template.listActionPopup.helpers({ }); Template.listActionPopup.events({ - 'click .js-list-subscribe' () {}, + 'click .js-list-subscribe'() {}, 'click .js-set-color-list': Popup.open('setListColor'), - 'click .js-select-cards' () { - const cardIds = this.allCards().map((card) => card._id); + 'click .js-select-cards'() { + const cardIds = this.allCards().map(card => card._id); MultiSelection.add(cardIds); Popup.close(); }, - 'click .js-toggle-watch-list' () { + 'click .js-toggle-watch-list'() { const currentList = this; const level = currentList.findWatcher(Meteor.userId()) ? null : 'watching'; Meteor.call('watch', 'list', currentList._id, level, (err, ret) => { if (!err && ret) Popup.close(); }); }, - 'click .js-close-list' (evt) { - evt.preventDefault(); + 'click .js-close-list'(event) { + event.preventDefault(); this.archive(); Popup.close(); }, @@ -102,10 +117,17 @@ Template.listActionPopup.events({ BlazeComponent.extendComponent({ applyWipLimit() { const list = Template.currentData(); - const limit = parseInt(Template.instance().$('.wip-limit-value').val(), 10); - - if(limit < list.cards().count() && !list.getWipLimit('soft')){ - Template.instance().$('.wip-limit-error').click(); + const limit = parseInt( + Template.instance() + .$('.wip-limit-value') + .val(), + 10, + ); + + if (limit < list.cards().count() && !list.getWipLimit('soft')) { + Template.instance() + .$('.wip-limit-error') + .click(); } else { Meteor.call('applyWipLimit', list._id, limit); Popup.back(); @@ -115,7 +137,10 @@ BlazeComponent.extendComponent({ enableSoftLimit() { const list = Template.currentData(); - if(list.getWipLimit('soft') && list.getWipLimit('value') < list.cards().count()){ + if ( + list.getWipLimit('soft') && + list.getWipLimit('value') < list.cards().count() + ) { list.setWipLimit(list.cards().count()); } Meteor.call('enableSoftLimit', Template.currentData()._id); @@ -124,7 +149,10 @@ BlazeComponent.extendComponent({ enableWipLimit() { const list = Template.currentData(); // Prevent user from using previously stored wipLimit.value if it is less than the current number of cards in the list - if(!list.getWipLimit('enabled') && list.getWipLimit('value') < list.cards().count()){ + if ( + !list.getWipLimit('enabled') && + list.getWipLimit('value') < list.cards().count() + ) { list.setWipLimit(list.cards().count()); } Meteor.call('enableWipLimit', list._id); @@ -138,24 +166,26 @@ BlazeComponent.extendComponent({ return Template.currentData().getWipLimit('enabled'); }, - wipLimitValue(){ + wipLimitValue() { return Template.currentData().getWipLimit('value'); }, events() { - return [{ - 'click .js-enable-wip-limit': this.enableWipLimit, - 'click .wip-limit-apply': this.applyWipLimit, - 'click .wip-limit-error': Popup.open('wipLimitError'), - 'click .materialCheckBox': this.enableSoftLimit, - }]; + return [ + { + 'click .js-enable-wip-limit': this.enableWipLimit, + 'click .wip-limit-apply': this.applyWipLimit, + 'click .wip-limit-error': Popup.open('wipLimitError'), + 'click .materialCheckBox': this.enableSoftLimit, + }, + ]; }, }).register('setWipLimitPopup'); Template.listMorePopup.events({ - 'click .js-delete': Popup.afterConfirm('listDelete', function () { + 'click .js-delete': Popup.afterConfirm('listDelete', function() { Popup.close(); - this.allCards().map((card) => Cards.remove(card._id)); + this.allCards().map(card => Cards.remove(card._id)); Lists.remove(this._id); Utils.goBoardId(this.boardId); }), @@ -168,7 +198,7 @@ BlazeComponent.extendComponent({ }, colors() { - return listsColors.map((color) => ({ color, name: '' })); + return listsColors.map(color => ({ color, name: '' })); }, isSelected(color) { @@ -176,18 +206,20 @@ BlazeComponent.extendComponent({ }, events() { - return [{ - 'click .js-palette-color'() { - this.currentColor.set(this.currentData().color); - }, - 'click .js-submit' () { - this.currentList.setColor(this.currentColor.get()); - Popup.close(); - }, - 'click .js-remove-color'() { - this.currentList.setColor(null); - Popup.close(); + return [ + { + 'click .js-palette-color'() { + this.currentColor.set(this.currentData().color); + }, + 'click .js-submit'() { + this.currentList.setColor(this.currentColor.get()); + Popup.close(); + }, + 'click .js-remove-color'() { + this.currentList.setColor(null); + Popup.close(); + }, }, - }]; + ]; }, }).register('setListColorPopup'); |