fix #269

Author: albertoh

client/src/main/webapp/WEB-INF/facets.vm

@@ -1,13 +1,16 @@
 <div id="facets" class="infobox">
-    <div class="right">
-        <div class="small" onclick="K5.gui.facets.hide();" >#parse("svg/close.svg")</div>
-    </div>
+    
 #*
     <div class="icon-filter"></div>
         <div class="icon icon-pin" onclick="togglePin()"></div>
     </div>
 *#
+#if($search.usedFilters.entrySet().size() > 0)
+    <div class="right">
+        <div class="small" onclick="K5.gui.facets.removeAllFilters();" >#parse("svg/close.svg")</div>
+    </div>
     <h2>#translatable("facets.used")</h2>
+    
         #foreach($filter in $search.usedFilters.entrySet())   
         <div class="used">
             <a href="" data-key="$esc.html($filter.value)" data-facet="$filter.key" class="res" >
@@ -21,6 +24,7 @@
             </a>
         </div>
         #end
+#end
     <hr />
     <div class="unused"></div>
 </div>

client/src/main/webapp/WEB-INF/search_form.vm

@@ -5,7 +5,7 @@
     <input type="hidden" name="start" id="start" value="$!{params.start}" />
     <input type="hidden" name="rows" id="rows" value="$!{params.rows}" />
     #foreach($filter in $search.usedFilters.entrySet())   
-        <input type="hidden" name="$filter.key" value="$esc.html($filter.value)" />
+        <input class="facet" type="hidden" name="$filter.key" value="$esc.html($filter.value)" />
     #end
 
 

client/src/main/webapp/js/facets.js

@@ -31,7 +31,7 @@ Facets.prototype = {
     },
     addFilter: function(facet, val) {
         //window.location.href = window.location.search + "&" + facet + "=" + val;
-        var input = $("<input>", {type: "hidden", value: val, name: facet});
+        var input = $("<input>", {type: "hidden", value: val, name: facet, class: "facet"});
         $("#search_form").append(input);
         $("#start").val("0");
         $("#search_form").submit();
@@ -40,6 +40,10 @@ Facets.prototype = {
         $("input[name='" + facet + "']").remove();
         $("#search_form").submit();
     },
+    removeAllFilters: function() {
+        $("#search_form input.facet").remove();
+        $("#search_form").submit();
+    },
     hide: function() {
         var l = -55 - $("#facets").width();
         $("#facets").animate({'opacity': '0.5', 'right': l}, 200, function() {