Add active filter widget

src/Packagist/WebBundle/Resources/public/js/search.js

@@ -91,6 +91,28 @@ search.addWidget(
     })
 );
 
+search.addWidget(
+    instantsearch.widgets.currentRefinedValues({
+        container: '.search-facets-active-filters',
+        clearAll: 'before',
+        clearsQuery: true,
+        cssClasses: {
+            clearAll: 'pull-right'
+        },
+        templates: {
+            header: 'Active filters',
+            item: function (filter) {
+                if ('tags' == filter.attributeName) {
+                    return 'tag: ' + filter.name
+                } else {
+                    return filter.attributeName + ': ' + filter.name
+                }
+            }
+        },
+        onlyListedAttributes: true,
+    })
+);
+
 search.addWidget(
   instantsearch.widgets.menu({
     container: '.search-facets-type',

src/Packagist/WebBundle/Resources/views/layout.html.twig

@@ -143,6 +143,7 @@
                             <div class="search-list col-md-9"></div>
 
                             <div class="search-facets col-md-3">
+                                <div class="search-facets-active-filters"></div>
                                 <div class="search-facets-type"></div>
                                 <div class="search-facets-tags"></div>
                             </div>