Add a UI to restore archived cards

4 files changed, 40 insertions, 3 deletions

diff --git a/client/components/sidebar/sidebar.js b/client/components/sidebar/sidebar.js
index cfd38c89..7da67476 100644
--- a/client/components/sidebar/sidebar.js
+++ b/client/components/sidebar/sidebar.js
@@ -4,7 +4,8 @@ var defaultView = 'home';
 
 var viewTitles = {
   filter: 'filter-cards',
-  multiselection: 'multi-selection'
+  multiselection: 'multi-selection',
+  archives: 'archives'
 };
 
 BlazeComponent.extendComponent({
diff --git a/client/components/sidebar/sidebar.styl b/client/components/sidebar/sidebar.styl
index 57cc85fd..813e263a 100644
--- a/client/components/sidebar/sidebar.styl
+++ b/client/components/sidebar/sidebar.styl
@@ -8,7 +8,7 @@
 
   .sidebar-content
     padding: 12px
-    background: white
+    background: darken(white, 3%)
     box-shadow: -10px 0px 5px -10px darken(white, 30%)
     z-index: 10
     position: absolute
@@ -73,7 +73,7 @@
   position: absolute
   top: 12px
   z-index: 15
-  background: white
+  background: darken(white, 3%)
   border-radius: left 3px
   box-shadow: -4px 0px 7px -4px darken(white, 30%)
   color: darken(white, 50%)
diff --git a/client/components/sidebar/sidebarArchives.jade b/client/components/sidebar/sidebarArchives.jade
new file mode 100644
index 00000000..efd70fd4
--- /dev/null
+++ b/client/components/sidebar/sidebarArchives.jade
@@ -0,0 +1,10 @@
+template(name="archivesSidebar")
+  each archivedCards
+    .minicard-wrapper.js-minicard
+      +minicard(this)
+    p.quiet
+      a.js-restore Restore
+      | -
+      a.js-delete Delete
+  else
+    p.no-items-message No archived cards.
diff --git a/client/components/sidebar/sidebarArchives.js b/client/components/sidebar/sidebarArchives.js
new file mode 100644
index 00000000..b106f705
--- /dev/null
+++ b/client/components/sidebar/sidebarArchives.js
@@ -0,0 +1,26 @@
+BlazeComponent.extendComponent({
+  template: function() {
+    return 'archivesSidebar';
+  },
+  archivedCards: function() {
+    return Cards.find({archived: true});
+  },
+
+  onRendered: function() {
+    //XXX We should support dragging a card from the sidebar to the board
+  },
+
+  events: function() {
+    return [{
+      'click .js-restore': function() {
+        var cardId = this.currentData()._id;
+        Cards.update(cardId, {$set: {archived: false}});
+      },
+      'click .js-delete': Popup.afterConfirm('cardDelete', function() {
+        var cardId = this._id;
+        Cards.remove(cardId);
+        Popup.close();
+      })
+    }];
+  }
+}).register('archivesSidebar');