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 $container = $('<div/>').insertAfter($inputElement);

    var matchUsers = function (sQuery) {

            // use the search string from $inputElement instead of sQuery

            if(!$container.data('search')){

                // return empty list so the input list isn't shown

                return []

            }

            return autocompleteMatchUsers($container.data('search'), users_list);

    }

    var datasource = new YAHOO.util.FunctionDataSource(matchUsers);

    var mentionsAC = new YAHOO.widget.AutoComplete($inputElement[0], $container[0], datasource);

    mentionsAC.useShadow = false;

    mentionsAC.resultTypeList = false;

    mentionsAC.animVert = false;

    mentionsAC.animHoriz = false;

    mentionsAC.animSpeed = 0.1;

    mentionsAC.suppressInputUpdate = true;

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

        // use the search string from $inputElement instead of sQuery

        return autocompleteFormatter(oResultData, $container.data('search'), 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

            myAC.getInputEl().value = $container.data('before') + oData.nname + ' ' + $container.data('after');

        });

    }

    // Must match utils2.py MENTIONS_REGEX.

    // Operates on a string from char before @ up to cursor.

    // Check that the char before @ doesn't look like an email address, and match to end of string.

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

    $inputElement.keyup(function(e){

            var currentMessage = $inputElement.val();

            var currentCaretPosition = $inputElement[0].selectionStart;

            $container.data('search', '');

            var messageBeforeCaret = currentMessage.substr(0, currentCaretPosition);

            var lastAtPos = messageBeforeCaret.lastIndexOf('@');

            if(lastAtPos >= 0){

                // Search from one char before last @ ... if possible

                var m = mentionRe.exec(messageBeforeCaret.substr(Math.max(0, lastAtPos - 1)));

                if(m){

                    $container.data('before', currentMessage.substr(0, lastAtPos + 1));

                    $container.data('search', currentMessage.substr(lastAtPos + 1, currentCaretPosition - lastAtPos - 1));

                    $container.data('after', currentMessage.substr(currentCaretPosition));

                }

            }

        });

}

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(

    {