# HG changeset patch
# User Nicolas Chauvat <nicolas.chauvat@logilab.fr>
# Date 1302784900 -7200
# Node ID daee8aec3b9be5a46a84ecb2bf162bcf2200baa6
# Parent  1144a2d90314a3c5fcc125da19c6d0717e279132
[facets] mark titles of active facets with red dot (closes #1624857)

diff -r 1144a2d90314 -r daee8aec3b9b web/data/cubicweb.facets.css
--- a/web/data/cubicweb.facets.css	Fri Apr 29 09:08:30 2011 +0200
+++ b/web/data/cubicweb.facets.css	Thu Apr 14 14:41:40 2011 +0200
@@ -117,3 +117,7 @@
   font-weight:    bold;
   text-align:     center;
 }
+
+div.facetTitleSelected {
+  background: url("required.png") no-repeat right top;
+}
diff -r 1144a2d90314 -r daee8aec3b9b web/data/cubicweb.facets.js
--- a/web/data/cubicweb.facets.js	Fri Apr 29 09:08:30 2011 +0200
+++ b/web/data/cubicweb.facets.js	Thu Apr 14 14:41:40 2011 +0200
@@ -238,6 +238,18 @@
     });
 }
 
+// change css class of facets that have a value selected
+function updateFacetTitles() {
+    $('.facet').each(function() {
+        var $divTitle = $(this).find('.facetTitle');
+       var facetSelected = $(this).find('.facetValueSelected');
+       if (facetSelected.length) {
+           $divTitle.addClass('facetTitleSelected');
+       } else {
+           $divTitle.removeClass('facetTitleSelected');
+       }
+    });
+}
 
 // we need to differenciate cases where initFacetBoxEvents is called with one
 // argument or without any argument. If we use `initFacetBoxEvents` as the
@@ -245,4 +257,5 @@
 // his, so we use this small anonymous function instead.
 jQuery(document).ready(function() {
     initFacetBoxEvents();
+    jQuery(cw).bind('facets-content-loading', updateFacetTitles);
 });