Checkboxy facet browser

[mkdruding2.git] / mkdruding2.js

diff --git a/mkdruding2.js b/mkdruding2.js
index 8321feb..a8750d7 100644 (file)
--- a/mkdruding2.js
+++ b/mkdruding2.js
@@ -51,7 +51,7 @@ Drupal.theme.mkdruFacetContainer = function (facetsCfg) {
     html += '<legend><span class="fieldset-legend">'+f.displayName
       +'</span></legend>';
     html += '<div class="fieldset-wrapper">';
-    html += '<div class="mkdru-facet-'+f.originalKey+'"/>';
+    html += '<div class="mkdru-facet-'+f.originalKey+' form-checkboxes"/>';
     html += '</div>';
     html += '</fieldset>'
   }
@@ -63,12 +63,13 @@ Drupal.theme.mkdruFacet = function (terms, facet, max, selections) {
   var html = "";
   for (var i = 0; i < terms.length && i < max; i++ ) {
     var term = terms[i];
-    html += '<a href="'+term.toggleLink+'"';
-    if (term.selected) html += ' class="cross"><strong';
-    html += '>'+terms[i].name; 
-    if (term.selected) html += "</strong>";
-    html += '</a><span> (' + terms[i].freq 
-      + ')</span><br/>';
+    var id = term.name.split(/w+/).join("-").toLowerCase();
+    html += '<div class="form-item form-type-checkbox">';
+    html += '<input type="checkbox" id="'+id+'" onclick="window.location=\''
+      +term.toggleLink+'\'; return true;" class="form-checkbox"';
+    if (term.selected) html += ' checked="checked"';
+    html += '/><label class="option" for="'+id+'">'+term.name; 
+    html += '<span> ('+term.freq+')</span></label></div>';
   }
   if (terms.length == 0 && selections && selections.length) {
     for (var i=0; i<selections.length; i++) {
@@ -78,9 +79,11 @@ Drupal.theme.mkdruFacet = function (terms, facet, max, selections) {
         var name = facet == "source" ? selections[i].replace(/.*[\/\\]/, "")
           .replace(/\?.*/, '')
           : selections[i];
-        html += '<a class="cross" href="'
-          + mkdru.removeLimit(facet, selections[i])
-          + '"><strong>'+name+'</strong></a><span> (0)</span><br/>';
+        html += '<div class="form-item form-type-checkbox">';
+        html += '<input type="checkbox" checked="checked" id="'+name+'" '
+          +'onclick="window.location=\''+mkdru.removeLimit(facet, selections[i])
+          +'\';return true;" class="form-checkbox"/><label class="option" for="'
+          +name+'">'+name+'</a><span> (0)</span></label></div>';
       }
     }
   }