added clear milestones feature

public/scripts/modules/board/views/sidebarView.js

@@ -1,24 +1,37 @@
 define(["../events/postal"], function (postal) {
 
   return Backbone.View.extend( { 
-     tagName: "ul",
-     className: "filters",
-     initialize: function (params) {
-         this.milestones = params.milestones;
-     },
-     render: function () {
-       var $this = $(this.el);
-       _.each(this.milestones, function (milestone) {
-         var filter = $(_.template("<li class='drop-shadow'><a href='#'><strong><%= open_issues %></strong><%= title %></a></li>", milestone))
-            .click(function(){
-              postal.publish("Filter.Milestone", function (issue) { return issue.milestone ? issue.milestone.number === milestone.number : false; });
-            })
-            .appendTo($this);
-          postal.subscribe("Filter.Milestone", function (equal) {
-             equal({milestone:milestone}) ? filter.addClass("state-active") : filter.removeClass("state-active");
-          });
-       });
-       return this;
-     }
+    tagName: "ul",
+    className: "filters",
+    initialize: function (params) {
+      this.milestones = params.milestones;
+    },
+    render: function () {
+      var $this = $(this.el),
+          clear = $("<li class='hide clear-filters'><a href='#'>Clear active filters</a></li>");
+
+      clear.click(function(ev){
+         ev.preventDefault();
+         postal.publish("Filter.Milestone", function (issue,override) { return (override != null) ? override : true; });
+         clear.hide();
+      });
+
+
+      clear.appendTo($this);
+
+      _.each(this.milestones, function (milestone) {
+        var filter = $(_.template("<li class='drop-shadow'><a href='#'><strong><%= open_issues %></strong><%= title %></a></li>", milestone))
+        .click(function(){
+          postal.publish("Filter.Milestone", function (issue) { return issue.milestone ? issue.milestone.number === milestone.number : false; });
+        })
+        .appendTo($this);
+        postal.subscribe("Filter.Milestone", function (equal) {
+          var active = equal({milestone:milestone},false);
+          active ? filter.addClass("state-active") : filter.removeClass("state-active");
+          if (active) {clear.show();}
+        });
+      });
+      return this;
+    }
   });
 });

public/styles/main.css

@@ -257,6 +257,17 @@ table td {
    background: #fff;
    border-radius: 4px;
  }
+ .filters li.clear-filters, .filters li.clear-filters a {
+   background: none;
+   color:#666;
+ }
+ .filters li.clear-filters {
+   border-radius: 0;
+   border-bottom: 1px solid #333;
+ }
+ .filters li.clear-filters a:hover {
+   color:#666;
+ }
  .filters li.drop-shadow {
    padding:0;
  }