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

    }

    return $comments_box;

}

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

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

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

    var $buttons = $comment_div.children('.add-comment');

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

    if (show_form) {

        if (!$forms.length) {

            _comment_div_append_form($comment_div, f_path, line_no);

        }

    } else {

        $forms.remove();

    }

    $buttons.remove();

    if ($comments.length && !show_form) {

        _comment_div_append_add($comment_div, f_path, line_no);

    }

}

// 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-comment"><span class="btn btn-mini">{0}</span></div>'.format(addlabel));

    $comment_div.append($add);

    $add.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').html().format(f_path, line_no));

    $comment_div.append($form_div);

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

    $form.submit(function(e) {

        e.preventDefault();

        var text = $('#text_'+line_no).val();

        if (!text){

            return;

        }

        $form.find('.submitting-overlay').show();

        var success = function(json_data) {

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

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

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

        };

        var postData = {

            'text': text,

            'f_path': f_path,

            'line': line_no

        };

        ajaxPOST(AJAX_COMMENT_URL, postData, success);

    });

    $('#preview-btn_'+line_no).click(function(e){

        var text = $('#text_'+line_no).val();

        if(!text){

            return

        }

        $('#preview-box_'+line_no).addClass('unloaded');

        $('#preview-box_'+line_no).html(_TM['Loading ...']);

        $('#edit-container_'+line_no).hide();

        $('#edit-btn_'+line_no).show();

        $('#preview-container_'+line_no).show();

        $('#preview-btn_'+line_no).hide();

        var url = pyroutes.url('changeset_comment_preview', {'repo_name': REPO_NAME});

        var post_data = {'text': text};

        ajaxPOST(url, post_data, function(html) {

            $('#preview-box_'+line_no).html(html);

            $('#preview-box_'+line_no).removeClass('unloaded');

        })

    })

    $('#edit-btn_'+line_no).click(function(e) {

        $('#edit-container_'+line_no).show();

        $('#edit-btn_'+line_no).hide();

        $('#preview-container_'+line_no).hide();

        $('#preview-btn_'+line_no).show();

    })

    // create event for hide button

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

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

    });

    setTimeout(function() {

        // callbacks

        tooltip_activate();

                             _USERS_AC_DATA);

        $('#text_'+line_no).focus();

    }, 10)

}

function deleteComment(comment_id) {

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

    var postData = {'_method': 'delete'};

    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.attr('id')));

    }

    if ($comments.length <= 1) {

        return;

    }

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

            var prev = '';

            if (i > 0){

                var prev_anchor = $($comments.get(i-1)).attr('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)).attr('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(current_url, node_list_url, url_base){

    var current_url_branch = "?branch=__BRANCH__";

    $('#stay_at_branch').on('click',function(e){

        if(e.currentTarget.checked){

            var uri = current_url_branch;

            uri = uri.replace('__BRANCH__',e.currentTarget.value);

            window.location = uri;

        }

        else{

            window.location = current_url;

        }

    })

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

};

// Helper highlight function for the formatter

var autocompleteHighlightMatch = function (full, snippet, matchindex) {

    return full.substring(0, matchindex)

    + "<span class='match'>"

    + full.substr(matchindex, snippet.length)

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

};

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

    var elem = '<img alt="gravatar" class="{2}" style="width: {0}px; height: {0}px" src="{1}"/>'.format(size, link, cssclass);

    if (!link) {

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

    }

    return elem;

}

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

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

    if (group !== undefined) {

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

    }

    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 = sQuery.toLowerCase();

    // group

    if (oResultData.grname != undefined) {

        var grname = oResultData.grname;

        var grmembers = oResultData.grmembers;

        var grnameMatchIndex = grname.toLowerCase().indexOf(query);

        var grprefix = "{0}: ".format(_TM['Group']);

        var grsuffix = " ({0} {1})".format(grmembers, _TM['members']);

        if (grnameMatchIndex > -1) {

            return autocompleteGravatar(grprefix + autocompleteHighlightMatch(grname, query, grnameMatchIndex) + grsuffix, null, null, true);

        }

        return autocompleteGravatar(grprefix + oResultData.grname + grsuffix, null, null, true);

    // users

    } else if (oResultData.nname != undefined) {

        var fname = oResultData.fname || "";

        var lname = oResultData.lname || "";

        var nname = oResultData.nname;

        // Guard against null value

        var fnameMatchIndex = fname.toLowerCase().indexOf(query),

            lnameMatchIndex = lname.toLowerCase().indexOf(query),

            nnameMatchIndex = nname.toLowerCase().indexOf(query),

            displayfname, displaylname, displaynname, displayname;

        if (fnameMatchIndex > -1) {

            displayfname = autocompleteHighlightMatch(fname, query, fnameMatchIndex);

        } else {

            displayfname = fname;

        }

        if (lnameMatchIndex > -1) {

            displaylname = autocompleteHighlightMatch(lname, query, lnameMatchIndex);

        } else {

            displaylname = lname;

        }

        if (nnameMatchIndex > -1) {

            displaynname = autocompleteHighlightMatch(nname, query, nnameMatchIndex);

        } else {

            displaynname = nname;

        }

        displayname = displaynname;

        if (displayfname && displaylname) {

            displayname = "{0} {1} ({2})".format(displayfname, displaylname, displayname);

        }

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

    } else {

        return '';

    }

};

// Generate a basic autocomplete instance that can be tweaked further by the caller

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

    autocomplete.useShadow = false;

    autocomplete.resultTypeList = false;

    autocomplete.animVert = false;

    autocomplete.animHoriz = false;

    autocomplete.animSpeed = 0.1;

    autocomplete.formatResult = autocompleteFormatter;

    return autocomplete;

}

    var matchUsers = function (sQuery) {

        return autocompleteMatchUsers(sQuery, users_list);

    }

    // Handler for selection of an entry

    var itemSelectHandler = 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 = oData.nname;

    };

    userAC.itemSelectEvent.subscribe(itemSelectHandler);

}

    var matchAll = function (sQuery) {

        var u = autocompleteMatchUsers(sQuery, users_list);

        var g = autocompleteMatchGroups(sQuery, groups_list);

        return u.concat(g);

    };

    // Handler for selection of an entry

    var itemSelectHandler = 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

        //fill the autocomplete with value

        if (oData.nname != undefined) {

            //users

            myAC.getInputEl().value = oData.nname;

            $('#perm_new_member_type_'+nextId).val('user');

        } else {

            //groups

            myAC.getInputEl().value = oData.grname;

            $('#perm_new_member_type_'+nextId).val('users_group');

        }

    };

    membersAC.itemSelectEvent.subscribe(itemSelectHandler);

}

    var matchUsers = function (sQuery) {

            var org_sQuery = sQuery;

            if(this.mentionQuery == null){

                return []

            }

            sQuery = this.mentionQuery;

            return autocompleteMatchUsers(sQuery, users_list);

    }

    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'+

        '       <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 as PR reviewers */

    var matchUsers = function (sQuery) {

        return autocompleteMatchUsers(sQuery, users_list);

    };

    reviewerAC.suppressInputUpdate = true;

    // Handler for selection of an entry

    if(reviewerAC.itemSelectEvent){

        reviewerAC.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

            addReviewMember(oData.id, oData.fname, oData.lname, oData.nname,

                            oData.gravatar_lnk, oData.gravatar_size);

            myAC.getInputEl().value = '';

        });

    }

}

/**

 * Activate .quick_repo_menu

 */

var quick_repo_menu = function(){

    $(".quick_repo_menu").mouseenter(function(e) {

            var $menu = $(e.currentTarget).children().first().children().first();

            if($menu.hasClass('hidden')){

                $menu.removeClass('hidden').addClass('active');

                $(e.currentTarget).removeClass('hidden').addClass('active');

            }

        })

    $(".quick_repo_menu").mouseleave(function(e) {

            var $menu = $(e.currentTarget).children().first().children().first();

            if($menu.hasClass('active')){

                $menu.removeClass('active').addClass('hidden');

                $(e.currentTarget).removeClass('active').addClass('hidden');

            }

        })

};

/**

 * TABLE SORTING

 */

var revisionSort = function(a, b, desc, field) {

    var a_ = parseInt(a.getData('last_rev_raw') || 0);

    var b_ = parseInt(b.getData('last_rev_raw') || 0);

    return YAHOO.util.Sort.compare(a_, b_, desc);

};

var ageSort = function(a, b, desc, field) {

    // data is like: <span class="tooltip" date="2014-06-04 18:18:55.325474" title="Wed, 04 Jun 2014 18:18:55">1 day and 23 hours ago</span>

    var a_ = $(a.getData(field)).attr('date');

    var b_ = $(b.getData(field)).attr('date');

    return YAHOO.util.Sort.compare(a_, b_, desc);

};

var lastLoginSort = function(a, b, desc, field) {

    var a_ = parseFloat(a.getData('last_login_raw') || 0);

    var b_ = parseFloat(b.getData('last_login_raw') || 0);

    return YAHOO.util.Sort.compare(a_, b_, desc);

};

var nameSort = function(a, b, desc, field) {

    var a_ = a.getData('raw_name') || 0;

    var b_ = b.getData('raw_name') || 0;

    return YAHOO.util.Sort.compare(a_, b_, desc);

};

var dateSort = function(a, b, desc, field) {

    var a_ = parseFloat(a.getData('raw_date') || 0);

    var b_ = parseFloat(b.getData('raw_date') || 0);

    return YAHOO.util.Sort.compare(a_, b_, desc);

};

var addPermAction = function(_html, users_list, groups_list){

    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(_html.format(next_id)));

}

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 = {

        '_method': 'delete'

    }

    // 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';

            });

        });

}

// custom paginator

var YUI_paginator = function(links_per_page, containers){

    (function () {

        var Paginator = YAHOO.widget.Paginator,

            l         = YAHOO.lang,

            setId     = YAHOO.util.Dom.generateId;

        Paginator.ui.MyFirstPageLink = function (p) {

            this.paginator = p;

            p.subscribe('recordOffsetChange',this.update,this,true);

            p.subscribe('rowsPerPageChange',this.update,this,true);

            p.subscribe('totalRecordsChange',this.update,this,true);

            p.subscribe('destroy',this.destroy,this,true);

            // TODO: make this work

            p.subscribe('firstPageLinkLabelChange',this.update,this,true);

            p.subscribe('firstPageLinkClassChange',this.update,this,true);

        };

        Paginator.ui.MyFirstPageLink.init = function (p) {

            p.setAttributeConfig('firstPageLinkLabel', {

                value : 1,

                validator : l.isString

            });

            p.setAttributeConfig('firstPageLinkClass', {

                value : 'yui-pg-first',

                validator : l.isString

            });

            p.setAttributeConfig('firstPageLinkTitle', {

                value : 'First Page',

                validator : l.isString

                </div>

                <div class="input input-medium ac">

                    <div class="perm_ac">

                       ${h.text('user',class_='yui-ac-input')}

                       <span class="help-block">${_('Change owner of this repository.')}</span>

                       <div id="owner_container"></div>

                    </div>

                </div>

             </div>

            <div class="field">

                <div class="label label-textarea">

                    <label for="repo_description">${_('Description')}:</label>

                </div>

                <div class="textarea text-area editor">

                    ${h.textarea('repo_description', style="height:165px")}

                    <span class="help-block">${_('Keep it short and to the point. Use a README file for longer descriptions.')}</span>

                </div>

            </div>

            <div class="field">

                <div class="label label-checkbox">

                    <label for="repo_private">${_('Private repository')}:</label>

                </div>

                <div class="checkboxes">

                    ${h.checkbox('repo_private',value="True")}

                    <span class="help-block">${_('Private repositories are only visible to people explicitly added as collaborators.')}</span>

                </div>

            </div>

            <div class="field">

                <div class="label label-checkbox">

                    <label for="repo_enable_statistics">${_('Enable statistics')}:</label>

                </div>

                <div class="checkboxes">

                    ${h.checkbox('repo_enable_statistics',value="True")}

                    <span class="help-block">${_('Enable statistics window on summary page.')}</span>

                </div>

            </div>

            <div class="field">

                <div class="label label-checkbox">

                    <label for="repo_enable_downloads">${_('Enable downloads')}:</label>

                </div>

                <div class="checkboxes">

                    ${h.checkbox('repo_enable_downloads',value="True")}

                    <span class="help-block">${_('Enable download menu on summary page.')}</span>

                </div>

            </div>

            <div class="field">

                <div class="label label-checkbox">

                    <label for="repo_enable_locking">${_('Enable locking')}:</label>

                </div>

                <div class="checkboxes">

                    ${h.checkbox('repo_enable_locking',value="True")}

                    <span class="help-block">${_('Enable lock-by-pulling on repository.')}</span>

                </div>

            </div>

            %if c.visual.repository_fields:

              ## EXTRA FIELDS

              %for field in c.repo_fields:

                <div class="field">

                    <div class="label">

                        <label for="${field.field_key_prefixed}">${field.field_label} (${field.field_key}):</label>

                    </div>

                    <div class="input input-medium">

                        ${h.text(field.field_key_prefixed, field.field_value, class_='medium')}

                        %if field.field_desc:

                          <span class="help-block">${field.field_desc}</span>

                        %endif

                    </div>

                 </div>

              %endfor

            %endif

            <div class="buttons">

              ${h.submit('save',_('Save'),class_="btn")}

              ${h.reset('reset',_('Reset'),class_="btn")}

            </div>

        </div>

    </div>

    ${h.end_form()}

<script>

    $(document).ready(function(){

        $('#show_more_clone_id').on('click', function(e){

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

            e.preventDefault();

        });

        $('#repo_landing_rev').select2({

            'dropdownAutoWidth': true

        });

        $('#repo_group').select2({

            'dropdownAutoWidth': true

        });

        // autocomplete

        var _USERS_AC_DATA = ${c.users_array|n};

    });

</script>

        ungettext("%d comment", "%d comments", inline_cnt + general_cnt) % (inline_cnt + general_cnt),

        ungettext("%d inline", "%d inline", inline_cnt) % inline_cnt,

        ungettext("%d general", "%d general", general_cnt) % general_cnt

    )}

    <span class="firstlink"></span>

</%def>

## generate inline comments and the main ones

<%def name="generate_comments()">

<div class="comments">

  %for f_path, lines in c.inline_comments:

    %for line_no, comments in lines.iteritems():

      <div class="comments-list-chunk" data-f_path="${f_path}" data-line_no="${line_no}" data-target-id="${h.safeid(h.safe_unicode(f_path))}_${line_no}">

        %for co in comments:

            ${comment_block(co)}

        %endfor

      </div>

    %endfor

  %endfor

  <div class="comments-number">

    ${comment_count(c.inline_cnt, len(c.comments))}

  </div>

      <div class="comments-list-general">

        %for co in c.comments:

            ${comment_block(co)}

        %endfor

      </div>

</div>

</%def>

## MAIN COMMENT FORM

<%def name="comments(post_url, cur_status, is_pr=False, change_status=True)">

<div class="comments">

    %if c.authuser.username != 'default':

    <div class="comment-form ac">

      ${h.form(post_url, id="main_form")}

        <div id="edit-container" class="clearfix">

            <div class="comment-help">

                ${(_('Comments parsed using %s syntax with %s support.') % (('<a href="%s">RST</a>' % h.url('rst_help')),

                  '<span style="color:#577632" class="tooltip" title="%s">@mention</span>' %

                  _('Use @username inside this text to notify another user.')))|n}

            </div>

            <div class="mentions-container" id="mentions_container"></div>

            ${h.textarea('text', class_="comment-block-ta")}

            %if change_status:

              <div id="status_block_container" class="status-block">

                %if is_pr:

                  ${_('Vote for pull request status')}:

                %else:

                  ${_('Set changeset status')}:

                %endif

                <input type="radio" class="status_change_radio" name="changeset_status" id="changeset_status_unchanged" value="" checked="checked" />

                <label for="changeset_status_unchanged">

                  ${_('No change')}

                </label>

                %for status,lbl in c.changeset_statuses:

                    <span style="margin-left: 15px;">

                        <input type="radio" class="status_change_radio" name="changeset_status" id="${status}" value="${status}">

                        <label for="${status}"><i class="icon-circle changeset-status-${status}" /></i>${lbl}</label>

                    </span>

                %endfor

                %if is_pr and ( \

                    h.HasPermissionAny('hg.admin')() or h.HasRepoPermissionAny('repository.admin')(c.repo_name) \

                    or c.pull_request.author.user_id == c.authuser.user_id):

                  <input id="save_close" type="checkbox" name="save_close">

                  <label id="save_close_label" for="save_close">${_("Close")}</label>

                %endif

              </div>

            %endif

        </div>

        <div id="preview-container" class="clearfix" style="display:none">

            <div class="comment-help">

                ${_('Comment preview')}