var toggleFollowingRepo = function(target, follows_repository_id){

    var args = 'follows_repository_id=' + follows_repository_id;

    args += '&_authentication_token=' + _authentication_token;

    $.post(TOGGLE_FOLLOW_URL, args, function(data){

            _onSuccessFollow(target);

        });

    return false;

};

var showRepoSize = function(target, repo_name){

    var args = '_authentication_token=' + _authentication_token;

    if(!$("#" + target).hasClass('loaded')){

        $("#" + target).html(_TM['Loading ...']);

        var url = pyroutes.url('repo_size', {"repo_name":repo_name});

        $.post(url, args, function(data) {

            $("#" + target).html(data);

            $("#" + target).addClass('loaded');

        });

    }

    return false;

};

/**

 * load tooltips dynamically based on data attributes, used for .lazy-cs changeset links

 */

var get_changeset_tooltip = function() {

    var $target = $(this);

    var tooltip = $target.data('tooltip');

    if (!tooltip) {

        var raw_id = $target.data('raw_id');

        var repo_name = $target.data('repo_name');

        var url = pyroutes.url('changeset_info', {"repo_name": repo_name, "revision": raw_id});

        $.ajax(url, {

            async: false,

            success: function(data) {

                tooltip = data["message"];

            }

        });

        $target.data('tooltip', tooltip);

    }

    return tooltip;

};

/**

 * activate tooltips and popups

 */

var tooltip_activate = function(){

    function placement(p, e){

        if(e.getBoundingClientRect().top > 2*$(window).height()/3){

            return 'top';

        }else{

            return 'bottom';

        }

    }

    $(document).ready(function(){

        $('[data-toggle="tooltip"]').tooltip({

            container: 'body',

            placement: placement

        });

        $('[data-toggle="popover"]').popover({

            html: true,

            container: 'body',

            placement: placement,

            trigger: 'hover',

            template: '<div class="popover cs-popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'

        });

        $('.lazy-cs').tooltip({

            title: get_changeset_tooltip,

            placement: placement

        });

    });

};

/**

 * Quick filter widget

 *

 * @param target: filter input target

 * @param nodes: list of nodes in html we want to filter.

 * @param display_element function that takes current node from nodes and

 *    does hide or show based on the node

 */

var q_filter = (function() {

    var _namespace = {};

    var namespace = function (target) {

        if (!(target in _namespace)) {

            _namespace[target] = {};

        }

        return _namespace[target];

    };

    return function (target, $nodes, display_element) {

        var $nodes = $nodes;

        var $q_filter_field = $('#' + target);

        var F = namespace(target);

        $q_filter_field.keyup(function (e) {

            clearTimeout(F.filterTimeout);

            F.filterTimeout = setTimeout(F.updateFilter, 600);

        });

        F.filterTimeout = null;

        F.updateFilter = function () {

            // Reset timeout

            F.filterTimeout = null;

            var obsolete = [];

            var req = $q_filter_field.val().toLowerCase();

            var showing = 0;

            $nodes.each(function () {

                var n = this;

                var target_element = display_element(n);

                if (req && n.innerHTML.toLowerCase().indexOf(req) == -1) {

                    $(target_element).hide();

                }

                else {

                    $(target_element).show();

                    showing += 1;

                }

            });

            $('#repo_count').html(showing);

            /* FIXME: don't hardcode */

        }

    }

})();

/**

 * Comment handling

 */

// move comments to their right location, inside new trs

function move_comments($anchorcomments) {

    $anchorcomments.each(function(i, anchorcomment) {

        var $anchorcomment = $(anchorcomment);

        var target_id = $anchorcomment.data('target-id');

        var $comment_div = _get_add_comment_div(target_id);

        var f_path = $anchorcomment.data('f_path');

        var line_no = $anchorcomment.data('line_no');

        if ($comment_div[0]) {

            $comment_div.append($anchorcomment.children());

            if (f_path && line_no) {

                _comment_div_append_add($comment_div, f_path, line_no);

            } else {

                _comment_div_append_form($comment_div, f_path, line_no);

            }

        } else {

            $anchorcomment.before("Comment to {0} line {1} which is outside the diff context:".format(f_path || '?', line_no || '?'));

        }

    });

    linkInlineComments($('.firstlink'), $('.comment:first-child'));

}

// comment bubble was clicked - insert new tr and show form

function show_comment_form($bubble) {

    var children = $bubble.closest('tr.line').children('[id]');

    var line_td_id = children[children.length - 1].id;

    var $comment_div = _get_add_comment_div(line_td_id);

    var f_path = $bubble.closest('[data-f_path]').data('f_path');

    var parts = line_td_id.split('_');

    var line_no = parts[parts.length-1];

    comment_div_state($comment_div, f_path, line_no, true);

}

// return comment div for target_id - add it if it doesn't exist yet

function _get_add_comment_div(target_id) {

    var comments_box_id = 'comments-' + target_id;

    var $comments_box = $('#' + comments_box_id);

    if (!$comments_box.length) {

        var html = '<tr><td id="{0}" colspan="3" class="inline-comments"></td></tr>'.format(comments_box_id);

        $('#' + target_id).closest('tr').after(html);

        $comments_box = $('#' + comments_box_id);

    }

    return $comments_box;

}

// Set $comment_div state - showing or not showing form and Add button.

// An Add button is shown on non-empty forms when no form is shown.

// The form is controlled by show_form_opt - if undefined, form is only shown for general comments.

function comment_div_state($comment_div, f_path, line_no, show_form_opt) {

    var show_form = show_form_opt !== undefined ? show_form_opt : !f_path && !line_no;

    var $forms = $comment_div.children('.comment-inline-form');

    var $buttonrow = $comment_div.children('.add-button-row');

    var $comments = $comment_div.children('.comment');

    $forms.remove();

    $buttonrow.remove();

    if (show_form) {

        _comment_div_append_form($comment_div, f_path, line_no);

    } else if ($comments.length) {

        _comment_div_append_add($comment_div, f_path, line_no);

    } else {

        $comment_div.parent('tr').remove();

    }

}

// append an Add button to $comment_div and hook it up to show form

function _comment_div_append_add($comment_div, f_path, line_no) {

    var addlabel = TRANSLATION_MAP['Add Another Comment'];

    var $add = $('<div class="add-button-row"><span class="btn btn-default btn-xs add-button">{0}</span></div>'.format(addlabel));

    $comment_div.append($add);

    $add.children('.add-button').click(function(e) {

        comment_div_state($comment_div, f_path, line_no, true);

    });

}

// append a comment form to $comment_div

function _comment_div_append_form($comment_div, f_path, line_no) {

    var $form_div = $('#comment-inline-form-template').children()

        .clone()

        .addClass('comment-inline-form');

    $comment_div.append($form_div);

    var $preview = $comment_div.find("div.comment-preview");

    var $form = $comment_div.find("form");

    var $textarea = $form.find('textarea');

    $form.submit(function(e) {

        e.preventDefault();

        var text = $textarea.val();

        var review_status = $form.find('input:radio[name=changeset_status]:checked').val();

        var pr_close = $form.find('input:checkbox[name=save_close]:checked').length ? 'on' : '';

        var pr_delete = $form.find('input:checkbox[name=save_delete]:checked').length ? 'delete' : '';

        if (!text && !review_status && !pr_close && !pr_delete) {

            alert("Please provide a comment");

            return false;

        }

        if (pr_delete) {

            if (text || review_status || pr_close) {

                alert('Cannot delete pull request while making other changes');

                return false;

            }

            if (!confirm('Confirm to delete this pull request')) {

                return false;

            }

            var comments = $('.comment').size();

            if (comments > 0 &&

                !confirm('Confirm again to delete this pull request with {0} comments'.format(comments))) {

                return false;

            }

        }

        if (review_status) {

            var $review_status = $preview.find('.automatic-comment');

            var review_status_lbl = $("#comment-inline-form-template input.status_change_radio[value='" + review_status + "']").parent().text().strip();

            $review_status.find('.comment-status-label').text(review_status_lbl);

            $review_status.show();

        }

        $preview.find('.comment-text div').text(text);

        $preview.show();

        $textarea.val('');

        if (f_path && line_no) {

            $form.hide();

        }

        var postData = {

            'text': text,

            'f_path': f_path,

            'line': line_no,

            'changeset_status': review_status,

            'save_close': pr_close,

            'save_delete': pr_delete

        };

        var success = function(json_data) {

            if (pr_delete) {

                location = json_data['location'];

            } else {

                $comment_div.append(json_data['rendered_text']);

                comment_div_state($comment_div, f_path, line_no);

                linkInlineComments($('.firstlink'), $('.comment:first-child'));

                if ((review_status || pr_close) && !f_path && !line_no) {

                    // Page changed a lot - reload it after closing the submitted form

                    comment_div_state($comment_div, f_path, line_no, false);

                    location.reload(true);

                }

            }

        };

        var failure = function(x, s, e) {

            $preview.removeClass('submitting').addClass('failed');

            var $status = $preview.find('.comment-submission-status');

            $('<span>', {

                'title': e,

                text: _TM['Unable to post']

            }).replaceAll($status.contents());

            $('<div>', {

                'class': 'btn-group'

            }).append(

                $('<button>', {

                    'class': 'btn btn-default btn-xs',

                    text: _TM['Retry']

                }).click(function() {

                    $status.text(_TM['Submitting ...']);

                    $preview.addClass('submitting').removeClass('failed');

                    ajaxPOST(AJAX_COMMENT_URL, postData, success, failure);

                }),

                $('<button>', {

                    'class': 'btn btn-default btn-xs',

                    text: _TM['Cancel']

                }).click(function() {

                    comment_div_state($comment_div, f_path, line_no);

                })

            ).appendTo($status);

        };

        ajaxPOST(AJAX_COMMENT_URL, postData, success, failure);

    });

    // add event handler for hide/cancel buttons

    $form.find('.hide-inline-form').click(function(e) {

        comment_div_state($comment_div, f_path, line_no);

    });

    tooltip_activate();

    if ($textarea.length > 0) {

        MentionsAutoComplete($textarea, _USERS_AC_DATA);

    }

    if (f_path) {

        $textarea.focus();

    }

}

function deleteComment(comment_id) {

    var url = AJAX_COMMENT_DELETE_URL.replace('__COMMENT_ID__', comment_id);

    var postData = {};

    var success = function(o) {

        $('#comment-'+comment_id).remove();

        // Ignore that this might leave a stray Add button (or have a pending form with another comment) ...

    }

    ajaxPOST(url, postData, success);

}

/**

 * Double link comments

 */

var linkInlineComments = function($firstlinks, $comments){

    if ($comments.length > 0) {

        $firstlinks.html('<a href="#{0}">First comment</a>'.format($comments.prop('id')));

    }

    if ($comments.length <= 1) {

        return;

    }

    $comments.each(function(i, e){

            var prev = '';

            if (i > 0){

                var prev_anchor = $($comments.get(i-1)).prop('id');

                prev = '<a href="#{0}">Previous comment</a>'.format(prev_anchor);

            }

            var next = '';

            if (i+1 < $comments.length){

                var next_anchor = $($comments.get(i+1)).prop('id');

                next = '<a href="#{0}">Next comment</a>'.format(next_anchor);

            }

            $(this).find('.comment-prev-next-links').html(

                '<div class="prev-comment">{0}</div>'.format(prev) +

                '<div class="next-comment">{0}</div>'.format(next));

        });

}

/* activate files.html stuff */

var fileBrowserListeners = function(node_list_url, url_base){

    var $node_filter = $('#node_filter');

    var filterTimeout = null;

    var nodes = null;

    var initFilter = function(){

        $('#node_filter_box_loading').show();

        $('#search_activate_id').hide();

        $('#add_node_id').hide();

        $.ajax({url: node_list_url, headers: {'X-PARTIAL-XHR': '1'}, cache: false})

            .done(function(json) {

                    nodes = json.nodes;

                    $('#node_filter_box_loading').hide();

                    $('#node_filter_box').show();

                    $node_filter.focus();

                    if($node_filter.hasClass('init')){

                        $node_filter.val('');

                        $node_filter.removeClass('init');

                    }

                })

            .fail(function() {

                    console.log('fileBrowserListeners initFilter failed to load');

                })

        ;

    }

    var updateFilter = function(e) {

        return function(){

            // Reset timeout

            filterTimeout = null;

            var query = e.currentTarget.value.toLowerCase();

            var match = [];

            var matches = 0;

            var matches_max = 20;

            if (query != ""){

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

                    var pos = nodes[i].name.toLowerCase().indexOf(query);

                    if(query && pos != -1){

                        matches++

                        //show only certain amount to not kill browser

                        if (matches > matches_max){

                            break;

                        }

                        var n = nodes[i].name;

                        var t = nodes[i].type;

                        var n_hl = n.substring(0,pos)

                            + "<b>{0}</b>".format(n.substring(pos,pos+query.length))

                            + n.substring(pos+query.length);

                        var new_url = url_base.replace('__FPATH__',n);

                        match.push('<tr><td><a class="browser-{0}" href="{1}">{2}</a></td><td colspan="5"></td></tr>'.format(t,new_url,n_hl));

                    }

                    if(match.length >= matches_max){

                        match.push('<tr><td>{0}</td><td colspan="5"></td></tr>'.format(_TM['Search truncated']));

                        break;

                    }

                }

            }

            if(query != ""){

                $('#tbody').hide();

                $('#tbody_filtered').show();

                if (match.length==0){

                  match.push('<tr><td>{0}</td><td colspan="5"></td></tr>'.format(_TM['No matching files']));

                }

                $('#tbody_filtered').html(match.join(""));

            }

            else{

                $('#tbody').show();

                $('#tbody_filtered').hide();

            }

        }

    };

    $('#filter_activate').click(function(){

            initFilter();

        });

    $node_filter.click(function(){

            if($node_filter.hasClass('init')){

                $node_filter.val('');

                $node_filter.removeClass('init');

            }

        });

    $node_filter.keyup(function(e){

            clearTimeout(filterTimeout);

            filterTimeout = setTimeout(updateFilter(e),600);

        });

};

var initCodeMirror = function(textarea_id, baseUrl, resetUrl){

    var myCodeMirror = CodeMirror.fromTextArea($('#' + textarea_id)[0], {

            mode: "null",

            lineNumbers: true,

            indentUnit: 4,

            autofocus: true

        });

    CodeMirror.modeURL = baseUrl + "/codemirror/mode/%N/%N.js";

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

            window.location=resetUrl;

        });

    $('#file_enable').click(function(){

            $('#upload_file_container').hide();

            $('#filename_container').show();

            $('#body').show();

        });

    $('#upload_file_enable').click(function(){

            $('#upload_file_container').show();

            $('#filename_container').hide();

            $('#body').hide();

        });

    return myCodeMirror

};

var setCodeMirrorMode = function(codeMirrorInstance, mode) {

    CodeMirror.autoLoadMode(codeMirrorInstance, mode);

}

var _getIdentNode = function(n){

    //iterate thrugh nodes until matching interesting node

    if (typeof n == 'undefined'){

        return -1

    }

    if(typeof n.id != "undefined" && n.id.match('L[0-9]+')){

        return n

    }

    else{

        return _getIdentNode(n.parentNode);

    }

};

/* generate links for multi line selects that can be shown by files.html page_highlights.

 * This is a mouseup handler for hlcode from CodeHtmlFormatter and pygmentize */

var getSelectionLink = function(e) {

    //get selection from start/to nodes

    if (typeof window.getSelection != "undefined") {

        var s = window.getSelection();

        var from = _getIdentNode(s.anchorNode);

        var till = _getIdentNode(s.focusNode);

        var f_int = parseInt(from.id.replace('L',''));

        var t_int = parseInt(till.id.replace('L',''));

        var yoffset = 35;

        var ranges = [parseInt(from.id.replace('L','')), parseInt(till.id.replace('L',''))];

        if (ranges[0] > ranges[1]){

            //highlight from bottom

            yoffset = -yoffset;

            ranges = [ranges[1], ranges[0]];

        }

        var $hl_div = $('div#linktt');

        // if we select more than 2 lines

        if (ranges[0] != ranges[1]){

            if ($hl_div.length) {

                $hl_div.html('');

            } else {

                $hl_div = $('<div id="linktt" class="hl-tip-box">');

                $('body').prepend($hl_div);

            }

            $hl_div.append($('<a>').html(_TM['Selection Link']).prop('href', location.href.substring(0, location.href.indexOf('#')) + '#L' + ranges[0] + '-'+ranges[1]));

            var xy = $(till).offset();

            $hl_div.css('top', (xy.top + yoffset) + 'px').css('left', xy.left + 'px');

            $hl_div.show();

        }

        else{

            $hl_div.hide();

        }

    }

};

var deleteNotification = function(url, notification_id, callbacks){

    var success = function(o){

            $("#notification_"+notification_id).remove();

            _run_callbacks(callbacks);

        };

    var failure = function(o){

            alert("deleteNotification failure");

        };

    var postData = {};

    var sUrl = url.replace('__NOTIFICATION_ID__',notification_id);

    ajaxPOST(sUrl, postData, success, failure);

};

var readNotification = function(url, notification_id, callbacks){

    var success = function(o){

            var $obj = $("#notification_"+notification_id);

            $obj.removeClass('list-group-item-warning');

            $obj.find('.read-notification').remove();

            _run_callbacks(callbacks);

        };

    var failure = function(o){

            alert("readNotification failure");

        };

    var postData = {};

    var sUrl = url.replace('__NOTIFICATION_ID__',notification_id);

    ajaxPOST(sUrl, postData, success, failure);

};

/**

 * Autocomplete functionality

 */

// Custom search function for the DataSource of users

var autocompleteMatchUsers = function (sQuery, myUsers) {

    // Case insensitive matching

    var query = sQuery.toLowerCase();

    var i = 0;

    var l = myUsers.length;

    var matches = [];

    // Match against each name of each contact

    for (; i < l; i++) {

        var contact = myUsers[i];

        if (((contact.fname+"").toLowerCase().indexOf(query) > -1) ||

             ((contact.lname+"").toLowerCase().indexOf(query) > -1) ||

             ((contact.nname) && ((contact.nname).toLowerCase().indexOf(query) > -1))) {

            matches[matches.length] = contact;

        }

    }

    return matches;

};

// Custom search function for the DataSource of userGroups

var autocompleteMatchGroups = function (sQuery, myGroups) {

    // Case insensitive matching

    var query = sQuery.toLowerCase();

    var i = 0;

    var l = myGroups.length;

    var matches = [];

    // Match against each name of each group

    for (; i < l; i++) {

        var matched_group = myGroups[i];

        if (matched_group.grname.toLowerCase().indexOf(query) > -1) {

            matches[matches.length] = matched_group;

        }

    }

    return matches;

};

// Highlight the snippet if it is found in the full text.

// Snippet must be lowercased already.

var autocompleteHighlightMatch = function (full, snippet) {

    var matchindex = full.toLowerCase().indexOf(snippet);

    if (matchindex <0)

        return full;

    return full.substring(0, matchindex)

        + '<span class="select2-match">'

        + full.substr(matchindex, snippet.length)

        + '</span>' + full.substring(matchindex + snippet.length);

};

// Return html snippet for showing the provided gravatar url

var gravatar = function(gravatar_lnk, size, cssclass) {

    if (!gravatar_lnk) {

        return '';

    }

    if (gravatar_lnk == 'default') {

        return '<i class="icon-user {1}" style="font-size: {0}px;"></i>'.format(size, cssclass);

    }

    return ('<i class="icon-gravatar {2}"' +

            ' style="font-size: {0}px;background-image: url(\'{1}\'); background-size: {0}px"' +

            '></i>').format(size, gravatar_lnk, cssclass);

}

var autocompleteGravatar = function(res, gravatar_lnk, size, group) {

    var elem;

    if (group !== undefined) {

        elem = '<i class="perm-gravatar-ac icon-users"></i>';

    } else {

        elem = gravatar(gravatar_lnk, size, "perm-gravatar-ac");

    }

    return '<div class="ac-container-wrap">{0}{1}</div>'.format(elem, res);

}

// Custom formatter to highlight the matching letters

var autocompleteFormatter = function (oResultData, sQuery, sResultMatch) {

    var query;

    if (sQuery && sQuery.toLowerCase) // YAHOO AutoComplete

        query = sQuery.toLowerCase();

    else if (sResultMatch && sResultMatch.term) // select2 - parameter names doesn't match

        query = sResultMatch.term.toLowerCase();

    // group

    if (oResultData.grname) {

        return autocompleteGravatar(

            "{0}: {1}".format(

                _TM['Group'],

                autocompleteHighlightMatch(oResultData.grname, query)),

            null, null, true);

    }

    // users

    if (oResultData.nname) {

        var displayname = autocompleteHighlightMatch(oResultData.nname, query);

        if (oResultData.fname && oResultData.lname) {

            displayname = "{0} {1} ({2})".format(

                autocompleteHighlightMatch(oResultData.fname, query),

                autocompleteHighlightMatch(oResultData.lname, query),

                displayname);

        }

        return autocompleteGravatar(displayname, oResultData.gravatar_lnk, oResultData.gravatar_size);

    }

    return '';

};

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 $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(

    {

        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");