return autocomplete;

}

var SimpleUserAutoComplete = function ($inputElement, users_list) {

    $inputElement.select2(

    {

        formatInputTooShort: $inputElement.attr('placeholder'),

        initSelection : function (element, callback) {

            var val = $inputElement.val();

            $.each(users_list, function(i, user) {

                if (user.nname == val)

                    callback(user);

            });

        },

        minimumInputLength: 1,

        query: function (query) {

            query.callback({results: autocompleteMatchUsers(query.term, users_list)});

        },

        formatSelection: autocompleteFormatter,

        formatResult: autocompleteFormatter,

        escapeMarkup: function(m) { return m; },

        id: function(item) { return item.nname; },

    });

}

var MembersAutoComplete = function ($inputElement, $typeElement, users_list, groups_list) {

    var matchAll = function (sQuery) {

        var u = autocompleteMatchUsers(sQuery, users_list);

        var g = autocompleteMatchGroups(sQuery, groups_list);

        return u.concat(g);

    };

    $inputElement.select2(

    {

        placeholder: $inputElement.attr('placeholder'),

        minimumInputLength: 1,

        query: function (query) {

            query.callback({results: matchAll(query.term)});

        },

        formatSelection: autocompleteFormatter,

        formatResult: autocompleteFormatter,

        escapeMarkup: function(m) { return m; },

    }).on("select2-selecting", function(e) {

        // e.choice.id is automatically used as selection value - just set the type of the selection

        if (e.choice.nname != undefined) {

            $typeElement.val('user');

        } else {

            $typeElement.val('users_group');

        }

    });

}

var MentionsAutoComplete = function ($inputElement, users_list) {

    var matchUsers = function (sQuery) {

            var org_sQuery = sQuery;

            if(this.mentionQuery == null){

                return []

            }

            sQuery = this.mentionQuery;

            return autocompleteMatchUsers(sQuery, users_list);

    }

    var mentionsAC = autocompleteCreate($inputElement, matchUsers);

    mentionsAC.suppressInputUpdate = true;

    // Overwrite formatResult to take into account mentionQuery

    mentionsAC.formatResult = function (oResultData, sQuery, sResultMatch) {

        var org_sQuery = sQuery;

        if (this.dataSource.mentionQuery != null) {

            sQuery = this.dataSource.mentionQuery;

        }

        return autocompleteFormatter(oResultData, sQuery, sResultMatch);

    }

    // Handler for selection of an entry

    if(mentionsAC.itemSelectEvent){

        mentionsAC.itemSelectEvent.subscribe(function (sType, aArgs) {

            var myAC = aArgs[0]; // reference back to the AC instance

            var elLI = aArgs[1]; // reference to the selected LI element

            var oData = aArgs[2]; // object literal of selected item's result data

            //Replace the mention name with replaced

            var re = new RegExp();

            var org = myAC.getInputEl().value;

            var chunks = myAC.dataSource.chunks

            // replace middle chunk(the search term) with actuall  match

            chunks[1] = chunks[1].replace('@'+myAC.dataSource.mentionQuery,

                                          '@'+oData.nname+' ');

            myAC.getInputEl().value = chunks.join('');

            myAC.getInputEl().focus(); // Y U NO WORK !?

        });

    }

    // in this keybuffer we will gather current value of search !

    // since we need to get this just when someone does `@` then we do the

    // search

    mentionsAC.dataSource.chunks = [];

    mentionsAC.dataSource.mentionQuery = null;

    mentionsAC.get_mention = function(msg, max_pos) {

        var org = msg;

        // Must match utils2.py MENTIONS_REGEX.

        // Only matching on string up to cursor, so it must end with $

        var re = new RegExp('(?:^|[^a-zA-Z0-9])@([a-zA-Z0-9][-_.a-zA-Z0-9]*[a-zA-Z0-9])$');

        var chunks  = [];

        // cut first chunk until current pos

        var to_max = msg.substr(0, max_pos);

        var at_pos = Math.max(0,to_max.lastIndexOf('@')-1);

        var msg2 = to_max.substr(at_pos);

        chunks.push(org.substr(0,at_pos)); // prefix chunk

        chunks.push(msg2);                 // search chunk

        chunks.push(org.substr(max_pos));  // postfix chunk

        // clean up msg2 for filtering and regex match

        var msg2 = msg2.lstrip(' ').lstrip('\n');

        if(re.test(msg2)){

            var unam = re.exec(msg2)[1];

            return [unam, chunks];

        }

        return [null, null];

    };

    $inputElement.keyup(function(e){

            var currentMessage = $inputElement.val();

            var currentCaretPosition = $inputElement[0].selectionStart;

            var unam = mentionsAC.get_mention(currentMessage, currentCaretPosition);

            var curr_search = null;

            if(unam[0]){

                curr_search = unam[0];

            }

            mentionsAC.dataSource.chunks = unam[1];

            mentionsAC.dataSource.mentionQuery = curr_search;

        });

}

var addReviewMember = function(id,fname,lname,nname,gravatar_link,gravatar_size){

    var displayname = nname;

    if ((fname != "") && (lname != "")) {

        displayname = "{0} {1} ({2})".format(fname, lname, nname);

    }

    var gravatarelm = gravatar(gravatar_link, gravatar_size, "");

    // WARNING: the HTML below is duplicate with

    // kallithea/templates/pullrequests/pullrequest_show.html

    // If you change something here it should be reflected in the template too.

    var element = (

        '     <li id="reviewer_{2}">\n'+

        '       <span class="reviewers_member">\n'+

        '         <span class="reviewer_status" data-toggle="tooltip" title="not_reviewed">\n'+

        '             <i class="icon-circle changeset-status-not_reviewed"></i>\n'+

        '         </span>\n'+

        (gravatarelm ?

        '         {0}\n' :

        '')+

        '         <span>{1}</span>\n'+

        '         <input type="hidden" value="{2}" name="review_members" />\n'+

        '         <a href="#" class="reviewer_member_remove" onclick="removeReviewMember({2})">\n'+

        '             <i class="icon-minus-circled"></i>\n'+

        '         </a> (add not saved)\n'+

        '       </span>\n'+

        '     </li>\n'

        ).format(gravatarelm, displayname, id);

    // check if we don't have this ID already in

    var ids = [];

    $('#review_members').find('li').each(function() {

            ids.push(this.id);

        });

    if(ids.indexOf('reviewer_'+id) == -1){

        //only add if it's not there

        $('#review_members').append(element);

    }

}

var removeReviewMember = function(reviewer_id, repo_name, pull_request_id){

    var $li = $('#reviewer_{0}'.format(reviewer_id));

    $li.find('div div').css("text-decoration", "line-through");

    $li.find('input').prop('name', 'review_members_removed');

    $li.find('.reviewer_member_remove').replaceWith(' (remove not saved)');

}

/* activate auto completion of users as PR reviewers */

var PullRequestAutoComplete = function ($inputElement, users_list) {

    $inputElement.select2(

    {

        placeholder: $inputElement.attr('placeholder'),

        minimumInputLength: 1,

        query: function (query) {

            query.callback({results: autocompleteMatchUsers(query.term, users_list)});

        },

        formatSelection: autocompleteFormatter,

        formatResult: autocompleteFormatter,

        escapeMarkup: function(m) { return m; },

    }).on("select2-selecting", function(e) {

        addReviewMember(e.choice.id, e.choice.fname, e.choice.lname, e.choice.nname,

                        e.choice.gravatar_lnk, e.choice.gravatar_size);

        $inputElement.select2("close");

        e.preventDefault();

    });

}

function addPermAction(perm_type, users_list, groups_list) {

    var template =

        '<td><input type="radio" value="{1}.none" name="perm_new_member_{0}" id="perm_new_member_{0}"></td>' +

        '<td><input type="radio" value="{1}.read" checked="checked" name="perm_new_member_{0}" id="perm_new_member_{0}"></td>' +

        '<td><input type="radio" value="{1}.write" name="perm_new_member_{0}" id="perm_new_member_{0}"></td>' +

        '<td><input type="radio" value="{1}.admin" name="perm_new_member_{0}" id="perm_new_member_{0}"></td>' +

        '<td>' +

                '<input class="form-control" id="perm_new_member_name_{0}" name="perm_new_member_name_{0}" value="" type="text" placeholder="{2}">' +

                '<input id="perm_new_member_type_{0}" name="perm_new_member_type_{0}" value="" type="hidden">' +

        '</td>' +

        '<td></td>';

    var $last_node = $('.last_new_member').last(); // empty tr between last and add

    var next_id = $('.new_members').length;

    $last_node.before($('<tr class="new_members">').append(template.format(next_id, perm_type, _TM['Type name of user or member to grant permission'])));

    MembersAutoComplete($("#perm_new_member_name_"+next_id), $("#perm_new_member_type_"+next_id), users_list, groups_list);

}

function ajaxActionRevokePermission(url, obj_id, obj_type, field_id, extra_data) {

    var success = function (o) {

            $('#' + field_id).remove();

        };

    var failure = function (o) {

            alert(_TM['Failed to revoke permission'] + ": " + o.status);

        };

    var query_params = {};

    // put extra data into POST

    if (extra_data !== undefined && (typeof extra_data === 'object')){

        for(var k in extra_data){

            query_params[k] = extra_data[k];

        }

    }

    if (obj_type=='user'){

        query_params['user_id'] = obj_id;

        query_params['obj_type'] = 'user';

    }

    else if (obj_type=='user_group'){

        query_params['user_group_id'] = obj_id;

        query_params['obj_type'] = 'user_group';

    }

    ajaxPOST(url, query_params, success, failure);

};

/* Multi selectors */

var MultiSelectWidget = function(selected_id, available_id, form_id){

    var $availableselect = $('#' + available_id);

    var $selectedselect = $('#' + selected_id);

    //fill available only with those not in selected

    var $selectedoptions = $selectedselect.children('option');

    $availableselect.children('option').filter(function(i, e){

            for(var j = 0, node; node = $selectedoptions[j]; j++){

                if(node.value == e.value){

                    return true;

                }

            }

            return false;

        }).remove();

    $('#add_element').click(function(e){

            $selectedselect.append($availableselect.children('option:selected'));

        });

    $('#remove_element').click(function(e){

            $availableselect.append($selectedselect.children('option:selected'));

        });

    $('#'+form_id).submit(function(){

            $selectedselect.children('option').each(function(i, e){

                e.selected = 'selected';

            });

        });

}

/**

 Branch Sorting callback for select2, modifying the filtered result so prefix

 matches come before matches in the line.

 **/

var branchSort = function(results, container, query) {

    if (query.term) {

        return results.sort(function (a, b) {

            // Put closed branches after open ones (a bit of a hack ...)

            var aClosed = a.text.indexOf("(closed)") > -1,

                bClosed = b.text.indexOf("(closed)") > -1;

            if (aClosed && !bClosed) {

                return 1;

            }

            if (bClosed && !aClosed) {

                return -1;

            }

            // Put early (especially prefix) matches before later matches

            var aPos = a.text.toLowerCase().indexOf(query.term.toLowerCase()),

                bPos = b.text.toLowerCase().indexOf(query.term.toLowerCase());

            if (aPos < bPos) {

                return -1;

            }

            if (bPos < aPos) {

                return 1;

            }

            // Default sorting

            if (a.text > b.text) {

                return 1;

            }

            if (a.text < b.text) {

                return -1;

            }

            return 0;

        });

    }

    return results;

};

var prefixFirstSort = function(results, container, query) {

    if (query.term) {

        return results.sort(function (a, b) {

            // if parent node, no sorting

            if (a.children != undefined || b.children != undefined) {

                return 0;

            }

            // Put prefix matches before matches in the line

            var aPos = a.text.toLowerCase().indexOf(query.term.toLowerCase()),

                bPos = b.text.toLowerCase().indexOf(query.term.toLowerCase());

            if (aPos === 0 && bPos !== 0) {

                return -1;

            }

            if (bPos === 0 && aPos !== 0) {

                return 1;

            }

            // Default sorting

            if (a.text > b.text) {

                return 1;

            }

            if (a.text < b.text) {

                return -1;

            }

            return 0;

        });

    }

    return results;

};

/* Helper for jQuery DataTables */

var updateRowCountCallback = function updateRowCountCallback($elem, onlyDisplayed) {

    return function drawCallback() {

        var info = this.api().page.info(),

            count = onlyDisplayed === true ? info.recordsDisplay : info.recordsTotal;

        $elem.html(count);

    }

};

/**

 * activate changeset parent/child navigation links

 */

var activate_parent_child_links = function(){

    $('.parent-child-link').on('click', function(e){

        var $this = $(this);

        //fetch via ajax what is going to be the next link, if we have

        //>1 links show them to user to choose

        if(!$this.hasClass('disabled')){

            $.ajax({

                url: $this.data('ajax-url'),

                success: function(data) {

                    var repo_name = $this.data('reponame');

                    if(data.results.length === 0){

                        $this.addClass('disabled');

                        $this.text(_TM['No revisions']);

                    }

                    if(data.results.length === 1){

                        var commit = data.results[0];

                        window.location = pyroutes.url('changeset_home', {'repo_name': repo_name, 'revision': commit.raw_id});

                    }

                        $this.addClass('disabled');

                        $this.addClass('double');

                        var template =

                            ($this.data('linktype') == 'parent' ? '<i class="icon-left-open"/> ' : '') +

                            '<a title="__title__" href="__url__">__rev__</a>' +

                            ($this.data('linktype') == 'child' ? ' <i class="icon-right-open"/>' : '');

                    }

                }

            });

        e.preventDefault();

        }

    });

}