series: Implement a 'Show all' link to clear all current filters

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
dlespiau · Feb 26, 2016 · 1f2365a · 1f2365a
1 parent 9489794
commit 1f2365a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/htdocs/js/patchwork.js b/htdocs/js/patchwork.js
@@ -178,11 +178,13 @@ var pw = (function() {
             }
 
             var text, count = this.count();
-            if (descriptions.length === 0)
+            if (descriptions.length === 0) {
                 text = "Showing all " + count + " " + this.name;
-            else {
+                $(this.selector + '-showall').hide();
+            } else {
                 text = "Showing " + count + " " + this.name + ' ';
                 text += descriptions.join(', ');
+                $(this.selector + '-showall').show();
             }
             this.set_info(text);
         };
@@ -277,6 +279,20 @@ var pw = (function() {
                 });
         });
 
+        /* 'Show all' link */
+        $(o.selector + '-showall').click(function() {
+            for (var i = 0; i < o.filters.length; i++) {
+                var filter = o.filters[i];
+
+                if (!filter.is_active)
+                    continue;
+
+                filter.clear_filter(o);
+                filter.set_active(false);
+            }
+            o.refresh();
+        });
+
         return o;
     }
 

diff --git a/patchwork/templates/patchwork/series-list-table.html b/patchwork/templates/patchwork/series-list-table.html
@@ -1,7 +1,9 @@
 <div class="container-fluid">
   <div class="row">
     <div id="serieslist-info-container" class="alert alert-info table-info col-xs-9" style="display: none;">
-      <div id="serieslist-info"></div>
+      <span id="serieslist-info"></span>
+      <button id="serieslist-showall" type="button" class="btn btn-link"
+          style="display: none;">Show all series</button>
     </div>
     <div class='dynatable-pagination-links-serieslist'></div>
   </div>