};

/**

 * Partial Ajax Implementation

 *

 * @param url: defines url to make partial request

 * @param container: defines id of container to input partial result

 * @param s_call: success callback function that takes o as arg

 *  o.tId

 *  o.status

 *  o.statusText

 *  o.getResponseHeader[ ]

 *  o.getAllResponseHeaders

 *  o.responseText

 *  o.responseXML

 *  o.argument

 * @param f_call: failure callback

 * @param args arguments

 */

function ypjax(url,container,s_call,f_call,args){

    var method='GET';

    if(args===undefined){

        args=null;

    }

    $container = $('#' + container);

    // Set special header for partial ajax == HTTP_X_PARTIAL_XHR

    YUC.initHeader('X-PARTIAL-XHR',true);

    // wrapper of passed callback

    var s_wrapper = (function(o){

        return function(o){

            $container.html(o.responseText);

            $container.css('opacity','1.0');

            //execute the given original callback

            if (s_call !== undefined){

                s_call(o);

            }

        }

    })()

    $container.css('opacity','0.3');

    YUC.asyncRequest(method,url,{

        success:s_wrapper,

        failure:function(o){

            console.log('ypjax failure: '+o);

            $container.html('<span class="error_red">ERROR: {0}</span>'.format(o.status));

            $container.css('opacity','1.0');

        },

        cache:false

    },args);

};

var ajaxGET = function(url,success) {

    // Set special header for ajax == HTTP_X_PARTIAL_XHR

    YUC.initHeader('X-PARTIAL-XHR',true);

    var sUrl = url;

    var callback = {

        success: success,

        failure: function (o) {

            if (o.status != 0) {

                alert("Ajax GET error: " + o.statusText);

            };

        },

    };

    var request = YAHOO.util.Connect.asyncRequest('GET', sUrl, callback);

    return request;

};

var ajaxPOST = function(url,postData,success) {

    // Set special header for ajax == HTTP_X_PARTIAL_XHR

    YUC.initHeader('X-PARTIAL-XHR',true);

    var sUrl = url;

    var callback = {

        success: success,

        failure: function (o) {

            alert("Ajax POST error: " + o.statusText);

        },

    };

    var postData = _toQueryString(postData);

    var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);

    return request;

};

/**

 * activate .show_more links

 * the .show_more must have an id that is the the id of an element to hide prefixed with _

 * the parentnode will be displayed

 */

var show_more_event = function(){

    $('.show_more').click(function(e){

        var el = e.currentTarget;

        $('#' + el.id.substring(1)).hide();

        $(el.parentNode).show();

    });

};

/**

 * activate .lazy-cs mouseover for showing changeset tooltip

 */

var show_changeset_tooltip = function(){

    $('.lazy-cs').mouseover(function(e){

        var $target = $(e.currentTarget);

        var rid = $target.attr('raw_id');

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

        if(rid && !$target.hasClass('tooltip')){

            _show_tooltip(e, _TM['loading ...']);

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

            ajaxGET(url, function(o){

                    var json = JSON.parse(o.responseText);

                    $target.addClass('tooltip')

                    _show_tooltip(e, json['message']);

                    _activate_tooltip($target);

                });

        }

    });

};

var _onSuccessFollow = function(target){

    var $target = $(target);

    var $f_cnt = $('#current_followers_count');

    if($target.hasClass('follow')){

        $target.attr('class', 'following');

        $target.attr('title', _TM['Stop following this repository']);

        if($f_cnt.html()){

            var cnt = Number($f_cnt.html())+1;

            $f_cnt.html(cnt);

        }

    }

    else{

        $target.attr('class', 'follow');

        $target.attr('title', _TM['Start following this repository']);

        if($f_cnt.html()){

            var cnt = Number($f_cnt.html())-1;

            $f_cnt.html(cnt);

        }

    }

}

var toggleFollowingRepo = function(target, follows_repo_id, token, user_id){

    args = 'follows_repo_id='+follows_repo_id;

    args+= '&auth_token='+token;

    if(user_id != undefined){

        args+="&user_id="+user_id;

    }

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

            _onSuccessFollow(target);

        });

    return false;

};

var showRepoSize = function(target, repo_name, token){

    var args= 'auth_token='+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;

};

/**

 * tooltips

 */

var tooltip_activate = function(){

    $(document).ready(_init_tooltip);

};

var _activate_tooltip = function($tt){

    $tt.mouseover(_show_tooltip);

    $tt.mousemove(_move_tooltip);

    $tt.mouseout(_close_tooltip);

};

var _init_tooltip = function(){

    var $tipBox = $('#tip-box');

    if(!$tipBox.length){

        $tipBox = $('<div id="tip-box"></div>')

        $(document.body).append($tipBox);

    }

    $tipBox.hide();

    $tipBox.css('position', 'absolute');

    $tipBox.css('max-width', '600px');

    _activate_tooltip($('.tooltip'));

};

var _show_tooltip = function(e, tipText){

    e.stopImmediatePropagation();

    var el = e.currentTarget;

    if(tipText){

        // just use it

    } else if(el.tagName.toLowerCase() === 'img'){

        tipText = el.alt ? el.alt : '';

    } else {

        tipText = el.title ? el.title : '';

    }

    if(tipText !== ''){

        // save org title

        $(el).attr('tt_title', tipText);

        // reset title to not show org tooltips

        $(el).attr('title', '');

        var $tipBox = $('#tip-box');

        $tipBox.html(tipText);

        $tipBox.css('display', 'block');

    }

};

var _move_tooltip = function(e){

    e.stopImmediatePropagation();

    var $tipBox = $('#tip-box');

    $tipBox.css('top', (e.pageY + 15) + 'px');

    $tipBox.css('left', (e.pageX + 15) + 'px');

};

var _close_tooltip = function(e){

    e.stopImmediatePropagation();

    var $tipBox = $('#tip-box');

    $tipBox.hide();

    var el = e.currentTarget;

    $(el).attr('title', $(el).attr('tt_title'));

};

/**

 * 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(target, nodes, display_element){

    var nodes = nodes;

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

    var F = YAHOO.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 l = nodes.length;

        var i;

        var showing = 0;

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

            var n = nodes[i];

            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 */

    }

};

/* return jQuery expression with a tr with body in 3rd column and class cls and id named after the body */

var _table_tr = function(cls, body){

    // like: <div class="comment" id="comment-8" line="o92"><div class="comment-wrapp">...

    // except new inlines which are different ...

    var comment_id = ($(body).attr('id') || 'comment-new').split('comment-')[1];

    var tr_id = 'comment-tr-{0}'.format(comment_id);

    return $(('<tr id="{0}" class="{1}">'+

                  '<td class="lineno-inline new-inline"></td>'+

                  '<td class="lineno-inline old-inline"></td>'+

                  '<td>{2}</td>'+

                 '</tr>').format(tr_id, cls, body));

};

/** return jQuery expression with new inline form based on template **/

var _createInlineForm = function(parent_tr, f_path, line) {

    var $tmpl = $('#comment-inline-form-template').html().format(f_path, line);

    var $form = _table_tr('comment-form-inline', $tmpl)

    // create event for hide button

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

        var newtr = e.currentTarget.parentNode.parentNode.parentNode.parentNode.parentNode;

        if($(newtr).next().hasClass('inline-comments-button')){

            $(newtr).next().show();

        }

        $(newtr).remove();

        $(parent_tr).removeClass('form-open');

        $(parent_tr).removeClass('hl-comment');

    });

    return $form

};

/**

 * Inject inline comment for an given TR. This tr should always be a .line .

 * The form will be inject after any comments.

 */

var injectInlineForm = function(tr){

    $tr = $(tr);

    if(!$tr.hasClass('line')){

        return

    }

    var submit_url = AJAX_COMMENT_URL;

    var $td = $tr.find('.code');

    if($tr.hasClass('form-open') || $tr.hasClass('context') || $td.hasClass('no-comment')){

        return

    }

    $tr.addClass('form-open hl-comment');

    var $node = $tr.parent().parent().parent().find('.full_f_path');

    var f_path = $node.attr('path');

    var lineno = _getLineNo(tr);

    var $form = _createInlineForm(tr, f_path, lineno, submit_url);

    var $parent = $tr;

    while ($parent.next().hasClass('inline-comments')){

        var $parent = $parent.next();

    }

    $form.insertAfter($parent);

    var $overlay = $form.find('.submitting-overlay');

    var $inlineform = $form.find('.inline-form');

    $form.submit(function(e){

        e.preventDefault();

        if(lineno === undefined){

            alert('Error submitting, line ' + lineno + ' not found.');

            return

        }

        if(f_path === undefined){

            alert('Error submitting, file path ' + f_path + ' not found.');

            return

        }

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

        if(text == ""){

            return

        }

        $overlay.show();

        var success = function(o){

            $tr.removeClass('form-open');

            $form.remove();

            var json_data = JSON.parse(o.responseText);

            _renderInlineComment(json_data);

        };

        var postData = {

                'text': text,

                'f_path': f_path,

                'line': lineno

        };

        ajaxPOST(submit_url, postData, success);

    });

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

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

        if(!text){

            return

        }

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

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

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

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

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

        var post_data = {'text': text};

        ajaxPOST(url, post_data, function(o){

            $('#preview-box_'+lineno).html(o.responseText);

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

        })

    })

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

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

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

    })

    setTimeout(function(){

        // callbacks

        tooltip_activate();

        MentionsAutoComplete('text_'+lineno, 'mentions_container_'+lineno,

                             _USERS_AC_DATA, _GROUPS_AC_DATA);

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

    },10)

};

var deleteComment = function(comment_id){

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

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

    var success = function(o){

        var $deleted = $('#comment-tr-'+comment_id);

        var $prev = $deleted.prev('tr');

        $deleted.remove();

        _placeAddButton($prev);

    }

    ajaxPOST(url,postData,success);

}

var _getLineNo = function(tr) {

    var line;

    var o = $(tr).children()[0].id.split('_');

    var n = $(tr).children()[1].id.split('_');

    if (n.length >= 2) {

        line = n[n.length-1];

    } else if (o.length >= 2) {

        line = o[o.length-1];

    }

    return line

};

var _placeAddButton = function($line_tr){

    var $tr = $line_tr;

    while ($tr.next().hasClass('inline-comments')){

        $tr.find('.add-comment').remove();

        $tr = $tr.next();

    }

    $tr.find('.add-comment').remove();

    var label = TRANSLATION_MAP['Add another comment'];

    var $html_el = $('<div class="add-comment"><span class="btn btn-mini">{0}</span></div>'.format(label));

    $html_el.click(function(e) {

        injectInlineForm($line_tr);

    });

    $tr.find('.comment').after($html_el);

};

/**

 * Places the inline comment into the changeset block in proper line position

 */

var _placeInline = function(target_id, lineno, html){

    var $td = $("#{0}_{1}".format(target_id, lineno));

    if (!$td.length){

        return false;

    }

    // check if there are comments already !

    var $line_tr = $td.parent(); // the tr

    var $after_tr = $line_tr;

    while ($after_tr.next().hasClass('inline-comments')){

        $after_tr = $after_tr.next();

    }

    // put in the comment at the bottom

    var $tr = _table_tr('inline-comments', html)

    $tr.find('div.comment').addClass('inline-comment');

    $after_tr.after($tr);

    // scan nodes, and attach add button to last one

    _placeAddButton($line_tr);

    return true;

}

/**

 * make a single inline comment and place it inside

 */

var _renderInlineComment = function(json_data){

    var html =  json_data['rendered_text'];

    var lineno = json_data['line_no'];

    var target_id = json_data['target_id'];

    return _placeInline(target_id, lineno, html);

}

/**

 * Iterates over all the inlines, and places them inside proper blocks of data

 */

var renderInlineComments = function(file_comments){

    for (f in file_comments){

        // holding all comments for a FILE

        var box = file_comments[f];

        var target_id = $(box).attr('target_id');

        // actual comments with line numbers

        var comments = box.children;

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

            var data = {

                'rendered_text': comments[i].outerHTML,

                'line_no': $(comments[i]).attr('line'),

                'target_id': target_id

            }

            if (_renderInlineComment(data)) {

                $(comments[i]).hide();

            }else{

                var txt = document.createTextNode(

                        "Comment to " + YUD.getAttribute(comments[i].parentNode,'path') +

                        " line " + data.line_no +

                        " which is outside the diff context:");

                comments[i].insertBefore(txt, comments[i].firstChild);

            }

        }

        $(box).show();

    }

}

/**

 * Double link comments

 */

var linkInlineComments = function(firstlinks, comments){

    var $comments = $(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 = YUD.getAttribute(comments.item(i-1),'id');

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

            }

            var next = '';

            if (i+1 < comments.length){

                var next_anchor = YUD.getAttribute(comments.item(i+1),'id');

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

            }

            var $div = $(('<div class="prev-next-comment">'+

                          '<div class="prev-comment">{0}</div>'+

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

            $div.prependTo(this);

        });

}

/* 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();

        YUC.initHeader('X-PARTIAL-XHR',true);

        YUC.asyncRequest('GET', node_list_url, {

            success:function(o){

                nodes = JSON.parse(o.responseText).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');

                }

            },

            failure:function(o){

                console.log('failed to load');

            }

        },null);

    }

    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, resetUrl){

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

            mode: "null",

            lineNumbers: true,

            indentUnit: 4,

            autofocus: true,

        });

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

            window.location=resetUrl;

        });

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

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

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

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

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

        });

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

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

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

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

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

        });

    return myCodeMirror

};

var setCodeMirrorMode = function(codeMirrorInstance, mode) {

    codeMirrorInstance.setOption("mode", 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") {

        s = window.getSelection();

        from = _getIdentNode(s.anchorNode);

        till = _getIdentNode(s.focusNode);

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

        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']).attr('href', location.href.substring(0, location.href.indexOf('#')) + '#L' + ranges[0] + '-'+ranges[1]));

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

        success:function(o){

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

            _run_callbacks(callbacks);

        },

        failure:function(o){

            alert("deleteNotification failure");

        },

    };

    var postData = '_method=delete';

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

    var request = YAHOO.util.Connect.asyncRequest('POST', sUrl,

                                                  callback, postData);

};

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

    var callback = {

        success:function(o){

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

            $obj.removeClass('unread');

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

            _run_callbacks(callbacks);

        },

        failure:function(o){

            alert("readNotification failure");

        },

    };

    var postData = '_method=put';

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

    var request = YAHOO.util.Connect.asyncRequest('POST', sUrl,

                                                  callback, postData);

};

/** MEMBERS AUTOCOMPLETE WIDGET **/

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

    var myUsers = users_list;

    var myGroups = groups_list;

## -*- coding: utf-8 -*-

## usage:

## <%namespace name="comment" file="/changeset/changeset_file_comment.html"/>

## ${comment.comment_block(co)}

##

<%def name="comment_block(co)">

  <div class="comment" id="comment-${co.comment_id}" line="${co.line_no}">

    <div class="comment-wrapp">

      <div class="meta">

        <div style="float:left"> <img src="${h.gravatar_url(co.author.email, 20)}" /> </div>

          <div class="user">

              ${co.author.username}

          </div>

          <div class="date">

              ${h.age(co.modified_at)}

          </div>

       <div style="float:left;padding:4px 0px 0px 5px">

        <span class="">

         %if co.pull_request:

            %if co.status_change:

              ${_('Status change from pull request')}

              <a href="${h.url('pullrequest_show',repo_name=co.pull_request.other_repo.repo_name,pull_request_id=co.pull_request.pull_request_id)}">"${co.pull_request.title or _("No title")}"</a>:

            %else:

              ${_('Comment from pull request')}

              <a href="${h.url('pullrequest_show',repo_name=co.pull_request.other_repo.repo_name,pull_request_id=co.pull_request.pull_request_id)}">"${co.pull_request.title or _("No title")}"</a>

            %endif

         %else:

            %if co.status_change:

              ${_('Status change on changeset')}:

            %else:

              ${_('Comment on changeset')}

            %endif

         %endif

        </span>

       </div>

        %if co.status_change:

           <div  style="float:left" class="changeset-status-container">

             <div style="float:left;padding:10px 2px 0px 2px"></div>

             <div title="${_('Changeset status')}" class="changeset-status-lbl"> ${co.status_change[0].status_lbl}</div>

             <div class="changeset-status-ico"><img src="${h.url(str('/images/icons/flag_status_%s.png' % co.status_change[0].status))}" /></div>

           </div>

        %endif

      <a class="permalink" href="#comment-${co.comment_id}">&para;</a>

      %if h.HasPermissionAny('hg.admin')() or h.HasRepoPermissionAny('repository.admin')(c.repo_name) or co.author.user_id == c.authuser.user_id:

          <div onClick="confirm('${_("Delete comment?")}') && deleteComment(${co.comment_id})" class="buttons delete-comment btn btn-mini">${_('Delete')}</div>

      %endif

      </div>

      <div class="text">

          ${h.rst_w_mentions(co.text)|n}

      </div>

    </div>

  </div>

</%def>

<%def name="comment_inline_form()">

<div id='comment-inline-form-template' style="display:none">

  <div class="comment-inline-form ac">

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

      ${h.form('#', class_='inline-form')}

      <div id="edit-container_{1}" class="clearfix">

          <div class="comment-help">${_('Commenting on line {1}.')}

          ${(_('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_{1}"></div>

            <textarea id="text_{1}" name="text" class="comment-block-ta yui-ac-input"></textarea>

      </div>

      <div id="preview-container_{1}" class="clearfix" style="display:none">

         <div class="comment-help">

              ${_('Comment preview')}

          </div>

          <div id="preview-box_{1}" class="preview-box"></div>

      </div>

      <div class="comment-button">

      <div class="submitting-overlay">${_('Submitting ...')}</div>

      <input type="hidden" name="f_path" value="{0}">

      <input type="hidden" name="line" value="{1}">

      ${h.submit('save', _('Comment'), class_='btn btn-small save-inline-form')}

      ${h.reset('hide-inline-form', _('Cancel'), class_='btn btn-small hide-inline-form')}