- Add Feature: Move board to Archive button at each board at All Boards page.

Thanks to xet7 !

Related #2389

3 files changed, 22 insertions, 2 deletions

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