diff --git a/client/components/boards/boardHeader.jade b/client/components/boards/boardHeader.jade index b59e650e0..e1b50eb0e 100644 --- a/client/components/boards/boardHeader.jade +++ b/client/components/boards/boardHeader.jade @@ -34,9 +34,12 @@ template(name="boardHeaderBar") if $eq watchLevel "muted" i.fa.fa-bell-slash span {{_ watchLevel}} - a.board-header-btn.js-sort-cards(title="{{_ 'sort-cards'}}") + a.board-header-btn(title="{{_ 'sort-cards'}}" class="{{#if isSortActive }}emphasis{{else}} js-sort-cards {{/if}}") i.fa.fa-sort - | {{_ 'sort-cards'}} {{sortCardsBy.get}} + span {{#if isSortActive }}{{_ 'Sort is on'}}{{else}}{{_ 'sort-cards'}}{{/if}} + if isSortActive + a.board-header-btn-close.js-sort-reset(title="Remove Sort") + i.fa.fa-times-thin else a.board-header-btn.js-log-in( diff --git a/client/components/boards/boardHeader.js b/client/components/boards/boardHeader.js index bbd847db8..8de3c73ba 100644 --- a/client/components/boards/boardHeader.js +++ b/client/components/boards/boardHeader.js @@ -54,6 +54,10 @@ Template.boardChangeTitlePopup.events({ }); BlazeComponent.extendComponent({ + onCreated(){ + // set sort to default + Session.set('sortBy','') + }, watchLevel() { const currentBoard = Boards.findOne(Session.get('currentBoard')); return currentBoard && currentBoard.getWatchLevel(Meteor.userId()); @@ -129,6 +133,9 @@ BlazeComponent.extendComponent({ Sidebar.setView(); Filter.reset(); }, + 'click .js-sort-reset'() { + Session.set('sortBy','') + }, 'click .js-open-search-view'() { Sidebar.setView('search'); }, @@ -162,6 +169,9 @@ Template.boardHeaderBar.helpers({ boardView() { return Utils.boardView(); }, + isSortActive(){ + return Session.get('sortBy') ? true : false; + } }); Template.boardChangeViewPopup.events({ @@ -406,15 +416,7 @@ BlazeComponent.extendComponent({ Session.set('sortBy', sortBy); sortCardsBy.set(TAPi18n.__('date-created-oldest-first')); Popup.close(); - }, - 'click .js-sort-default'() { - const sortBy = { - sort: 1, - }; - Session.set('sortBy', sortBy); - sortCardsBy.set(TAPi18n.__('default')); - Popup.close(); - }, + } }, ]; },