/**

 * Functions dedicated to widgets.

 *

 *  :organization: Logilab

 *  :copyright: 2003-2010 LOGILAB S.A. (Paris, FRANCE), all rights reserved.

 *  :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr

 *

 *

 */

// widget namespace

Widgets = {};

/**

 * .. function:: buildWidget(wdgnode)

 *

 * this function takes a DOM node defining a widget and

 * instantiates / builds the appropriate widget class

 */

function buildWidget(wdgnode) {

    var wdgclass = Widgets[wdgnode.getAttribute('cubicweb:wdgtype')];

    if (wdgclass) {

        return new wdgclass(wdgnode);

    }

    return null;

}

/**

 * .. function:: buildWidgets(root)

 *

 * This function is called on load and is in charge to build

 * JS widgets according to DOM nodes found in the page

 */

function buildWidgets(root) {

    root = root || document;

    jQuery(root).find('.widget').each(function() {

        if (this.getAttribute('cubicweb:loadtype') == 'auto') {

            buildWidget(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() {

    buildWidgets();

});

function postJSON(url, data, callback) {

    return jQuery.post(url, data, callback, 'json');

}

function getJSON(url, data, callback) {

    return jQuery.get(url, data, callback, 'json');

}

(function ($) {

    var defaultSettings = {

        initialvalue: '',

        multiple: false,

        mustMatch: false,

        delay: 50,

        limit: 50

    };

    function split(val) { return val.split( /\s*,\s*/ ); }

    function extractLast(term) { return split(term).pop(); }

    function allButLast(val) {

        var terms = split(val);

        terms.pop();

        return terms;

    }

    var methods = {

        __init__: function(suggestions, options) {

            return this.each(function() {

                // here, `this` refers to the DOM element (e.g. input) being wrapped

                // by cwautomplete plugin

                var instanceData = $(this).data('cwautocomplete');

                if (instanceData) {

                    // already initialized

                    return;

                }

                var settings = $.extend({}, defaultSettings, options);

                instanceData =  {

                    initialvalue: settings.initialvalue,

                    userInput: this,

                    hiddenInput: null

                };

                var hiHandlers = methods.hiddenInputHandlers;

                $(this).data('cwautocomplete', instanceData);

                // in case of an existing value, the hidden input must be initialized even if

                // the value is not changed

                if (($(instanceData.userInput).attr('cubicweb:initialvalue') !== undefined) && !instanceData.hiddenInput){

                    hiHandlers.initializeHiddenInput(instanceData);

                }

                $.ui.autocomplete.prototype._search = methods.search;

                if (settings.multiple) {

                    $.ui.autocomplete.filter = methods.multiple.makeFilter(this);

                    $(this).bind({

                        autocompleteselect: methods.multiple.select,

                        autocompletefocus: methods.multiple.focus,

                        keydown: methods.multiple.keydown

                        });

                }

                // XXX katia we dont need it if minLength == 0, but by setting minLength = 0

                // we probably break the backward compatibility

                $(this).bind('blur', methods.blur);

                if ($.isArray(suggestions)) { // precomputed list of suggestions

                    settings.source = hiHandlers.checkSuggestionsDataFormat(instanceData, suggestions);

                } else { // url to call each time something is typed

                    settings.source = function(request, response) {

                        var d = loadRemote(suggestions, {q: request.term, limit: settings.limit}, 'POST');

                        d.addCallback(function (suggestions) {

                            suggestions = hiHandlers.checkSuggestionsDataFormat(instanceData, suggestions);

                            response(suggestions);

                            if((suggestions.length) == 0){

                                methods.resetValues(instanceData);

                            }

                        });

                    };

                }

                $(this).autocomplete(settings);

                if (settings.mustMatch) {

                    $(this).keypress(methods.ensureExactMatch);

                }

            });

        },

        multiple: {

            focus: function() {

                // prevent value inserted on focus

                return false;

            },

            select: function(event, ui) {

                var terms = allButLast(this.value);

                // add the selected item

                terms.push(ui.item.value);

                // add placeholder to get the comma-and-space at the end

                terms.push("");

                this.value = terms.join( ", " );

                return false;

            },

            keydown: function(evt) {

                if ($(this).data('autocomplete').menu.active && evt.keyCode == $.ui.keyCode.TAB) {

                    evt.preventDefault();

                }

            },

            makeFilter: function(userInput) {

                return function(array, term) {

                    // remove already entered terms from suggestion list

                    array = cw.utils.difference(array, allButLast(userInput.value));

                    var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );

                    return $.grep( array, function(value) {

                        return matcher.test( value.label || value.value || value );

                    });

                };

            }

        },

        blur: function(evt){

            var instanceData = $(this).data('cwautocomplete');

            if($(instanceData.userInput).val().strip().length==0){

                methods.resetValues(instanceData);

            }

        },

        search: function(value) {

            this.element.addClass("ui-autocomplete-loading");

            if (this.options.multiple) {

                value = extractLast(value);

            }

            this.source({term: value}, this.response);

        },

        ensureExactMatch: function(evt) {

            var instanceData = $(this).data('cwautocomplete');

            if (evt.keyCode == $.ui.keyCode.ENTER || evt.keyCode == $.ui.keyCode.TAB) {

                var validChoices = $.map($('ul.ui-autocomplete li'),

                                         function(li) {return $(li).text();});

                if ($.inArray($(instanceData.userInput).val(), validChoices) == -1) {

                    $(instanceData.userInput).val('');

                    $(instanceData.hiddenInput).val(instanceData.initialvalue || '');

                }

            }

        },

        resetValues: function(instanceData){

            $(instanceData.userInput).val('');

            $(instanceData.hiddenInput).val('');

        },

        hiddenInputHandlers: {

            /**

             * `hiddenInputHandlers` defines all methods specific to handle the

             * hidden input created along the standard text input.

             * An hiddenInput is necessary when displayed suggestions are

             * different from actual values to submit.

             * Imagine an autocompletion widget to choose among a list of CWusers.

             * Suggestions would be the list of logins, but actual values would

             * be the corresponding eids.

             * To handle such cases, suggestions list should be a list of JS objects

             * with two `label` and `value` properties.

             **/

            suggestionSelected: function(evt, ui) {

                var instanceData = $(this).data('cwautocomplete');

                instanceData.hiddenInput.value = ui.item.value;

                instanceData.value = ui.item.label;

                return false; // stop propagation

            },

            suggestionFocusChanged: function(evt, ui) {

                var instanceData = $(this).data('cwautocomplete');

                instanceData.userInput.value = ui.item.label;

                return false; // stop propagation

            },

            needsHiddenInput: function(suggestions) {

                return suggestions[0].label !== undefined;

            },

            initializeHiddenInput: function(instanceData) {

                var userInput = instanceData.userInput;

                var hiddenInput = INPUT({

                    type: "hidden",

                    name: userInput.name,

                    // XXX katia : this must be handeled in .SuggestField widget, but

                    // it seems not to be used anymore

                    value: $(userInput).attr('cubicweb:initialvalue') || userInput.value

                });

                $(userInput).removeAttr('name').after(hiddenInput);

                instanceData.hiddenInput = hiddenInput;

                $(userInput).bind({

                    autocompleteselect: methods.hiddenInputHandlers.suggestionSelected,

                    autocompletefocus: methods.hiddenInputHandlers.suggestionFocusChanged

                });

            },

            /*

             * internal convenience function: old jquery plugin accepted to be fed

             * with a list of couples (value, label). The new (jquery-ui) autocomplete

             * plugin expects a list of objects with "value" and "label" properties.

             *

             * This function converts the old format to the new one.

             */

            checkSuggestionsDataFormat: function(instanceData, suggestions) {

                // check for old (value, label) format

                if ($.isArray(suggestions) && suggestions.length &&

                    $.isArray(suggestions[0])){

                    if (suggestions[0].length == 2) {

                        cw.log('[3.10] autocomplete init func should return {label,value} dicts instead of lists');

                        suggestions = $.map(suggestions, function(sugg) {

                                            return {value: sugg[0], label: sugg[1]};

                                            });

                    } else {

                        if(suggestions[0].length == 1){

                            suggestions = $.map(suggestions, function(sugg) {

                                return {value: sugg[0], label: sugg[0]};

                            });

                        }

                    }

                }

                var hiHandlers = methods.hiddenInputHandlers;

                if (suggestions.length && hiHandlers.needsHiddenInput(suggestions)

                    && !instanceData.hiddenInput) {

                    hiHandlers.initializeHiddenInput(instanceData);

                    hiHandlers.fixUserInputInitialValue(instanceData, suggestions);

                }

                // otherwise, assume data shape is correct

                return suggestions;

            },

            fixUserInputInitialValue: function(instanceData, suggestions) {

                // called when the data is loaded to reset the correct displayed

                // value in the visible input field (typically replacing an eid

                // by a displayable value)

                var curvalue = instanceData.userInput.value;

                if (!curvalue) {

                    return;

                }

                for (var i=0, length=suggestions.length; i < length; i++) {

                    var sugg = suggestions[i];

                    if (sugg.value == curvalue) {

                        instanceData.userInput.value = sugg.label;

                        return;

                    }

                }

            }

        }

    };

    $.fn.cwautocomplete = function(data, options) {

        return methods.__init__.apply(this, [data, options]);

    };

})(jQuery);

Widgets.SuggestField = defclass('SuggestField', null, {

    __init__: function(node, options) {

        options = options || {};

        var multi = node.getAttribute('cubicweb:multi');

        options.multiple = (multi == "yes") ? true: false;

        var d = loadRemote(node.getAttribute('cubicweb:dataurl'));

        d.addCallback(function(data) {

            $(node).cwautocomplete(data, options);

        });

    }

});

Widgets.StaticFileSuggestField = defclass('StaticSuggestField', [Widgets.SuggestField], {

    __init__: function(node) {

        Widgets.SuggestField.__init__(this, node, {

            method: 'get' // XXX

        });

    }

});

Widgets.RestrictedSuggestField = defclass('RestrictedSuggestField', [Widgets.SuggestField], {

    __init__: function(node) {

        Widgets.SuggestField.__init__(this, node, {

            mustMatch: true

        });

    }

});

//remote version of RestrictedSuggestField

Widgets.LazySuggestField = defclass('LazySuggestField', [Widgets.SuggestField], {

    __init__: function(node, options) {

        var self = this;

        options = options || {};

        options.delay = 50;

        // multiple selection not supported yet (still need to formalize correctly

        // initial values / display values)

        var initialvalue = cw.evalJSON(node.getAttribute('cubicweb:initialvalue') || 'null');

        if (!initialvalue) {

            initialvalue = node.value;

        }

        options.initialvalue = initialvalue;

        Widgets.SuggestField.__init__(this, node, options);

    }

});

/**

 * .. class:: Widgets.SuggestForm