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

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

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

    }

    $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

${h.form(url('edit_user_group_perms_update', id=c.user_group.users_group_id))}

<div class="form">

   <div>

        <div>

            <table id="permissions_manage" class="table">

                <tr>

                    <td>${_('None')}</td>

                    <td>${_('Read')}</td>

                    <td>${_('Write')}</td>

                    <td>${_('Admin')}</td>

                    <td>${_('User/User Group')}</td>

                    <td></td>

                </tr>

                ## USERS

                %for r2p in c.user_group.user_user_group_to_perm:

                    ##forbid revoking permission from yourself, except if you're an super admin

                    <tr id="id${id(r2p.user.username)}">

                      %if request.authuser.user_id != r2p.user.user_id or request.authuser.is_admin:

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

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

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

                        <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')}">

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

                    %endif

                  </span>

                  <a href="${h.url('files_diff_home',repo_name=cs_repo_name,f_path=cs_filename,diff2=cs_rev,diff1=a_rev,diff='diff',fulldiff=1)}" data-toggle="tooltip" title="${_('Show full diff for this file')}">

                      <i class="icon-file-code"></i></a>

                  <a href="${h.url('files_diff_2way_home',repo_name=cs_repo_name,f_path=cs_filename,diff2=cs_rev,diff1=a_rev,diff='diff',fulldiff=1)}" data-toggle="tooltip" title="${_('Show full side-by-side diff for this file')}">

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

                  <a href="${h.url('files_diff_home',repo_name=cs_repo_name,f_path=cs_filename,diff2=cs_rev,diff1=a_rev,diff='raw')}" data-toggle="tooltip" title="${_('Raw diff for this file')}">

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

                  <a href="${h.url('files_diff_home',repo_name=cs_repo_name,f_path=cs_filename,diff2=cs_rev,diff1=a_rev,diff='download')}" data-toggle="tooltip" title="${_('Download diff for this file')}">

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

                  ${h.ignore_whitespace_link(request.GET, id_fid)}

                  ${h.increase_context_link(request.GET, id_fid)}

                </div>

                <div class="pull-right">

                    ${_('Show inline comments')}

                    ${h.checkbox('checkbox-show-inline-' + id_fid, checked="checked",class_="show-inline-comments",**{'data-for':id_fid})}

                </div>

        </div>

        <div class="no-padding panel-body" data-f_path="${cs_filename}">

            ${diff|n}

            %if op and cs_filename.rsplit('.')[-1] in ['png', 'gif', 'jpg', 'bmp']:

              <div class="btn btn-image-diff-show">Show images</div>

              %if op == 'M':

                <div id="${id_fid}_image-diff" class="btn btn-image-diff-swap" style="display:none">Press to swap images</div>

              %endif

              <div>

                %if op in 'DM':

                  <img id="${id_fid}_image-diff-img-a" class="img-diff img-diff-swapable" style="display:none"

                      realsrc="${h.url('files_raw_home',repo_name=a_repo_name,revision=a_rev,f_path=a_filename)}" />

                %endif

                %if op in 'AM':

                  <img id="${id_fid}_image-diff-img-b" class="img-diff img-diff-swapable" style="display:none"

                      realsrc="${h.url('files_raw_home',repo_name=cs_repo_name,revision=cs_rev,f_path=cs_filename)}" />

                %endif

              </div>

            %endif

        </div>

    </div>

</%def>

<%def name="diff_block_js()">

<script>

'use strict';

$(document).ready(function(){

    $('.btn-image-diff-show').click(function(){

        $('.btn-image-diff-show').hide();

## DATA TABLE RE USABLE ELEMENTS

## usage:

## <%namespace name="dt" file="/data_table/_dt_elements.html"/>

<%namespace name="base" file="/base/base.html"/>

<%def name="repo_name(name,rtype,rstate,private,fork_of,short_name=False)">

    <%

    def get_name(name,short_name=short_name):

      if short_name:

        return name.split('/')[-1]

      else:

        return name

    %>

  <div class="dt_repo ${'dt_repo_pending' if rstate == 'repo_state_pending' else ''}">

    ${base.repolabel(rtype)}

    <a href="${webutils.url('summary_home', repo_name=name)}">

        ${get_name(name)}

    </a>

    %if private and c.visual.show_private_icon:

      <i class="icon-lock" title="${_('Private repository')}"></i>

    %elif not private and c.visual.show_public_icon:

      <i class="icon-globe" title="${_('Public repository')}"></i>

    %endif

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