From 828f6ea321020eda77fea399df52889e2081dfac Mon Sep 17 00:00:00 2001 From: Lauri Ojansivu Date: Fri, 10 May 2019 20:50:53 +0300 Subject: - Add Feature: Move board to Archive button at each board at All Boards page. Thanks to xet7 ! Related #2389 --- client/components/boards/boardsList.jade | 5 +++-- client/components/boards/boardsList.js | 5 +++++ client/components/boards/boardsList.styl | 14 ++++++++++++++ 3 files changed, 22 insertions(+), 2 deletions(-) (limited to 'client/components') diff --git a/client/components/boards/boardsList.jade b/client/components/boards/boardsList.jade index 70b29c49..0739def6 100644 --- a/client/components/boards/boardsList.jade +++ b/client/components/boards/boardsList.jade @@ -30,8 +30,9 @@ template(name="boardList") i.fa.js-clone-board( class="fa-clone" title="{{_ 'duplicate-board'}}") - - + i.fa.js-archive-board( + class="fa-archive" + title="{{_ 'archive-board'}}") template(name="boardListHeaderBar") h1 {{_ 'my-boards'}} diff --git a/client/components/boards/boardsList.js b/client/components/boards/boardsList.js index 8c45fbe2..e97070ee 100644 --- a/client/components/boards/boardsList.js +++ b/client/components/boards/boardsList.js @@ -70,6 +70,11 @@ BlazeComponent.extendComponent({ ); evt.preventDefault(); }, + 'click .js-archive-board'(evt) { + const boardId = this.currentData()._id; + Meteor.call('archiveBoard', boardId); + evt.preventDefault(); + }, 'click .js-accept-invite'() { const boardId = this.currentData()._id; Meteor.user().removeInvite(boardId); diff --git a/client/components/boards/boardsList.styl b/client/components/boards/boardsList.styl index 7e834411..42cb354d 100644 --- a/client/components/boards/boardsList.styl +++ b/client/components/boards/boardsList.styl @@ -106,15 +106,29 @@ $spaceBetweenTiles = 16px transition-duration: .15s transition-property: color, font-size, background + .fa-archive + position: absolute; + bottom: 0 + font-size: 14px + height: 18px + line-height: 18px + opacity: 0 + left: 0 + padding: 9px 9px + transition-duration: .15s + transition-property: color, font-size, background + li:hover a &:hover .fa-star, .fa-clone, + .fa-archive, .fa-star-o color: white .fa-star, .fa-clone, + .fa-archive, .fa-star-o color: white opacity: .75 -- cgit v1.2.3-1-g7c22