var at_pos = Math.max(0,to_max.lastIndexOf('@')-1);

        var msg2 = to_max.substr(at_pos);

        chunks.push(org.substr(0,at_pos))// prefix chunk

        chunks.push(msg2)                // search chunk

        chunks.push(org.substr(max_pos)) // postfix chunk

        // clean up msg2 for filtering and regex match

        var msg2 = msg2.lstrip(' ').lstrip('\n');

        if(re.test(msg2)){

            var unam = re.exec(msg2)[1];

            return [unam, chunks];

        }

        return [null, null];

    };

    var $divid = $('#'+divid);

    $divid.keyup(function(e){

            var currentMessage = $divid.val();

            var currentCaretPosition = $divid[0].selectionStart;

            var unam = ownerAC.get_mention(currentMessage, currentCaretPosition);

            var curr_search = null;

            if(unam[0]){

                curr_search = unam[0];

            }

            ownerAC.dataSource.chunks = unam[1];

            ownerAC.dataSource.mentionQuery = curr_search;

        });

}

var addReviewMember = function(id,fname,lname,nname,gravatar_link,gravatar_size){

    var displayname = "{0} {1} ({2})".format(fname, lname, nname);

    var gravatarelm = '<img alt="gravatar" style="width: {0}px; height: {0}px" src="{1}"/>'.format(gravatar_size, gravatar_link);

    if (!gravatar_link)

        gravatarelm = '<i class="icon-user" style="font-size: {0}px;"></i>'.format(gravatar_size);

    var element = (

        '     <li id="reviewer_{2}">\n'+

        '       <div class="reviewers_member">\n'+

        '           <div class="reviewer_status tooltip" title="not_reviewed">\n'+

        '             <i class="icon-circle changeset-status-not_reviewed"></i>\n'+

        '           </div>\n'+

        '         <div class="reviewer_gravatar gravatar">{0}</div>\n'+

        '         <div style="float:left;">{1}</div>\n'+

        '         <input type="hidden" value="{2}" name="review_members" />\n'+

        '         <div class="reviewer_member_remove action_button" onclick="removeReviewMember({2})">\n'+

        '         </div> (add not saved)\n'+

        '       </div>\n'+

        '     </li>\n'

        ).format(gravatarelm, displayname, id);

    // check if we don't have this ID already in

    var ids = [];

    $('#review_members').find('li').each(function() {

            ids.push(this.id);

        });

    if(ids.indexOf('reviewer_'+id) == -1){

        //only add if it's not there

        $('#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').attr('name', 'review_members_removed');

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

}

/* activate auto completion of users and groups ... but only used for users as PR reviewers */

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

    var myUsers = users_list;

    var myGroups = groups_list;

    // Define a custom search function for the DataSource of users

    var matchUsers = function (sQuery) {

            // Case insensitive matching

            var query = sQuery.toLowerCase();

            var i = 0;

            var l = myUsers.length;

            var matches = [];

            // Match against each name of each contact

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

                var contact = myUsers[i];

                if (((contact.fname+"").toLowerCase().indexOf(query) > -1) ||

                     ((contact.lname+"").toLowerCase().indexOf(query) > -1) ||

                     ((contact.nname) && ((contact.nname).toLowerCase().indexOf(query) > -1))) {

                    matches[matches.length] = contact;

                }

            }

            return matches;

        };

    // Define a custom search function for the DataSource of userGroups

    <button class="btn btn-small" type="submit">

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

        ${_('Add to Public Journal')}

    </button>

  %endif

  </div>

 <div class="field" style="border:none;color:#888">

 <ul>

      <li>${_('All actions done in this repository will be visible to everyone in the public journal.')}</li>

 </ul>

 </div>

</div>

${h.end_form()}

<h3>${_('Change Locking')}</h3>

${h.form(url('edit_repo_advanced_locking', repo_name=c.repo_info.repo_name), method='put')}

<div class="form">

      %if c.repo_info.locked[0]:

        ${h.hidden('set_unlock', '1')}

        <button class="btn btn-small" type="submit"

                onclick="return confirm('${_('Confirm to unlock repository.')}');">

            <i class="icon-lock-open-alt"></i>

            ${_('Unlock Repository')}

        </button>

       ${'Locked by %s on %s' % (h.person_by_id(c.repo_info.locked[0]),h.fmt_date(h.time_to_datetime(c.repo_info.locked[1])))}

      %else:

        ${h.hidden('set_lock', '1')}

        <button class="btn btn-small" type="submit"

                onclick="return confirm('${_('Confirm to lock repository.')}');">

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

            ${_('Lock Repository')}

        </button>

        ${_('Repository is not locked')}

      %endif

   <div class="field" style="border:none;color:#888">

   <ul>

        <li>${_('Force locking on the repository. Works only when anonymous access is disabled. Triggering a pull locks the repository.  The user who is pulling locks the repository; only the user who pulled and locked it can unlock it by doing a push.')}

        </li>

   </ul>

   </div>

</div>

${h.end_form()}

<h3>${_('Delete')}</h3>

${h.form(url('repo', repo_name=c.repo_name),method='delete')}

<div class="form">

    <button class="btn btn-small btn-danger" type="submit"

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

        ${_('Delete this Repository')}

    </button>

    %if c.repo_info.forks.count():

        ${ungettext('This repository has %s fork', 'This repository has %s forks', c.repo_info.forks.count()) % c.repo_info.forks.count()}

        <input type="radio" name="forks" value="detach_forks" checked="checked"/> <label for="forks">${_('Detach forks')}</label>

        <input type="radio" name="forks" value="delete_forks" /> <label for="forks">${_('Delete forks')}</label>

    %endif

    <div class="field" style="border:none;color:#888">

        <ul>

        <li>${_('The deleted repository will be moved away and hidden until the administrator expires it. The administrator can both permanently delete it or restore it.')}</li>

        </ul>

    </div>

</div>

${h.end_form()}

                            <div style="padding:5px 3px 3px 3px;">

                            <b>${_('Revision')}:</b> <span id="org_rev_span">-</span>

                            </div>

                        </div>

                    </div>

                    ##OTHER, most Probably the PARENT OF THIS FORK

                    <div style="border-top: 1px solid #EEE; margin: 5px 0px 0px 0px">

                        <div>

                            ## filled with JS

                            <div style="padding:5px 3px 3px 3px;">

                            <b>${_('Destination repository')}:</b> <span id="other_repo_desc">${c.a_repo.description.split('\n')[0]}</span>

                            </div>

                            <div>

                            ${h.select('other_repo',c.a_repo.repo_name,c.a_repos,class_='refs')}:${h.select('other_ref',c.default_a_ref,c.a_refs,class_='refs')}

                            </div>

                            <div style="padding:5px 3px 3px 3px;">

                            <b>${_('Revision')}:</b> <span id="other_rev_span">-</span>

                            </div>

                        </div>

                    </div>

                    <div style="clear:both"></div>

                </div>

            </div>

            <div class="field">

                <div class="buttons">

                    ${h.submit('save',_('Create Pull Request'),class_="btn")}

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

               </div>

            </div>

        </div>

        ## Reviewers

        <div style="float:left; border-left:1px dashed #eee">

            <div class="pr-details-title">${_('Pull Request Reviewers')}</div>

            <div id="reviewers" style="padding:0px 0px 0px 15px">

              ## members goes here !

              <div>

                <ul id="review_members" class="group_members">

                %for member in [c.a_repo.user]:

                  <li id="reviewer_${member.user_id}">

                    <div class="reviewers_member">

                      <div class="gravatar">${h.gravatar(member.email, 14)}</div>

                      <div style="float:left">${member.firstname} ${member.lastname} (${_('owner')})</div>

                      <input type="hidden" value="${member.user_id}" name="review_members" />

                      <span class="action_button" style="padding: 3px" onclick="removeReviewMember(${member.user_id})" title="${_('Remove reviewer')}">

                      </span>

                    </div>

                  </li>

                %endfor

                </ul>

              </div>

              <div class='ac'>

                <div class="reviewer_ac">

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

                   <div id="reviewers_container"></div>

                </div>

              </div>

            </div>

        </div>

        <div style="clear:both;padding: 0 0 30px 0;"></div>

        <h4>${_('Changesets')}</h4>

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

           ## overview pulled by ajax

           <div style="float:left" id="pull_request_overview"></div>

        </div>

        <div style="clear:both;"></div>

    </div>

    ${h.end_form()}

</div>

<script type="text/javascript" src="${h.url('/js/graph.js', ver=c.kallithea_version)}"></script>

<script type="text/javascript">

  var _USERS_AC_DATA = ${c.users_array|n};

  var _GROUPS_AC_DATA = ${c.user_groups_array|n};

  PullRequestAutoComplete('user', 'reviewers_container', _USERS_AC_DATA, _GROUPS_AC_DATA);

  pyroutes.register('pullrequest_repo_info', "${url('pullrequest_repo_info',repo_name='%(repo_name)s')}", ['repo_name']);

  var pendingajax = undefined;

  var otherrepoChanged = function(){

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

      $other_ref.prop('disabled', true);

      var repo_name = $('#other_repo').val();

      if (pendingajax) {

          pendingajax.abort();

          pendingajax = undefined;

      }

                  %for cnt, cs in enumerate(c.avail_cs):

                    <tr id="chg_available_${cnt+1}">

                      %if cs.revision == c.cs_ranges[-1].revision:

                        <td>

                          %if editable:

                            ${h.radio(name='updaterev', value='')}

                          %endif

                        </td>

                        <td colspan="2">${_("Current revision - no change")}</td>

                      %else:

                        <td>

                          %if editable and cs.revision in c.avail_revs:

                            ${h.radio(name='updaterev', value=cs.raw_id)}

                          %endif

                        </td>

                        <td>${h.link_to(h.show_id(cs),h.url('changeset_home',repo_name=c.cs_repo.repo_name,revision=cs.raw_id))}</td>

                        <td><div class="message" style="white-space:normal; height:1.1em; max-width: 500px; padding:0">${h.urlify_commit(cs.message, c.repo_name)}</div></td>

                      %endif

                    </tr>

                  %endfor

                </table>

              </div>

              %endif

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

            </div>

        </div>

      </div>

    </div>

    ## REVIEWERS

    <div style="float:left; border-left:1px dashed #eee">

        <div class="pr-details-title">${_('Pull Request Reviewers')}</div>

        <div id="reviewers" style="padding:0px 0px 5px 10px">

          ## members goes here !

          <div>

            <ul id="review_members" class="group_members">

            %for member,status in c.pull_request_reviewers:

              <li id="reviewer_${member.user_id}">

                <div class="reviewers_member">

                    <div class="reviewer_status tooltip" title="${h.tooltip(h.changeset_status_lbl(status.status if status else 'not_reviewed'))}">

                      <i class="icon-circle changeset-status-${status.status if status else 'not_reviewed'}"></i>

                    </div>

                  <div class="reviewer_gravatar gravatar">

                    ${h.gravatar(member.email, size=14)}

                  </div>

                  <div style="float:left;">${member.full_name} (${_('owner') if c.pull_request.user_id == member.user_id else _('reviewer')})</div>

                  <input type="hidden" value="${member.user_id}" name="review_members" />

                  %if editable:

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

                  </div>

                  %endif

                </div>

              </li>

            %endfor

            </ul>

          </div>

          %if editable:

          <div class='ac'>

            <div class="reviewer_ac">

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

               <div id="reviewers_container"></div>

            </div>

          </div>

          %endif

        </div>

    </div>

    <div class="form" style="clear:both">

      <div class="fields">

        %if editable:

          <div class="buttons">

            ${h.submit('pr-form-save',_('Save Changes'),class_="btn btn-small")}

            ${h.submit('pr-form-clone',_('Save as New Pull Request'),class_="btn btn-small",disabled='disabled')}

            ${h.reset('pr-form-reset',_('Cancel Changes'),class_="btn btn-small")}

          </div>

        %endif

      </div>

    </div>

  ${h.end_form()}

</div>

<div class="box">

    <div class="title">

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

    </div>

    <div class="table">

          <div id="changeset_compare_view_content">

              <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">

                ${ungettext("%d comment", "%d comments", len(c.comments)) % len(c.comments)} ${ungettext("(%d inline)", "(%d inline)", c.inline_cnt) % c.inline_cnt} <span class="firstlink"></span>

              </div>

              ##CS

              <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">

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

              </div>

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

              <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">

              ${_('Common ancestor')}: