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

    // search

    ownerAC.dataSource.chunks = [];

    ownerAC.dataSource.mentionQuery = null;

    ownerAC.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];

    };

    var $divid = $('#'+divid);

    $divid.keyup(function(e){

            var currentMessage = $divid.val();

            var currentCaretPosition = $divid[0].selectionStart;

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

            var curr_search = null;

            if(unam[0]){

                curr_search = unam[0];

            }

            ownerAC.dataSource.chunks = unam[1];

            ownerAC.dataSource.mentionQuery = curr_search;

        });

}

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

    var gravatarelm = '<img alt="gravatar" style="width: {0}px; height: {0}px" src="{1}"/>'.format(gravatar_size, gravatar_link);

    if (!gravatar_link)

        gravatarelm = '<i class="icon-user" style="font-size: {0}px;"></i>'.format(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'+

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

        '           <div class="reviewer_status tooltip" title="not_reviewed">\n'+

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

        '           </div>\n'+

        '         <div class="reviewer_gravatar gravatar">{0}</div>\n'+

        '         <div style="float:left;">{1}</div>\n'+

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

        '         <div class="reviewer_member_remove action_button" onclick="removeReviewMember({2})">\n'+

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

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

        '       </div>\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').attr('name', 'review_members_removed');

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

}

/* activate auto completion of users and groups ... but only used for users as PR reviewers */

var PullRequestAutoComplete = function (divid, cont, users_list, groups_list) {

    var myUsers = users_list;

    var myGroups = groups_list;

    // Define a custom search function for the DataSource of users

    var matchUsers = function (sQuery) {

            // Case insensitive matching

            var query = sQuery.toLowerCase();