+
−/*
+
− *  :organization: Logilab
+
− *  :copyright: 2003-2008 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
+
− *  :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
+
− */
+
−
+
−CubicWeb.require('htmlhelpers.js');
+
−CubicWeb.require('ajax.js');
+
−
+
−//============= filter form functions ========================================//
+
−function copyParam(origparams, newparams, param) {
+
−    var index = findValue(origparams[0], param);
+
−    if (index > -1) {
+
−	newparams[param] = origparams[1][index];
+
−    }
+
−}
+
−
+
−function facetFormContent(form) {
+
−    var names = [];
+
−    var values = [];
+
−    jQuery(form).find('.facet').each(function () {
+
−        var facetName = jQuery(this).find('.facetTitle').attr('cubicweb:facetName');
+
−        var facetValues = jQuery(this).find('.facetValueSelected').each(function(x) {
+
−  	    names.push(facetName);
+
−  	    values.push(this.getAttribute('cubicweb:value'));
+
−        });
+
−    });
+
−    jQuery(form).find('input').each(function () {
+
−        names.push(this.name);
+
−        values.push(this.value);
+
−    });
+
−    jQuery(form).find('select option[selected]').each(function () {
+
−	names.push(this.parentNode.name);
+
−	values.push(this.value);
+
−    });
+
−    return [names, values];
+
−}
+
−
+
−function buildRQL(divid, vid, paginate, vidargs) {
+
−    jQuery(CubicWeb).trigger('facets-content-loading', [divid, vid, paginate, vidargs]);
+
−    var form = getNode(divid+'Form');
+
−    var zipped = facetFormContent(form);
+
−    zipped[0].push('facetargs');
+
−    zipped[1].push(vidargs);
+
−    var d = asyncRemoteExec('filter_build_rql', zipped[0], zipped[1]);
+
−    d.addCallback(function(result) {
+
−	var rql = result[0];
+
−	var $bkLink = jQuery('#facetBkLink');
+
−	if ($bkLink.length) {
+
−	    var bkPath = 'view?rql=' + escape(rql);
+
−	    if (vid) {
+
−		bkPath += '&vid=' + escape(vid);
+
−	    }
+
−	    var bkUrl = $bkLink.attr('cubicweb:target') + '&path=' + escape(bkPath);
+
−	    $bkLink.attr('href', bkUrl);
+
−	}
+
−	var toupdate = result[1];
+
−	var extraparams = vidargs;
+
−	var displayactions = jQuery('#' + divid).attr('cubicweb:displayactions');
+
−	if (displayactions) { extraparams['displayactions'] = displayactions; }
+
−	if (paginate) { extraparams['paginate'] = '1'; }
+
−	// copy some parameters
+
−	// XXX cleanup vid/divid mess
+
−	// if vid argument is specified , the one specified in form params will
+
−	// be overriden by replacePageChunk
+
−	copyParam(zipped, extraparams, 'vid');
+
−	extraparams['divid'] = divid;
+
−	copyParam(zipped, extraparams, 'divid');
+
−	copyParam(zipped, extraparams, 'subvid');
+
−	copyParam(zipped, extraparams, 'fromformfilter');
+
−	// paginate used to know if the filter box is acting, in which case we
+
−	// want to reload action box to match current selection (we don't want
+
−	// this from a table filter)
+
−	replacePageChunk(divid, rql, vid, extraparams, true, function() {
+
−	  jQuery(CubicWeb).trigger('facets-content-loaded', [divid, rql, vid, extraparams]);
+
−	});
+
−	if (paginate) {
+
−	    // FIXME the edit box might not be displayed in which case we don't
+
−	    // know where to put the potential new one, just skip this case
+
−	    // for now
+
−	    if (jQuery('#edit_box').length) {
+
−		reloadComponent('edit_box', rql, 'boxes', 'edit_box');
+
−	    }
+
−	    if (jQuery('#breadcrumbs').length) {
+
−		reloadComponent('breadcrumbs', rql, 'components', 'breadcrumbs');
+
−	    }
+
−	}
+
−	var d = asyncRemoteExec('filter_select_content', toupdate, rql);
+
−	d.addCallback(function(updateMap) {
+
−	    for (facetId in updateMap) {
+
−		var values = updateMap[facetId];
+
−		jqNode(facetId).find('.facetCheckBox').each(function () {
+
−		    var value = this.getAttribute('cubicweb:value');
+
−		    if (!values.contains(value)) {
+
−			if (!jQuery(this).hasClass('facetValueDisabled')) {
+
−			    jQuery(this).addClass('facetValueDisabled');
+
−			}
+
−		    } else {
+
−			if (jQuery(this).hasClass('facetValueDisabled')) {
+
−			    jQuery(this).removeClass('facetValueDisabled');
+
−			}
+
−		    }
+
−		});
+
−	    }
+
−	});
+
−    });
+
−}
+
−
+
−
+
−var SELECTED_IMG = baseuri()+"data/black-check.png";
+
−var UNSELECTED_IMG = baseuri()+"data/no-check-no-border.png";
+
−var UNSELECTED_BORDER_IMG = baseuri()+"data/black-uncheck.png";
+
−
+
−function initFacetBoxEvents(root) {
+
−    // facetargs : (divid, vid, paginate, extraargs)
+
−    root = root || document;
+
−    jQuery(root).find('form').each(function () {
+
−	var form = jQuery(this);
+
−	// NOTE: don't evaluate facetargs here but in callbacks since its value
+
−	//       may changes and we must send its value when the callback is
+
−	//       called, not when the page is initialized
+
−	var facetargs = form.attr('cubicweb:facetargs');
+
−	if (facetargs !== undefined) {
+
−	    form.submit(function() {
+
−	        buildRQL.apply(null, evalJSON(form.attr('cubicweb:facetargs')));
+
−	        return false;
+
−	    });
+
−	    form.find('div.facet').each(function() {
+
−		var facet = jQuery(this);
+
−		facet.find('div.facetCheckBox').each(function (i) {
+
−		    this.setAttribute('cubicweb:idx', i);
+
−		});
+
−		facet.find('div.facetCheckBox').click(function () {
+
−		    var $this = jQuery(this);
+
−		    // NOTE : add test on the facet operator (i.e. OR, AND)
+
−		    // if ($this.hasClass('facetValueDisabled')){
+
−		    //  	    return
+
−		    // }
+
−		    if ($this.hasClass('facetValueSelected')) {
+
−			$this.removeClass('facetValueSelected');
+
−			$this.find('img').each(function (i){
+
−			if (this.getAttribute('cubicweb:unselimg')){
+
−			       this.setAttribute('src', UNSELECTED_BORDER_IMG);
+
−			       this.setAttribute('alt', (_('not selected')));
+
−			    }
+
−			    else{
+
−			       this.setAttribute('src', UNSELECTED_IMG);
+
−			       this.setAttribute('alt', (_('not selected')));
+
−			    }
+
−			});
+
−			var index = parseInt($this.attr('cubicweb:idx'));
+
−			// we dont need to move the element when cubicweb:idx == 0
+
−			if (index > 0){
+
−			    var shift = jQuery.grep(facet.find('.facetValueSelected'), function (n) {
+
−				    var nindex = parseInt(n.getAttribute('cubicweb:idx'));
+
−				    return nindex > index;
+
−				}).length;
+
−			    index += shift;
+
−			    var parent = this.parentNode;
+
−			    var $insertAfter = jQuery(parent).find('.facetCheckBox:nth('+index+')');
+
−			    if ( ! ($insertAfter.length == 1 && shift == 0) ) {
+
−				// only rearrange element if necessary
+
−				$insertAfter.after(this);
+
−			    }
+
−			}
+
−		    } else {
+
−			var lastSelected = facet.find('.facetValueSelected:last');
+
−			if (lastSelected.length) {
+
−			    lastSelected.after(this);
+
−			} else {
+
−			    var parent = this.parentNode;
+
−			    jQuery(parent).prepend(this);
+
−			}
+
−			jQuery(this).addClass('facetValueSelected');
+
−			var $img = jQuery(this).find('img');
+
−			$img.attr('src', SELECTED_IMG).attr('alt', (_('selected')));
+
−		    }
+
−		    buildRQL.apply(null, evalJSON(form.attr('cubicweb:facetargs')));
+
−		    facet.find('.facetBody').animate({scrollTop: 0}, '');
+
−		});
+
−		facet.find('select.facetOperator').change(function() {
+
−		    var nbselected = facet.find('div.facetValueSelected').length;
+
−		    if (nbselected >= 2) {
+
−			buildRQL.apply(null, evalJSON(form.attr('cubicweb:facetargs')));
+
−		    }
+
−		});
+
−		facet.find('div.facetTitle').click(function() {
+
−		  facet.find('div.facetBody').toggleClass('hidden').toggleClass('opened');
+
−		  jQuery(this).toggleClass('opened');
+
−		   });
+
−
+
−	    });
+
−	}
+
−    });
+
−}
+
−
+
−// trigger this function on document ready event if you provide some kind of
+
−// persistent search (eg crih)
+
−function reorderFacetsItems(root){
+
−    root = root || document;
+
−    jQuery(root).find('form').each(function () {
+
−	var form = jQuery(this);
+
−	if (form.attr('cubicweb:facetargs')) {
+
−	    form.find('div.facet').each(function() {
+
−		var facet = jQuery(this);
+
−		var lastSelected = null;
+
−		facet.find('div.facetCheckBox').each(function (i) {
+
−		    var $this = jQuery(this);
+
−		    if ($this.hasClass('facetValueSelected')) {
+
−			if (lastSelected) {
+
−			    lastSelected.after(this);
+
−			} else {
+
−			    var parent = this.parentNode;
+
−			    jQuery(parent).prepend(this);
+
−			}
+
−			lastSelected = $this;
+
−		    }
+
−		});
+
−	    });
+
−	}
+
−    });
+
−}
+
−
+
−// we need to differenciate cases where initFacetBoxEvents is called
+
−// with one argument or without any argument. If we use `initFacetBoxEvents`
+
−// as the direct callback on the jQuery.ready event, jQuery will pass some argument
+
−// of his, so we use this small anonymous function instead.
+
−jQuery(document).ready(function() {initFacetBoxEvents();});
+
−
+
−CubicWeb.provide('facets.js');