}

.info_box_elem {

    display: inline-block;

}

.yui-overlay, .yui-panel-container {

    visibility: hidden;

    position: absolute;

    z-index: 2;

}

.ac {

    vertical-align: top;

}

.ac .yui-ac {

    position: inherit;

    font-size: 100%;

}

.ac .perm_ac {

    width: 20em;

}

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

            }

        };

        ajaxPOST(AJAX_COMMENT_URL, postData, success);

    });

    // add event handler for hide/cancel buttons

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

        comment_div_state($comment_div, f_path, line_no);

    });

    tooltip_activate();

    if ($textarea.length > 0) {

    }

    if (f_path) {

        $textarea.focus();

    }

}

function deleteComment(comment_id) {

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

    var postData = {};

    var success = function(o) {

        $('#comment-'+comment_id).remove();

        displayname = displaynname;

        if (displayfname && displaylname) {

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

        }

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

    } else {

        return '';

    }

};

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

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

    var autocomplete = new YAHOO.widget.AutoComplete($inputElement[0], $container[0], datasource);

    autocomplete.useShadow = false;

    autocomplete.resultTypeList = false;

    autocomplete.animVert = false;

    autocomplete.animHoriz = false;

    autocomplete.animSpeed = 0.1;

    autocomplete.formatResult = autocompleteFormatter;

    return autocomplete;

}

    var matchUsers = function (sQuery) {

        return autocompleteMatchUsers(sQuery, users_list);

    }

    // Handler for selection of an entry

    var itemSelectHandler = function (sType, aArgs) {

        var myAC = aArgs[0]; // reference back to the AC instance

        var elLI = aArgs[1]; // reference to the selected LI element

        var oData = aArgs[2]; // object literal of selected item's result data

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

    };

    userAC.itemSelectEvent.subscribe(itemSelectHandler);

}

    var matchAll = function (sQuery) {

        var u = autocompleteMatchUsers(sQuery, users_list);

        var g = autocompleteMatchGroups(sQuery, groups_list);

        return u.concat(g);

    };

    // Handler for selection of an entry

    var itemSelectHandler = function (sType, aArgs) {

        var nextId = $inputElement.prop('id').split('perm_new_member_name_')[1];

        var myAC = aArgs[0]; // reference back to the AC instance

        var elLI = aArgs[1]; // reference to the selected LI element

        var oData = aArgs[2]; // object literal of selected item's result data

        //fill the autocomplete with value

        if (oData.nname != undefined) {

            //users

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

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

        } else {

            //groups

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

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

        }

    };

    membersAC.itemSelectEvent.subscribe(itemSelectHandler);

}

    var matchUsers = function (sQuery) {

            var org_sQuery = sQuery;

            if(this.mentionQuery == null){

                return []

            }

            sQuery = this.mentionQuery;

            return autocompleteMatchUsers(sQuery, users_list);

    }

    mentionsAC.suppressInputUpdate = true;

    // Overwrite formatResult to take into account mentionQuery

    mentionsAC.formatResult = function (oResultData, sQuery, sResultMatch) {

        var org_sQuery = sQuery;

        if (this.dataSource.mentionQuery != null) {

            sQuery = this.dataSource.mentionQuery;

        }

        return autocompleteFormatter(oResultData, sQuery, sResultMatch);

    }

    // Handler for selection of an entry

    if(mentionsAC.itemSelectEvent){

        $('#review_members').append(element);

    }

}

var removeReviewMember = function(reviewer_id, repo_name, pull_request_id){

    var $li = $('#reviewer_{0}'.format(reviewer_id));

    $li.find('div div').css("text-decoration", "line-through");

    $li.find('input').prop('name', 'review_members_removed');

    $li.find('.reviewer_member_remove').replaceWith(' (remove not saved)');

}

/* activate auto completion of users as PR reviewers */

    var matchUsers = function (sQuery) {

        return autocompleteMatchUsers(sQuery, users_list);

    };

    reviewerAC.suppressInputUpdate = true;

    // Handler for selection of an entry

    if(reviewerAC.itemSelectEvent){

        reviewerAC.itemSelectEvent.subscribe(function (sType, aArgs) {

            var myAC = aArgs[0]; // reference back to the AC instance

            var elLI = aArgs[1]; // reference to the selected LI element

            var oData = aArgs[2]; // object literal of selected item's result data

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

                            oData.gravatar_lnk, oData.gravatar_size);

            myAC.getInputEl().value = '';

function addPermAction(perm_type, users_list, groups_list) {

    var template =

        '<td><input type="radio" value="{1}.none" name="perm_new_member_{0}" id="perm_new_member_{0}"></td>' +

        '<td><input type="radio" value="{1}.read" checked="checked" name="perm_new_member_{0}" id="perm_new_member_{0}"></td>' +

        '<td><input type="radio" value="{1}.write" name="perm_new_member_{0}" id="perm_new_member_{0}"></td>' +

        '<td><input type="radio" value="{1}.admin" name="perm_new_member_{0}" id="perm_new_member_{0}"></td>' +

        '<td class="ac">' +

            '<div class="perm_ac" id="perm_ac_{0}">' +

                '<input class="yui-ac-input" id="perm_new_member_name_{0}" name="perm_new_member_name_{0}" value="" type="text">' +

                '<input id="perm_new_member_type_{0}" name="perm_new_member_type_{0}" value="" type="hidden">' +

            '</div>' +

        '</td>' +

        '<td></td>';

    var $last_node = $('.last_new_member').last(); // empty tr between last and add

    var next_id = $('.new_members').length;

    $last_node.before($('<tr class="new_members">').append(template.format(next_id, perm_type)));

}

function ajaxActionRevokePermission(url, obj_id, obj_type, field_id, extra_data) {

    var success = function (o) {

            $('#' + field_id).remove();

        };

    var failure = function (o) {

            alert(_TM['Failed to revoke permission'] + ": " + o.status);

        };

    var query_params = {};

    // put extra data into POST

    if (extra_data !== undefined && (typeof extra_data === 'object')){

                <label class="control-label" for="repo_landing_rev">${_('Landing revision')}:</label>

                <div>

                    ${h.select('repo_landing_rev','',c.landing_revs,class_='form-control')}

                    <span class="help-block">${_('Default revision for files page, downloads, whoosh and readme')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="owner">${_('Owner')}:</label>

                <div class="ac">

                    <div class="perm_ac">

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

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

                    </div>

                </div>

             </div>

            <div class="form-group">

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

                <div>

                    ${h.textarea('repo_description',class_='form-control')}

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

                </div>

            </div>

            <div class="form-group">

            e.preventDefault();

        });

        $('#repo_landing_rev').select2({

            'dropdownAutoWidth': true

        });

        $('#repo_group').select2({

            'dropdownAutoWidth': true

        });

        // autocomplete

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

    });

</script>

</%def>

<%def name="comment_inline_form()">

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

  <div class="ac">

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

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

      <div class="well well-sm clearfix">

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

          <span class="text-muted">${_('Comments are in plain text. Use @username inside this text to notify another user.')|n}</span>

        </div>

        <textarea name="text" class="form-control comment-block-ta yui-ac-input"></textarea>

        <div id="status_block_container" class="status-block general-only hidden">

                %if c.pull_request is None:

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

                %else:

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

                %endif

                <span class="general-only cs-only">

                </span>

                <label class="radio-inline">

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

        %for co in c.comments:

            ${comment_block(co)}

        %endfor

      </div>

</div>

<div class="comments-number">

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

</div>

</%def>

## MAIN COMMENT FORM

<%def name="comments(change_status=True)">

<div class="inline-comments inline-comments-general

            ${'show-general-status' if change_status else ''}">

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

  ## comment_div for general comments

  </div>

</div>

<script>

$(document).ready(function () {

   $(window).on('beforeunload', function(){

              <div>${h.fmt_date(c.pull_request.created_on)}</div>

          </div>

        </div>

        <div class="form-group">

          <label>${_('Owner')}:</label>

          <div class="pr-not-edit">

                  ${h.gravatar_div(c.pull_request.owner.email, size=20)}

                  <span>${c.pull_request.owner.full_name_and_username}</span><br/>

                  <span><a href="mailto:${c.pull_request.owner.email}">${c.pull_request.owner.email}</a></span><br/>

          </div>

          <div class="pr-do-edit ac" style="display:none">

               ${h.text('owner', class_='form-control', value=c.pull_request.owner.username, placeholder=_('Username'))}

          </div>

        </div>

        <div class="form-group">

          <label>${_('Next iteration')}:</label>

            <div>

              <div class="msg-div">${c.update_msg}</div>

              %if c.avail_revs:

              <div id="updaterevs" class="clearfix">

                <div id="updaterevs-graph">

                  <canvas id="avail_graph_canvas"></canvas>

                </div>

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

                  </a>

                  %endif

                </span>

              </li>

            %endfor

            </ul>

          </div>

          %if editable:

          <div class='ac'>

            <div class="reviewer_ac">

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

            </div>

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

    ## 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 type="text/javascript">

      $(document).ready(function(){

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

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

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

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