diff options
Diffstat (limited to 'client/components/sidebar')
-rw-r--r-- | client/components/sidebar/sidebar.jade | 87 | ||||
-rw-r--r-- | client/components/sidebar/sidebar.js | 201 |
2 files changed, 261 insertions, 27 deletions
diff --git a/client/components/sidebar/sidebar.jade b/client/components/sidebar/sidebar.jade index fc5ff3a6..fe0810a5 100644 --- a/client/components/sidebar/sidebar.jade +++ b/client/components/sidebar/sidebar.jade @@ -72,24 +72,87 @@ template(name="boardChangeColorPopup") if isSelected i.fa.fa-check -template(name="boardDateSettingsPopup") - form.board-Date-settings +template(name="boardCardSettingsPopup") + form.board-card-settings + h3 {{_ 'show-on-card'}} div.check-div a.flex.js-field-has-receiveddate(class="{{#if allowsReceivedDate}}is-checked{{/if}}") .materialCheckBox(class="{{#if allowsReceivedDate}}is-checked{{/if}}") - span {{_ 'show-receiveddate-field'}} + span + i.fa.fa-sign-out + | {{_ 'card-received'}} div.check-div a.flex.js-field-has-startdate(class="{{#if allowsStartDate}}is-checked{{/if}}") .materialCheckBox(class="{{#if allowsStartDate}}is-checked{{/if}}") - span {{_ 'show-startdate-field'}} + span + i.fa.fa-hourglass-start + | {{_ 'card-start'}} + div.check-div + a.flex.js-field-has-duedate(class="{{#if allowsDueDate}}is-checked{{/if}}") + .materialCheckBox(class="{{#if allowsDueDate}}is-checked{{/if}}") + span + i.fa.fa-sign-in + | {{_ 'card-due'}} div.check-div a.flex.js-field-has-enddate(class="{{#if allowsEndDate}}is-checked{{/if}}") .materialCheckBox(class="{{#if allowsEndDate}}is-checked{{/if}}") - span {{_ 'show-enddate-field'}} + span + i.fa.fa-hourglass-end + | {{_ 'card-end'}} div.check-div - a.flex.js-field-has-duedate(class="{{#if allowsDueDate}}is-checked{{/if}}") - .materialCheckBox(class="{{#if allowsDueDate}}is-checked{{/if}}") - span {{_ 'show-duedate-field'}} + a.flex.js-field-has-members(class="{{#if allowsMembers}}is-checked{{/if}}") + .materialCheckBox(class="{{#if allowsMembers}}is-checked{{/if}}") + span + i.fa.fa-users + | {{_ 'members'}} + div.check-div + a.flex.js-field-has-assignee(class="{{#if allowsAssignee}}is-checked{{/if}}") + .materialCheckBox(class="{{#if allowsAssignee}}is-checked{{/if}}") + span + i.fa.fa-user + | {{_ 'assignee'}} + div.check-div + a.flex.js-field-has-assigned-by(class="{{#if allowsAssignedBy}}is-checked{{/if}}") + .materialCheckBox(class="{{#if allowsAssignedBy}}is-checked{{/if}}") + span + i.fa.fa-shopping-cart + | {{_ 'assigned-by'}} + div.check-div + a.flex.js-field-has-requested-by(class="{{#if allowsRequestedBy}}is-checked{{/if}}") + .materialCheckBox(class="{{#if allowsRequestedBy}}is-checked{{/if}}") + span + i.fa.fa-user-plus + | {{_ 'requested-by'}} + div.check-div + a.flex.js-field-has-labels(class="{{#if allowsLabels}}is-checked{{/if}}") + .materialCheckBox(class="{{#if allowsLabels}}is-checked{{/if}}") + span + i.fa.fa-tags + | {{_ 'labels'}} + div.check-div + a.flex.js-field-has-checklists(class="{{#if allowsChecklists}}is-checked{{/if}}") + .materialCheckBox(class="{{#if allowsChecklists}}is-checked{{/if}}") + span + i.fa.fa-check + | {{_ 'checklists'}} + div.check-div + a.flex.js-field-has-subtasks(class="{{#if allowsSubtasks}}is-checked{{/if}}") + .materialCheckBox(class="{{#if allowsSubtasks}}is-checked{{/if}}") + span + i.fa.fa-sitemap + | {{_ 'subtasks'}} + div.check-div + a.flex.js-field-has-attachments(class="{{#if allowsAttachments}}is-checked{{/if}}") + .materialCheckBox(class="{{#if allowsAttachments}}is-checked{{/if}}") + span + i.fa.fa-paperclip + | {{_ 'attachments'}} + div.check-div + a.flex.js-field-has-comments(class="{{#if allowsComments}}is-checked{{/if}}") + .materialCheckBox(class="{{#if allowsComments}}is-checked{{/if}}") + span + i.fa.fa-comment-o + | {{_ 'comment'}} template(name="boardSubtaskSettingsPopup") form.board-subtask-settings @@ -217,13 +280,13 @@ template(name="boardMenuPopup") i.fa.fa-globe | {{_ 'outgoing-webhooks'}} li + a.js-card-settings + i.fa.fa-id-card-o + | {{_ 'card-settings'}} + li a.js-subtask-settings i.fa.fa-sitemap | {{_ 'subtask-settings'}} - li - a.js-Date-settings - i.fa.fa-calendar - | {{_ 'Date-settings'}} unless currentBoard.isTemplatesBoard hr ul.pop-over-list diff --git a/client/components/sidebar/sidebar.js b/client/components/sidebar/sidebar.js index d909a8ae..678c16d2 100644 --- a/client/components/sidebar/sidebar.js +++ b/client/components/sidebar/sidebar.js @@ -208,7 +208,7 @@ Template.boardMenuPopup.events({ 'click .js-outgoing-webhooks': Popup.open('outgoingWebhooks'), 'click .js-import-board': Popup.open('chooseBoardSource'), 'click .js-subtask-settings': Popup.open('boardSubtaskSettings'), - 'click .js-Date-settings': Popup.open('boardDateSettings') + 'click .js-card-settings': Popup.open('boardCardSettings'), }); Template.boardMenuPopup.helpers({ @@ -473,6 +473,10 @@ BlazeComponent.extendComponent({ return this.currentBoard.allowsSubtasks; }, + allowsReceivedDate() { + return this.currentBoard.allowsReceivedDate; + }, + isBoardSelected() { return this.currentBoard.subtasksDefaultBoardId === this.currentData()._id; }, @@ -587,28 +591,64 @@ BlazeComponent.extendComponent({ }).register('boardSubtaskSettingsPopup'); BlazeComponent.extendComponent({ - onCreated(){ + onCreated() { this.currentBoard = Boards.findOne(Session.get('currentBoard')); }, - allowsReceivedDate(){ + allowsReceivedDate() { return this.currentBoard.allowsReceivedDate; }, - allowsStartDate(){ + allowsStartDate() { return this.currentBoard.allowsStartDate; }, - allowsEndDate(){ + allowsDueDate() { + return this.currentBoard.allowsDueDate; + }, + + allowsEndDate() { return this.currentBoard.allowsEndDate; }, - allowsDueDate(){ - return this.currentBoard.allowsDueDate; + allowsSubtasks() { + return this.currentBoard.allowsSubtasks; + }, + + allowsMembers() { + return this.currentBoard.allowsMembers; + }, + + allowsAssignee() { + return this.currentBoard.allowsAssignee; + }, + + allowsAssignedBy() { + return this.currentBoard.allowsAssignedBy; + }, + + allowsRequestedBy() { + return this.currentBoard.allowsRequestedBy; + }, + + allowsLabels() { + return this.currentBoard.allowsLabels; + }, + + allowsChecklists() { + return this.currentBoard.allowsChecklists; + }, + + allowsAttachments() { + return this.currentBoard.allowsAttachments; }, - isBoardSelected(){ - return this.currentBoard.dateSettingsDefaultBoardID + allowsComments() { + return this.currentBoard.allowsComments; + }, + + isBoardSelected() { + return this.currentBoard.dateSettingsDefaultBoardID; }, isNullBoardSelected() { @@ -647,7 +687,9 @@ BlazeComponent.extendComponent({ }, isListSelected() { - return this.currentBoard.dateSettingsDefaultBoardId === this.currentData()._id; + return ( + this.currentBoard.dateSettingsDefaultBoardId === this.currentData()._id + ); }, events() { @@ -655,8 +697,11 @@ BlazeComponent.extendComponent({ { 'click .js-field-has-receiveddate'(evt) { evt.preventDefault(); - this.currentBoard.allowsReceivedDate = !this.currentBoard.allowsReceivedDate; - this.currentBoard.setAllowsReceivedDate(this.currentBoard.allowsReceivedDate); + this.currentBoard.allowsReceivedDate = !this.currentBoard + .allowsReceivedDate; + this.currentBoard.setAllowsReceivedDate( + this.currentBoard.allowsReceivedDate, + ); $(`.js-field-has-receiveddate ${MCB}`).toggleClass( CKCLS, this.currentBoard.allowsReceivedDate, @@ -668,8 +713,11 @@ BlazeComponent.extendComponent({ }, 'click .js-field-has-startdate'(evt) { evt.preventDefault(); - this.currentBoard.allowsStartDate = !this.currentBoard.allowsStartDate; - this.currentBoard.setAllowsStartDate(this.currentBoard.allowsStartDate); + this.currentBoard.allowsStartDate = !this.currentBoard + .allowsStartDate; + this.currentBoard.setAllowsStartDate( + this.currentBoard.allowsStartDate, + ); $(`.js-field-has-startdate ${MCB}`).toggleClass( CKCLS, this.currentBoard.allowsStartDate, @@ -705,10 +753,133 @@ BlazeComponent.extendComponent({ this.currentBoard.allowsDueDate, ); }, + 'click .js-field-has-subtasks'(evt) { + evt.preventDefault(); + this.currentBoard.allowsSubtasks = !this.currentBoard.allowsSubtasks; + this.currentBoard.setAllowsSubtasks(this.currentBoard.allowsSubtasks); + $(`.js-field-has-subtasks ${MCB}`).toggleClass( + CKCLS, + this.currentBoard.allowsSubtasks, + ); + $('.js-field-has-subtasks').toggleClass( + CKCLS, + this.currentBoard.allowsSubtasks, + ); + }, + 'click .js-field-has-members'(evt) { + evt.preventDefault(); + this.currentBoard.allowsMembers = !this.currentBoard.allowsMembers; + this.currentBoard.setAllowsMembers(this.currentBoard.allowsMembers); + $(`.js-field-has-members ${MCB}`).toggleClass( + CKCLS, + this.currentBoard.allowsMembers, + ); + $('.js-field-has-members').toggleClass( + CKCLS, + this.currentBoard.allowsMembers, + ); + }, + 'click .js-field-has-assignee'(evt) { + evt.preventDefault(); + this.currentBoard.allowsAssignee = !this.currentBoard.allowsAssignee; + this.currentBoard.setAllowsAssignee(this.currentBoard.allowsAssignee); + $(`.js-field-has-assignee ${MCB}`).toggleClass( + CKCLS, + this.currentBoard.allowsAssignee, + ); + $('.js-field-has-assignee').toggleClass( + CKCLS, + this.currentBoard.allowsAssignee, + ); + }, + 'click .js-field-has-assigned-by'(evt) { + evt.preventDefault(); + this.currentBoard.allowsAssignedBy = !this.currentBoard.allowsAssignedBy; + this.currentBoard.setAllowsAssignedBy(this.currentBoard.allowsAssignedBy); + $(`.js-field-has-assigned-by ${MCB}`).toggleClass( + CKCLS, + this.currentBoard.allowsAssignedBy, + ); + $('.js-field-has-assigned-by').toggleClass( + CKCLS, + this.currentBoard.allowsAssignedBy, + ); + }, + 'click .js-field-has-requested-by'(evt) { + evt.preventDefault(); + this.currentBoard.allowsRequestedBy = !this.currentBoard.allowsRequestedBy; + this.currentBoard.setAllowsRequestedBy(this.currentBoard.allowsRequestedBy); + $(`.js-field-has-requested-by ${MCB}`).toggleClass( + CKCLS, + this.currentBoard.allowsRequestedBy, + ); + $('.js-field-has-requested-by').toggleClass( + CKCLS, + this.currentBoard.allowsRequestedBy, + ); + }, + 'click .js-field-has-labels'(evt) { + evt.preventDefault(); + this.currentBoard.allowsLabels = !this.currentBoard.allowsLabels; + this.currentBoard.setAllowsLabels(this.currentBoard.allowsLabels); + $(`.js-field-has-labels ${MCB}`).toggleClass( + CKCLS, + this.currentBoard.allowsAssignee, + ); + $('.js-field-has-labels').toggleClass( + CKCLS, + this.currentBoard.allowsLabels, + ); + }, + 'click .js-field-has-checklists'(evt) { + evt.preventDefault(); + this.currentBoard.allowsChecklists = !this.currentBoard + .allowsChecklists; + this.currentBoard.setAllowsChecklists( + this.currentBoard.allowsChecklists, + ); + $(`.js-field-has-checklists ${MCB}`).toggleClass( + CKCLS, + this.currentBoard.allowsChecklists, + ); + $('.js-field-has-checklists').toggleClass( + CKCLS, + this.currentBoard.allowsChecklists, + ); + }, + 'click .js-field-has-attachments'(evt) { + evt.preventDefault(); + this.currentBoard.allowsAttachments = !this.currentBoard + .allowsAttachments; + this.currentBoard.setAllowsAttachments( + this.currentBoard.allowsAttachments, + ); + $(`.js-field-has-attachments ${MCB}`).toggleClass( + CKCLS, + this.currentBoard.allowsAttachments, + ); + $('.js-field-has-attachments').toggleClass( + CKCLS, + this.currentBoard.allowsAttachments, + ); + }, + 'click .js-field-has-comments'(evt) { + evt.preventDefault(); + this.currentBoard.allowsComments = !this.currentBoard.allowsComments; + this.currentBoard.setAllowsComments(this.currentBoard.allowsComments); + $(`.js-field-has-comments ${MCB}`).toggleClass( + CKCLS, + this.currentBoard.allowsComments, + ); + $('.js-field-has-comments').toggleClass( + CKCLS, + this.currentBoard.allowsComments, + ); + }, }, ]; }, -}).register('boardDateSettingsPopup'); +}).register('boardCardSettingsPopup'); BlazeComponent.extendComponent({ onCreated() { |