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

        });

    });

}

/**

 * 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("<span class='bg-warning'>Comment to {0} line {1} which is outside the diff context:</span>".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:not(.submitting)');

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

        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').length;

            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

        };

        function success(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);

                }

            }

        }

        function failure(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() {

        comment_div_state($comment_div, f_path, line_no);

    });

    tooltip_activate();

    if ($textarea.length > 0) {

        MentionsAutoComplete($textarea);

    }

    if (f_path) {

        $textarea.focus();

    }

}

function deleteComment(comment_id) {

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

    var postData = {};

    function success() {

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

 */

function linkInlineComments($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){

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

function fileBrowserListeners(node_list_url, url_base){

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

    var filterTimeout = null;

    var nodes = null;

    function initFilter(){

        $('#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');

                })

        ;

    }

    function updateFilter(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;

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

<%inherit file="/base/base.html"/>

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

<%block name="title">

    ${_('%s Changeset') % c.repo_name} - ${h.show_id(c.changeset)}

</%block>

<%def name="breadcrumbs_links()">

    ${_('Changeset')} - <span class='changeset_hash'>${h.show_id(c.changeset)}</span>

</%def>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%def name="main()">

${self.repo_context_bar('changelog', c.changeset.raw_id)}

<div class="panel panel-primary">

  <div class="panel-heading clearfix">

    ${self.breadcrumbs()}

  </div>

  <script>'use strict';

  </script>

  <div class="panel-body">

    <div class="panel panel-default">

        <div class="panel-heading clearfix">

            ${self.parent_child_navigation()}

                <div class="pull-left" title="${_('Changeset status')}">

                    %if c.statuses:

                        <i class="icon-circle changeset-status-${c.statuses[0]}"></i>

                        [${h.changeset_status_lbl(c.statuses[0])}]

                    %endif

                </div>

                <div class="diff-actions pull-left">

                  <a href="${h.url('changeset_raw_home',repo_name=c.repo_name,revision=c.changeset.raw_id)}"

                     data-toggle="tooltip"

                     title="${_('Raw diff')}"><i class="icon-diff"></i></a>

                  <a href="${h.url('changeset_patch_home',repo_name=c.repo_name,revision=c.changeset.raw_id)}"

                     data-toggle="tooltip"

                     title="${_('Patch diff')}"><i class="icon-file-powerpoint"></i></a>

                  <a href="${h.url('changeset_download_home',repo_name=c.repo_name,revision=c.changeset.raw_id,diff='download')}"

                     data-toggle="tooltip"

                     title="${_('Download diff')}"><i class="icon-floppy"></i></a>

                  ${c.ignorews_url(request.GET)}

                  ${c.context_url(request.GET)}

                </div>

        </div>

        <div class="panel-body">

            <div class="form-group changeset_content_header clearfix">

                <div class="pull-right">

                    <span>

                        %if len(c.changeset.parents)>1:

                        <span class="label label-merge">${_('Merge')}</span>

                        %endif

                        %for book in c.changeset.bookmarks:

                        <span class="label label-bookmark" title="${_('Bookmark %s') % book}">${h.link_to(book,h.url('changeset_home',repo_name=c.repo_name,revision=c.changeset.raw_id))}</span>

                        %endfor

                        %for tag in c.changeset.tags:

                         <span class="label label-tag"  title="${_('Tag %s') % tag}">${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=c.changeset.raw_id))}</span>

                        %endfor

                        %for branch in c.changeset.branches:

                          <span class="label label-branch" title="${_('Branch %s') % branch}">${h.link_to(branch,h.url('changelog_home',repo_name=c.repo_name,branch=branch))}</span>

                        %endfor

                    </span>

                    <div class="changes">

                        % if (len(c.changeset.affected_files) <= c.affected_files_cut_off) or c.fulldiff:

                         <span class="label deleted" title="${_('Removed')}">${len(c.changeset.removed)}</span>

                         <span class="label changed" title="${_('Changed')}">${len(c.changeset.changed)}</span>

                         <span class="label added" title="${_('Added')}">${len(c.changeset.added)}</span>

                        % else:

                         <span class="label deleted" title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>

                         <span class="label changed" title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>

                         <span class="label added"   title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>

                        % endif

                    </div>

                </div>

                <div class="pull-left">

                     <div class="author">

                         ${h.gravatar_div(h.email_or_none(c.changeset.author), size=20)}

                         <span><b>${h.person(c.changeset.author,'full_name_and_username')}</b> - ${h.age(c.changeset.date,True)} ${h.fmt_date(c.changeset.date)}</span><br/>

                         <span>${h.email_or_none(c.changeset.author)}</span><br/>

                     </div>

                     %if c.changeset_graft_source_hash:

                     <div>

                       ${_('Grafted from:')} ${h.link_to(h.short_id(c.changeset_graft_source_hash),h.url('changeset_home',repo_name=c.repo_name,revision=c.changeset_graft_source_hash), class_="changeset_hash")}

                     </div>

                     %endif

                     %if c.changeset_transplant_source_hash:

                     <div>

                       ${_('Transplanted from:')} ${h.link_to(h.short_id(c.changeset_transplant_source_hash),h.url('changeset_home',repo_name=c.repo_name,revision=c.changeset_transplant_source_hash), class_="changeset_hash")}

                     </div>

                     %endif

                     % if hasattr(c.changeset, 'successors') and c.changeset.successors:

                     <div class='successors'>

                       <span class='successors_header'>${_('Replaced by:')} </span>

                       % for i, s in enumerate(c.changeset.successors):

                           <%

                           comma = ""

                           if i != len(c.changeset.successors)-1:

                             comma = ", "

                           %>

                         <a class='successors_hash' href="${h.url('changeset_home',repo_name=c.repo_name, revision=s)}">${s}</a>${comma}

                       % endfor

                     </div>

                     % endif

                     % if hasattr(c.changeset, 'predecessors') and c.changeset.predecessors:

                     <div class='predecessors'>

                       <span class='predecessors_header'>${_('Preceded by:')} </span>

                       % for i, s in enumerate(c.changeset.predecessors):

                           <%

                           comma = ""

                  </span>

                  %if editable:

                  <a href="#" class="reviewer_member_remove" onclick="removeReviewMember(${member.user_id})" title="${_('Remove reviewer')}">

                      <i class="icon-minus-circled"></i>

                  </a>

                  %endif

                </span>

              </li>

            %endfor

            </ul>

          </div>

          %if editable:

          <div>

             ${h.text('user', class_='form-control',placeholder=_('Type name of reviewer to add'))}

          </div>

          %endif

        </div>

        %if not c.pull_request_reviewers:

        <h4>${_('Potential Reviewers')}</h4>

        <div>

          <div>

            ${_('Click to add the repository owner as reviewer:')}

          </div>

          <ul class="list-unstyled">

            %for u in [c.pull_request.other_repo.owner]:

              <li>

                <a class="btn btn-default btn-xs missing_reviewer missing_reviewer_${u.user_id}"

                  href="#"

                  data-user_id="${u.user_id}"

                  data-fname="${u.name}"

                  data-lname="${u.lastname}"

                  data-nname="${u.username}"

                  data-gravatar_lnk="${h.gravatar_url(u.email, size=28, default='default')}"

                  data-gravatar_size="14"

                  title="Click to add reviewer to the list, then Save Changes."><i class="icon-plus"></i>${u.full_name}</a>

              </li>

            %endfor

          </ul>

        </div>

        %endif

    </div>

  ${h.end_form()}

</div>

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

      <div class="panel-title">${_('Pull Request Content')}</div>

    </div>

    <div class="panel-body">

        <div>

            <div id="changeset_compare_view_content">

              <h5>

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

              </h5>

              ##CS

              <h5>

                ${ungettext('Showing %s commit','Showing %s commits', len(c.cs_ranges)) % len(c.cs_ranges)}

              </h5>

              <%include file="/compare/compare_cs.html" />

              <h5>

              ${_('Common ancestor')}:

              ${h.link_to(h.short_id(c.a_rev),h.url('changeset_home',repo_name=c.a_repo.repo_name,revision=c.a_rev), class_="changeset_hash")}

              </h5>

              ## FILES

              <h5>

              % if c.limited_diff:

                  ${ungettext('%s file changed', '%s files changed', len(c.file_diff_data)) % len(c.file_diff_data)}:

              % else:

                  ${ungettext('%s file changed with %s insertions and %s deletions','%s files changed with %s insertions and %s deletions', len(c.file_diff_data)) % (len(c.file_diff_data),c.lines_added,c.lines_deleted)}:

              %endif

              </h5>

              <div class="cs_files">

                %if not c.file_diff_data:

                   <span class="text-muted">${_('No files')}</span>

                %endif

                %for fid, url_fid, op, a_path, path, diff, stats in c.file_diff_data:

                    <div class="cs_${op} clearfix">

                      <span class="node">

                          <i class="icon-diff-${op}"></i>

                          ${h.link_to(path, '#%s' % fid)}

                      </span>

                      <div class="changes">${h.fancy_file_stats(stats)}</div>

                    </div>

                %endfor

                %if c.limited_diff:

                  <h5>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff anyway')}</a></h5>

                %endif

              </div>

            </div>

        </div>

    </div>

    <script>'use strict';

    // TODO: switch this to pyroutes

    pyroutes.register('pullrequest_comment', ${h.js(url('pullrequest_comment',repo_name='%(repo_name)s',pull_request_id='%(pull_request_id)s'))}, ['repo_name', 'pull_request_id']);

    pyroutes.register('pullrequest_comment_delete', ${h.js(url('pullrequest_comment_delete',repo_name='%(repo_name)s',comment_id='%(comment_id)s'))}, ['repo_name', 'comment_id']);

    </script>

    ## diff block

    <div class="panel-body">

    <div class="commentable-diff">

    <%namespace name="diff_block" file="/changeset/diff_block.html"/>

    ${diff_block.diff_block_js()}

    ${diff_block.diff_block(c.a_repo.repo_name, c.a_ref_type, c.a_ref_name, c.a_rev,

                            c.cs_repo.repo_name, c.cs_ref_type, c.cs_ref_name, c.cs_rev, c.file_diff_data)}

    % if c.limited_diff:

      <h4>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff anyway')}</a></h4>

    % endif

    </div>

    ## template for inline comment form

    ${comment.comment_inline_form()}

    ## render comments and inlines

    ${comment.generate_comments()}

    ## main comment form and it status

    ${comment.comments(change_status=c.allowed_to_change_status)}

    <script>'use strict';

      $(document).ready(function(){

          PullRequestAutoComplete($('#user'));

          SimpleUserAutoComplete($('#owner'));

          $('.code-difftable').on('click', '.add-bubble', function(){

              show_comment_form($(this));

          });

          var avail_jsdata = ${h.js(c.avail_jsdata)};

          var avail_r = new BranchRenderer('avail_graph_canvas', 'updaterevs-table', 'chg_available_');

          avail_r.render(avail_jsdata);

          $(window).resize(function(){

              avail_r.render(avail_jsdata);

          });

          move_comments($(".comments .comments-list-chunk"));

          $('#updaterevs input').change(function(e){

              var update = !!e.target.value;

              $('#pr-form-save').prop('disabled',update);

              $('#pr-form-clone').prop('disabled',!update);

          });

          var $org_review_members = $('#review_members').clone();

          $('#pr-form-reset').click(function(){

              $('.pr-do-edit').hide();

              $('.pr-not-edit').show();

              $('#pr-form-save').prop('disabled',false);

              $('#pr-form-clone').prop('disabled',true);

              $('#review_members').html($org_review_members);

          });

          // hack: re-navigate to target after JS is done ... if a target is set and setting href thus won't reload

          if (window.location.hash != "") {

              window.location.href = window.location.href;

          }

          $('.missing_reviewer').click(function(){

            var $this = $(this);

            addReviewMember($this.data('user_id'), $this.data('fname'), $this.data('lname'), $this.data('nname'), $this.data('gravatar_lnk'), $this.data('gravatar_size'));

          });

      });

    </script>

    </div>

</div>

</%def>