}

        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').children('.panel').addClass('panel-danger');

            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').children('.panel').removeClass('panel-danger');

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

    }

}

// Note: var AJAX_COMMENT_URL must have been defined before invoking this function

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;

    }

                        <td>${h.radio('u_perm_%s' % r2p.user.username,'usergroup.admin')}</td>

                        <td>

                            ${h.gravatar(r2p.user.email, cls="perm-gravatar", size=14)}

                            %if h.HasPermissionAny('hg.admin')() and r2p.user.username != 'default':

                             <a href="${h.url('edit_user',id=r2p.user.user_id)}">${r2p.user.username}</a>

                            %else:

                             ${r2p.user.username if r2p.user.username != 'default' else _('Default')}

                            %endif

                        </td>

                        <td>

                          %if r2p.user.username !='default':

                            <button type="button" class="btn btn-default btn-xs" onclick="ajaxActionRevoke(${r2p.user.user_id}, 'user', '${'id%s'%id(r2p.user.username)}', '${r2p.user.username}')">

                             <i class="icon-minus-circled"></i>${_('Revoke')}

                            </button>

                          %endif

                        </td>

                      %else:

                        <td>${h.radio('u_perm_%s' % r2p.user.username,'usergroup.none', disabled="disabled")}</td>

                        <td>${h.radio('u_perm_%s' % r2p.user.username,'usergroup.read', disabled="disabled")}</td>

                        <td>${h.radio('u_perm_%s' % r2p.user.username,'usergroup.write', disabled="disabled")}</td>

                        <td>${h.radio('u_perm_%s' % r2p.user.username,'usergroup.admin', disabled="disabled")}</td>

                        <td>

                            ${h.gravatar(r2p.user.email, cls="perm-gravatar", size=14)}

                            ${r2p.user.username if r2p.user.username != 'default' else _('Default')}

                        </td>

                        <td><i class="icon-user"></i>${_('Admin')}</td>

                      %endif

                    </tr>

                %endfor

                ## USER GROUPS

                %for g2p in c.user_group.user_group_user_group_to_perm:

                    <tr id="id${id(g2p.user_group.users_group_name)}">

                        <td>${h.radio('g_perm_%s' % g2p.user_group.users_group_name,'usergroup.none')}</td>

                        <td>${h.radio('g_perm_%s' % g2p.user_group.users_group_name,'usergroup.read')}</td>

                        <td>${h.radio('g_perm_%s' % g2p.user_group.users_group_name,'usergroup.write')}</td>

                        <td>${h.radio('g_perm_%s' % g2p.user_group.users_group_name,'usergroup.admin')}</td>

                        <td>

                            <i class="icon-users"></i>

                            %if h.HasPermissionAny('hg.admin')():

                             <a href="${h.url('edit_users_group',id=g2p.user_group.users_group_id)}">

                                 ${g2p.user_group.users_group_name}

                             </a>

                            %else:

                             ${g2p.user_group.users_group_name}

                            %endif

                        </td>

                        <td>

                            <i class="icon-minus-circled"></i>${_('Revoke')}

                            </button>

                        </td>

                    </tr>

                %endfor

                ## New entries added by addPermAction here.

                <tr class="new_members last_new_member" id="add_perm_input"><td colspan="6"></td></tr>

                <tr>

                    <td colspan="6">

                        <button type="button" id="add_perm" class="btn btn-link btn-xs">

                            <i class="icon-plus"></i>${_('Add new')}

                        </button>

                    </td>

                </tr>

            </table>

        </div>

        <div class="buttons">

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

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

        </div>

   </div>

</div>

${h.end_form()}

<script>

    'use strict';

    function ajaxActionRevoke(obj_id, obj_type, field_id, obj_name) {

        let url = ${h.js(h.url('edit_user_group_perms_delete', id=c.user_group.users_group_id))};

        var revoke_msg = _TM['Confirm to revoke permission for {0}: {1}?'].format(obj_type.replace('_', ' '), obj_name);

        if (confirm(revoke_msg)){

            ajaxActionRevokePermission(url, obj_id, obj_type, field_id);

        }

    }

    $(document).ready(function () {

        if (!$('#perm_new_member_name').hasClass('error')) {

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

        }

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

            addPermAction('usergroup');

        });

    });

</script>

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

<%def name="diff_block(a_repo_name, a_ref_type, a_ref_name, a_rev,

                       cs_repo_name, cs_ref_name, cs_ref_type, cs_rev,

                       file_diff_data)">

<div class="diff-collapse">

</div>

%for id_fid, url_fid, op, a_filename, cs_filename, diff, stats in file_diff_data:

    ${diff_block_diffblock(id_fid, url_fid, op, diff,

        a_repo_name, a_rev, a_ref_type, a_ref_name, a_filename,

        cs_repo_name, cs_rev, cs_ref_type, cs_ref_name, cs_filename,

        'diff-container-%s' % id(file_diff_data))}

%endfor

</%def>

<%def name="diff_block_diffblock(id_fid, url_fid, op, diff,

    a_repo_name, a_rev, a_ref_type, a_ref_name, a_filename,

    cs_repo_name, cs_rev, cs_ref_type, cs_ref_name, cs_filename, cls)"

>

    <div id="${id_fid}_target"></div>

    <div id="${id_fid}" class="panel panel-default ${cls}">

        <div class="panel-heading clearfix">

                <div class="pull-left">

                    ${cs_filename}

                </div>

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

                  <span>

                    %if op == 'A':

                      <span class="no-file" data-toggle="tooltip" title="${_('No file before')}">

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

                    %else:

                      <a href="${h.url('files_home', repo_name=a_repo_name, f_path=a_filename, revision=a_rev)}" data-toggle="tooltip" title="${_('File before')}">

                        <i class="icon-doc"></i></a>

                    %endif

                    %if op == 'A':

                      <span class="arrow" data-toggle="tooltip" title="${_('Added')}">&#10142;</span>

                    %elif op == 'M':

                      <span class="arrow" data-toggle="tooltip" title="${_('Modified')}">&#10142;</span>

                    %elif op == 'D':

                      <span class="arrow" data-toggle="tooltip" title="${_('Deleted')}">&#10142;</span>

                    %elif op == 'R':

                      <span class="arrow" data-toggle="tooltip" title="${_('Renamed')}">&#10142;</span>

                    %elif op is None:

                      <span class="arrow" data-toggle="tooltip" title="${_('No change')}">&#10142;</span>

                    %else:

                      <span class="arrow" data-toggle="tooltip" title="${_('Unknown operation: %r') % op}">&#10142;</span>

                    %endif

                    %if op == 'D':

                      <span class="no-file" data-toggle="tooltip" title="${_('No file after')}">

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

                    %else:

                      <a href="${h.url('files_home', repo_name=cs_repo_name, f_path=cs_filename, revision=cs_rev)}" data-toggle="tooltip" title="${_('File after')}">

    %if fork_of:

      <a href="${webutils.url('summary_home',repo_name=fork_of.repo_name)}"><i class="icon-fork"></i></a>

    %endif

    %if rstate == 'repo_state_pending':

      <i class="icon-wrench" title="${_('Repository creation in progress...')}"></i>

    %endif

  </div>

</%def>

<%def name="following(repo_id, repo_following)">

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

    <a href="#" class="${'following' if repo_following else 'follow'}" onclick="return toggleFollowingRepo(this, ${repo_id});"><i class="list-extra icon-heart-empty show-follow" title="${_('Follow')}"></i><i class="list-extra icon-heart show-following" title="${_('Unfollow')}"></i></a>

  %endif

</%def>

<%def name="last_change(last_change)">

  <span data-toggle="tooltip" title="${webutils.fmt_date(last_change)}" date="${last_change}">${webutils.age(last_change)}</span>

</%def>

<%def name="revision(name,rev,tip,author,last_msg)">

  %if rev >= 0:

      <a data-toggle="popover" title="${author | entity}" data-content="${last_msg | entity}" class="changeset_hash" href="${webutils.url('changeset_home',repo_name=name,revision=tip)}">${'r%s:%s' % (rev,webutils.short_id(tip))}</a>

  %else:

      ${_('No changesets yet')}

  %endif

</%def>

<%def name="rss(name)">

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

    <a title="${_('Subscribe to %s rss feed')% name}" href="${webutils.url('rss_feed_home',repo_name=name,api_key=request.authuser.api_key)}"><i class="icon-rss-squared"></i></a>

  %else:

    <a title="${_('Subscribe to %s rss feed')% name}" href="${webutils.url('rss_feed_home',repo_name=name)}"><i class="icon-rss-squared"></i></a>

  %endif

</%def>

<%def name="atom(name)">

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

    <a title="${_('Subscribe to %s atom feed')% name}" href="${webutils.url('atom_feed_home',repo_name=name,api_key=request.authuser.api_key)}"><i class="icon-rss-squared"></i></a>

  %else:

    <a title="${_('Subscribe to %s atom feed')% name}" href="${webutils.url('atom_feed_home',repo_name=name)}"><i class="icon-rss-squared"></i></a>

  %endif

</%def>

<%def name="repo_actions(repo_name)">

      <a href="${webutils.url('edit_repo',repo_name=repo_name)}" title="${_('Edit')}" class="btn btn-default btn-xs">

        <i class="icon-pencil"></i>${_('Edit')}

      </a>

      ${webutils.form(webutils.url('delete_repo', repo_name=repo_name))}

            onclick="return confirm('${_('Confirm to delete this repository: %s') % repo_name}');">

          <i class="icon-trashcan"></i>${_('Delete')}

        </button>

      ${webutils.end_form()}

</%def>

<%def name="repo_state(repo_state)">

    %if repo_state == u'repo_state_pending':

        <div class="label label-info">${_('Creating')}</div>

    %elif repo_state == u'repo_state_created':

        <div class="label label-success">${_('Created')}</div>

    %else:

        <div class="label label-danger" title="${repo_state}">invalid</div>

    %endif

</%def>

<%def name="user_actions(user_id, username)">

   <a href="${webutils.url('edit_user',id=user_id)}" title="${_('Edit')}" class="btn btn-default btn-xs">

     <i class="icon-pencil"></i>${_('Edit')}

   </a>

  ${webutils.form(webutils.url('delete_user', id=user_id))}

        onclick="return confirm('${_('Confirm to delete this user: %s') % username}');">

      <i class="icon-trashcan"></i>${_('Delete')}

    </button>

  ${webutils.end_form()}

</%def>

<%def name="user_group_actions(user_group_id, user_group_name)">

    <a href="${webutils.url('edit_users_group', id=user_group_id)}" title="${_('Edit')}" class="btn btn-default btn-xs">

      <i class="icon-pencil"></i>${_('Edit')}

    </a>

    ${webutils.form(webutils.url('delete_users_group', id=user_group_id))}

          onclick="return confirm('${_('Confirm to delete this user group: %s') % user_group_name}');">

        <i class="icon-trashcan"></i>${_('Delete')}

      </button>

    ${webutils.end_form()}

</%def>

<%def name="group_name_html(group_name,name)">

  <div class="dt_repo">

    <i class="icon-folder"></i>

    <a href="${webutils.url('repos_group_home',group_name=group_name)}">${name}</a>

  </div>

</%def>

<%def name="repo_group_actions(repo_group_id, repo_group_name, gr_count)">

    <a href="${webutils.url('edit_repo_group',group_name=repo_group_name)}" title="${_('Edit')}" class="btn btn-default btn-xs">

      <i class="icon-pencil"></i>${_('Edit')}

    </a>

    ${webutils.form(webutils.url('delete_repo_group', group_name=repo_group_name))}

          onclick="return confirm('${ungettext('Confirm to delete this group: %s with %s repository','Confirm to delete this group: %s with %s repositories',gr_count) % (repo_group_name, gr_count)}')">

        <i class="icon-trashcan"></i>${_('Delete')}

      </button>

    ${webutils.end_form()}

</%def>

<%def name="user_name(user_id, username)">

    ${webutils.link_to(username,webutils.url('edit_user', id=user_id))}

</%def>

<%def name="repo_group_name(repo_group_name, children_groups)">

  <div class="text-nowrap">

  <a href="${webutils.url('repos_group_home',group_name=repo_group_name)}">

    <i class="icon-folder" title="${_('Repository group')}"></i>${webutils.literal(' &raquo; ').join(children_groups)}</a>

  </div>

</%def>

<%def name="user_group_name(user_group_id, user_group_name)">

  <div class="text-nowrap">

  <a href="${webutils.url('edit_users_group', id=user_group_id)}">

    <i class="icon-users" title="${_('User group')}"></i>${user_group_name}</a>

  </div>

</%def>