display: block;

    float: right;

    text-align: center;

    min-width: 45px;

    cursor: pointer;

    color: #444444;

    background: #FEA;

    border-radius: 0px 0px 0px 6px;

    padding: 1px;

}

.right .changes .added,

.changed, .removed {

    display: block;

    padding: 1px;

    color: #444444;

    float: right;

    text-align: center;

    min-width: 15px;

}

.right .changes .added {

    background: #CFC;

}

.right .changes .changed {

    background: #FEA;

}

.right .changes .removed {

    background: #FAA;

}

.right .merge {

    padding: 1px 3px 1px 3px;

    background-color: #fca062;

    font-size: 10px;

    color: #ffffff;

    text-transform: uppercase;

    white-space: nowrap;

    border-radius: 3px;

    margin-right: 2px;

}

.right .parent {

    color: #666666;

    clear: both;

}

.right .logtags {

    line-height: 2.2em;

}

.phasetag, .bumpedtag, .divergenttag, .extincttag, .unstabletag, .repotag, .branchtag, .logtags .tagtag, .logtags .booktag {

    margin: 0px 2px;

}

.phasetag,

.bumpedtag,

.divergenttag,

.extincttag,

.unstabletag,

.repotag,

.branchtag,

.tagtag,

.booktag,

.spantag {

    padding: 1px 3px 1px 3px;

    font-size: 10px;

    color: #577632;

    white-space: nowrap;

    border-radius: 4px;

    border: 1px solid #d9e8f8;

    line-height: 1.5em;

}

#graph_content .phasetag,

#graph_content .bumpedtag,

#graph_content .divergenttag,

#graph_content .extincttag,

#graph_content .unstabletag,

#graph_content .branchtag,

#graph_content .tagtag,

#graph_content .booktag {

    margin: 1.1em 0;

    margin-right: 0.5em;

}

.phasetag,

.bumpedtag,

.divergenttag,

.extincttag,

.unstabletag,

.repotag,

.branchtag,

.tagtag,

.booktag {

    float: left;

}

.right .logtags .phasetag,

.right .logtags .bumpedtag,

.right .logtags .divergenttag,

.right .logtags .extincttag,

.right .logtags .unstabletag,

.right .logtags .branchtag,

.right .logtags .tagtag,

.right .logtags .booktag,

.right .merge {

    float: right;

    line-height: 1em;

    margin: 1px 1px !important;

    display: block;

}

.repotag {

    border-color: #56A546;

    color: #46A546;

    font-size: 8px;

    text-transform: uppercase;

}

#context-bar .repotag,

.repo-icons .repotag {

    border-color: white;

    color: white;

    margin-top: 3px;

}

.repo-icons .repotag {

    margin-top: 0px;

    padding-top: 0px;

    padding-bottom: 0px;

}

.booktag {

    border-color: #46A546;

    color: #46A546;

}

.tagtag {

    border-color: #62cffc;

    color: #62cffc;

}

.bumpedtag,

.divergenttag,

.extincttag,

.unstabletag {

    background-color: #f00;

    border-color: #600;

    color: #fff;

}

.phasetag {

    border-color: #1F14CE;

    color: #1F14CE;

}

.logtags .branchtag a:hover,

.logtags .branchtag a,

.branchtag a,

.branchtag a:hover {

    text-decoration: none;

    color: inherit;

}

.logtags .tagtag {

    padding: 1px 3px 1px 3px;

    background-color: #62cffc;

    font-size: 10px;

    color: #ffffff;

    white-space: nowrap;

    border-radius: 3px;

}

.tagtag a,

.tagtag a:hover,

.logtags .tagtag a,

.logtags .tagtag a:hover {

    text-decoration: none;

    color: inherit;

}

.logbooks .booktag,

.logbooks .booktag,

.logtags .booktag,

.logtags .booktag {

    padding: 1px 3px 1px 3px;

    background-color: #46A546;

    font-size: 10px;

    color: #ffffff;

    white-space: nowrap;

    border-radius: 3px;

}

.logbooks .booktag,

        % if c.pagination:

            <div>

                <div style="overflow:auto; ${'display:none' if c.changelog_for_path else ''}">

                    <div class="container_header">

                        <div style="float:left; margin-left:20px;">

                          ${h.form(h.url.current(),method='get',style="display:inline")}

                            ${h.submit('set',_('Show'),class_="btn btn-default btn-sm")}

                            ${h.text('size',size=3,value=c.size)}

                            ${_('revisions')}

                            %if c.branch_name:

                            ${h.hidden('branch', c.branch_name)}

                            %endif

                          ${h.end_form()}

                          <a href="#" class="btn btn-default btn-sm" id="rev_range_clear" style="display:none">${_('Clear selection')}</a>

                        </div>

                        <div style="float: right; margin: 0px 0px 0px 4px">

                            <a href="#" class="btn btn-default btn-sm" id="rev_range_container" style="display:none"></a>

                            %if c.revision:

                                <a class="btn btn-default btn-sm" href="${h.url('changelog_home', repo_name=c.repo_name)}">

                                    ${_('Go to tip of repository')}

                                </a>

                            %endif

                            %if c.db_repo.fork:

                                <a id="compare_fork"

                                   title="${_('Compare fork with %s' % c.db_repo.fork.repo_name)}"

                                   href="${h.url('compare_url',repo_name=c.db_repo.fork.repo_name,org_ref_type=c.db_repo.landing_rev[0],org_ref_name=c.db_repo.landing_rev[1],other_repo=c.repo_name,other_ref_type='branch' if request.GET.get('branch') else c.db_repo.landing_rev[0],other_ref_name=request.GET.get('branch') or c.db_repo.landing_rev[1], merge=1)}"

                                   class="btn btn-default btn-sm"><i class="icon-git-compare"></i> ${_('Compare fork with parent repository (%s)' % c.db_repo.fork.repo_name)}</a>

                            %endif

                            ## text and href of open_new_pr is controlled from javascript

                            <a id="open_new_pr" class="btn btn-default btn-sm"></a>

                            ${_("Branch filter:")} ${h.select('branch_filter',c.branch_name,c.branch_filters)}

                        </div>

                    </div>

                </div>

                <div id="changelog" style="clear:both">

                <div id="graph_nodes">

                    <canvas id="graph_canvas" style="width:0"></canvas>

                </div>

                <div id="graph_content" style="${'margin: 0px' if c.changelog_for_path else ''}">

                <table id="changesets">

                <tbody>

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

                    <tr id="chg_${cnt+1}" class="container ${'mergerow' if len(cs.parents) > 1 else ''}">

                        <td class="checkbox">

                            %if c.changelog_for_path:

                                ${h.checkbox(cs.raw_id,class_="changeset_range", disabled="disabled")}

                            %else:

                                ${h.checkbox(cs.raw_id,class_="changeset_range")}

                            %endif

                        <td class="status">

                          %if c.statuses.get(cs.raw_id):

                            <div class="changeset-status-ico">

                            %if c.statuses.get(cs.raw_id)[2]:

                              <a class="tooltip" title="${_('Changeset status: %s by %s\nClick to open associated pull request %s') % (c.statuses.get(cs.raw_id)[1], c.statuses.get(cs.raw_id)[5].username, c.statuses.get(cs.raw_id)[4])}" href="${h.url('pullrequest_show',repo_name=c.statuses.get(cs.raw_id)[3],pull_request_id=c.statuses.get(cs.raw_id)[2])}">

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

                              </a>

                            %else:

                              <a class="tooltip" title="${_('Changeset status: %s by %s') % (c.statuses.get(cs.raw_id)[1], c.statuses.get(cs.raw_id)[5].username)}"

                                 href="${c.comments[cs.raw_id][0].url()}">

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

                              </a>

                            %endif

                            </div>

                          %endif

                        </td>

                        <td class="author">

                            ${h.gravatar(h.email_or_none(cs.author), size=16)}

                            <span title="${cs.author}" class="user">${h.shorter(h.person(cs.author),22)}</span>

                        </td>

                        <td class="hash" style="width:${len(h.show_id(cs))*6.5}px">

                            ${h.link_to(h.show_id(cs),h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id), class_='changeset_hash')}

                        </td>

                        <td class="date">

                            <div class="date tooltip" title="${h.fmt_date(cs.date)}">${h.age(cs.date,True)}</div>

                        </td>

                        <td class="expand_commit" commit_id="${cs.raw_id}" title="${_('Expand commit message')}">

                            <i class="icon-align-left" style="color:#999"></i>

                        </td>

                        <td class="mid">

                            <div class="log-container">

                                <div class="message" id="C-${cs.raw_id}">${h.urlify_text(cs.message, c.repo_name,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}</div>

                                <div class="extra-container">

                                    %if c.comments.get(cs.raw_id):

                                        <div class="comments-container">

                                            <div class="comments-cnt" title="${_('Changeset has comments')}">

                                                <a href="${c.comments[cs.raw_id][0].url()}">

                                                    ${len(c.comments[cs.raw_id])}

                                                    <i class="icon-comment-discussion"></i>

                                                </a>

                                            </div>

                                        </div>

                                    %endif

                                    %if cs.bumped:

                                            Bumped

                                    %endif

                                    %if cs.divergent:

                                            Divergent

                                    %endif

                                    %if cs.extinct:

                                            Extinct

                                    %endif

                                    %if cs.unstable:

                                            Unstable

                                    %endif

                                    %if cs.phase:

                                            ${cs.phase}

                                    %endif

                                    %if h.is_hg(c.db_repo_scm_instance):

                                        %for book in cs.bookmarks:

                                                ${h.link_to(book,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

                                        %endfor

                                    %endif

                                    %for tag in cs.tags:

                                            ${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

                                    %endfor

                                    %if (not c.branch_name) and cs.branch:

                                            ${h.link_to(cs.branch,h.url('changelog_home',repo_name=c.repo_name,branch=cs.branch))}

                                    %endif

                                </div>

                            </div>

                        </td>

                    </tr>

                %endfor

                </tbody>

                </table>

                <input type="checkbox" id="singlerange" style="display:none"/>

                </div>

                <div class="pagination-wh pagination-left">

                    ${c.pagination.pager('$link_previous ~2~ $link_next')}

                </div>

            </div>

        </div>

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

        <script type="text/javascript">

            $(document).ready(function(){

                var $checkboxes = $('.changeset_range');

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

                var checkbox_checker = function(e) {

                    var $checked_checkboxes = $checkboxes.filter(':checked');

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

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

                    $checkboxes.show();

                    $singlerange.show();

                    if ($checked_checkboxes.length > 0) {

                        $checked_checkboxes.first().parent('td').append($singlerange);

                        var singlerange = $singlerange.prop('checked');

                        var rev_end = $checked_checkboxes.first().prop('name');

                        if ($checked_checkboxes.length > 1 || singlerange) {

                            var rev_start = $checked_checkboxes.last().prop('name');

                            $('#rev_range_container').prop('href',

                                pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}',

                                                                'revision': rev_start + '...' + rev_end}));

                            $('#rev_range_container').html(

                                 _TM['Show Selected Changesets {0} → {1}'].format(rev_start.substr(0, 12), rev_end.substr(0, 12)));

                            $('#rev_range_container').show();

                            $('#open_new_pr').prop('href', pyroutes.url('pullrequest_home',

                                                                        {'repo_name': '${c.repo_name}',

                                                                         'rev_start': rev_start,

                                                                         'rev_end': rev_end}));

                            $('#open_new_pr').html(_TM['Open New Pull Request for {0} → {1}'].format(rev_start.substr(0, 12), rev_end.substr(0, 12)));

                        } else {

                            $('#open_new_pr').prop('href', pyroutes.url('pullrequest_home',

                                                                        {'repo_name': '${c.repo_name}',

                                                                         'rev_end': rev_end}));

                            $('#open_new_pr').html(_TM['Open New Pull Request from {0}'].format(rev_end.substr(0, 12)));

                        }

                        $('#rev_range_clear').show();

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

                        var disabled = true;

                        $checkboxes.each(function(){

                            var $this = $(this);

                            if (disabled) {

                                if ($this.prop('checked')) {

                                    $this.closest('tr').removeClass('out-of-range');

                                    disabled = singlerange;

                                } else {

                                    $this.closest('tr').addClass('out-of-range');

                                }

                            } else {

                                $this.closest('tr').removeClass('out-of-range');

                                disabled = $this.prop('checked');

                            }

                        });

                        if ($checked_checkboxes.length + (singlerange ? 1 : 0) >= 2) {

                            $checkboxes.hide();

                            $checked_checkboxes.show();

                            if (!singlerange)

                                $singlerange.hide();

                        }

                    } else {

                        $('#singlerange').hide().prop('checked', false);

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

                        %if c.revision:

                            $('#open_new_pr').prop('href', pyroutes.url('pullrequest_home',

                                                                        {'repo_name': '${c.repo_name}',

                                                                         'rev_end':'${c.first_revision.raw_id}'}));

                            $('#open_new_pr').html(_TM['Open New Pull Request from {0}'].format('${c.revision}'));

                        %else:

                            $('#open_new_pr').prop('href', pyroutes.url('pullrequest_home',

                                                                        {'repo_name': '${c.repo_name}',

                                                                        'branch':'${c.first_revision.branch}'}));

                            $('#open_new_pr').html(_TM['Open New Pull Request from {0}'].format('${c.first_revision.branch}'));

                        %endif

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

%if c.repo_changesets:

<table class="table">

    <tr>

        <th class="left"></th>

        <th class="left"></th>

        <th class="left">${_('Revision')}</th>

        <th class="left">${_('Commit Message')}</th>

        <th class="left">${_('Age')}</th>

        <th class="left">${_('Author')}</th>

        <th class="left">${_('Refs')}</th>

    </tr>

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

    <tr class="parity${cnt%2} ${'mergerow' if len(cs.parents) > 1 else ''}">

        <td class="compact">

            <div class="changeset-status-container">

              %if c.statuses.get(cs.raw_id):

                <span class="changeset-status-ico shortlog">

                %if c.statuses.get(cs.raw_id)[2]:

                  <a class="tooltip" title="${_('Changeset status: %s by %s\nClick to open associated pull request %s') % (c.statuses.get(cs.raw_id)[1], c.statuses.get(cs.raw_id)[5].username, c.statuses.get(cs.raw_id)[4])}" href="${h.url('pullrequest_show',repo_name=c.statuses.get(cs.raw_id)[3],pull_request_id=c.statuses.get(cs.raw_id)[2])}">

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

                  </a>

                %else:

                  <a class="tooltip" title="${_('Changeset status: %s by %s') % (c.statuses.get(cs.raw_id)[1], c.statuses.get(cs.raw_id)[5].username)}"

                     href="${c.comments[cs.raw_id][0].url()}">

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

                  </a>

                %endif

                </span>

              %endif

            </div>

        </td>

        <td class="compact">

              %if c.comments.get(cs.raw_id,[]):

               <div class="comments-container">

                   <div title="${('comments')}">

                       <a href="${c.comments[cs.raw_id][0].url()}">

                          <i class="icon-comment"></i>${len(c.comments[cs.raw_id])}

                       </a>

                   </div>

               </div>

              %endif

        </td>

        <td>

            <a href="${h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id)}" class="revision-link">${h.show_id(cs)}</a>

        </td>

        <td>

            ${h.urlify_text(h.chop_at(cs.message,'\n'),c.repo_name, h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

        </td>

        <td><span class="tooltip" title="${h.fmt_date(cs.date)}">

                      ${h.age(cs.date)}</span>

        </td>

        <td title="${cs.author}">${h.person(cs.author)}</td>

        <td>

            %if h.is_hg(c.db_repo_scm_instance):

                %for book in cs.bookmarks:

                        ${h.link_to(book,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

                %endfor

            %endif

            %for tag in cs.tags:

                 ${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

            %endfor

            %if cs.branch:

                 ${h.link_to(cs.branch,h.url('changelog_home',repo_name=c.repo_name,branch=cs.branch))}

            %endif

        </td>

    </tr>

%endfor

</table>

<div class="pagination-wh pagination-left">

${c.repo_changesets.pager('$link_previous ~2~ $link_next')}

</div>

%else:

%if h.HasRepoPermissionAny('repository.write','repository.admin')(c.repo_name):

<h4>${_('Add or upload files directly via Kallithea')}</h4>

<div style="margin: 20px 30px;">

  <div id="add_node_id" class="add_node">

      <a class="btn btn-default btn-xs" href="${h.url('files_add_home',repo_name=c.repo_name,revision=0,f_path='', anchor='edit')}">${_('Add New File')}</a>

  </div>

</div>

%endif

<h4>${_('Push new repository')}</h4>

<pre>

    ${c.db_repo_scm_instance.alias} clone ${c.clone_repo_url}

    ${c.db_repo_scm_instance.alias} add README # add first file

    ${c.db_repo_scm_instance.alias} commit -m "Initial" # commit with message

    ${c.db_repo_scm_instance.alias} push ${'origin master' if h.is_git(c.db_repo_scm_instance) else ''} # push changes back

</pre>

<h4>${_('Existing repository?')}</h4>

<pre>

%if h.is_git(c.db_repo_scm_instance):

    git remote add origin ${c.clone_repo_url}

    git push -u origin master

%else:

    hg push ${c.clone_repo_url}

%endif

</pre>

%endif

## Changesets table !

<div class="container">

  %if not c.cs_ranges:

    <span class="empty_data">${_('No changesets')}</span>

  %else:

    %if c.ancestor:

    <div class="ancestor">${_('Ancestor')}:

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

    </div>

    %endif

    <div id="graph_nodes">

        <canvas id="graph_canvas" style="width:0"></canvas>

    </div>

    <div id="graph_content_pr" style="margin-left: 100px;">

    <table class="compare_view_commits noborder">

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

        <tr id="chg_${cnt+1}" class="${'mergerow' if len(cs.parents) > 1 else ''}">

        <td style="width:50px">

          %if cs.raw_id in c.statuses:

            <div title="${_('Changeset status: %s') % c.statuses[cs.raw_id][1]}" class="changeset-status-ico">

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

            </div>

          %endif

          %if c.cs_comments.get(cs.raw_id):

              <div class="comments-container">

                  <div class="comments-cnt" title="${_('Changeset has comments')}">

                      <a href="${c.cs_comments[cs.raw_id][0].url()}">

                          ${len(c.cs_comments[cs.raw_id])}

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

                      </a>

                  </div>

              </div>

          %endif

        </td>

        <td class="changeset-logical-index">

          <%

              num_cs = len(c.cs_ranges)

              index = num_cs - cnt

              if index == 1:

                  title = _('First (oldest) changeset in this list')

              elif index == num_cs:

                  title = _('Last (most recent) changeset in this list')

              else:

                  title = _('Position in this list of changesets')

          %>

          <span class="tooltip" title="${title}">

            ${index}

          </span>

        </td>

        <td style="width: 140px"><span class="tooltip" title="${h.age(cs.date)}">${cs.date}</span></td>

        %if c.visual.use_gravatar:

        <td>${h.gravatar_div(h.email_or_none(cs.author), size=14, div_commit_id="${cs.raw_id}")}</td>

        %endif

        <td><div class="author">${h.person(cs.author)}</div></td>

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

        <td>

        %if cs.branch:

        <span class="branchtag">${h.link_to(cs.branch,h.url('changelog_home',repo_name=c.cs_repo.repo_name,branch=cs.branch))}</span>

        %endif

        </td>

        <td class="expand_commit" commit_id="${cs.raw_id}" title="${_('Expand commit message')}">

            <i class="icon-align-left" style="color:#999"></i>

        </td>

        <td>

            <div style="float: right; margin-top: -4px;">

                %for tag in cs.tags:

                        ${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

                %endfor

            </div>

            <div id="C-${cs.raw_id}" class="message">${h.urlify_text(cs.message, c.repo_name)}</div>

        </td>

        </tr>

    %endfor

    </table>

    </div>

    %if c.as_form:

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

      ## links should perhaps use ('rev', c.a_rev) instead ...

      ${h.link_to(_('Show merge diff'),

        h.url('compare_url',

          repo_name=c.a_repo.repo_name,

          org_ref_type=c.a_ref_type, org_ref_name=c.a_ref_name,

          other_repo=c.cs_repo.repo_name,

          other_ref_type=c.cs_ref_type, other_ref_name=c.cs_ref_name,

          merge='1')

        )}

      </div>

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

        ${_('Common ancestor')}:

        %if c.ancestor:

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

        %else:

        ${_('No common ancestor found - repositories are unrelated')}

        %endif

      </div>

    %endif

    %if c.cs_ranges_org is not None:

      ## TODO: list actual changesets?

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

        ${h.link_to_ref(c.cs_repo.repo_name, c.cs_ref_type, c.cs_ref_name, c.cs_rev)}

        ${_('is')}

        <a href="${c.swap_url}">${_('%s changesets') % (len(c.cs_ranges_org))}</a>

        ${_('behind')}

        ${h.link_to_ref(c.a_repo.repo_name, c.a_ref_type, c.a_ref_name)}

      </div>

    %endif

  %endif

</div>

%if c.as_form:

<div id="jsdata" style="display:none">${c.jsdata|n}</div>

%else:

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

%endif

<script type="text/javascript">

    $(document).ready(function(){

%if not c.as_form:

        var jsdata = ${c.jsdata|n};

        var r = new BranchRenderer('graph_canvas', 'graph_content_pr', 'chg_');

        r.render(jsdata,100);

%endif

        $('.expand_commit').click(function(e){

            var cid = $(this).attr('commit_id');

            $('#C-'+cid).toggleClass('expanded');

            r.render(jsdata,100);

        });

        $('.gravatar').click(function(e){

            var cid = $(this).attr('commit_id');

            $('#row-'+cid).toggleClass('hl', !$('#row-'+cid).hasClass('hl'));

        });

    });

</script>

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

          </div>

          <div class="input">

            <div>

              ${h.link_to_ref(c.pull_request.org_repo.repo_name, c.cs_ref_type, c.cs_ref_name, c.cs_rev)}

              %if c.cs_ref_type != 'branch':

                ${_('on')} ${h.link_to_ref(c.pull_request.org_repo.repo_name, 'branch', c.cs_branch_name)}

              %endif

            </div>

          </div>

        </div>

        <div class="field">

          <div class="label-summary">

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

          </div>

          <div class="input">

            %if c.is_range:

              ${_("This is just a range of changesets and doesn't have a target or a real merge ancestor.")}

            %else:

              ${h.link_to_ref(c.pull_request.other_repo.repo_name, c.a_ref_type, c.a_ref_name)}

              ## we don't know other rev - c.a_rev is ancestor and not necessarily on other_name_branch branch

            %endif

          </div>

        </div>

        <div class="field">

          <div class="label-summary">

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

          </div>

          <div class="input">

            %if c.cs_ranges:

              <div>

               ## TODO: use cs_ranges[-1] or org_ref_parts[1] in both cases?

               %if h.is_hg(c.pull_request.org_repo):

                 <span style="font-family: monospace">hg pull ${c.pull_request.org_repo.clone_url()} -r ${h.short_id(c.cs_ranges[-1].raw_id)}</span>

               %elif h.is_git(c.pull_request.org_repo):

                 <span style="font-family: monospace">git pull ${c.pull_request.org_repo.clone_url()} ${c.pull_request.org_ref_parts[1]}</span>

               %endif

              </div>

            %endif

          </div>

        </div>

        <div class="field">

          <div class="label-summary">

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

          </div>

          <div class="input">

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

          </div>

        </div>

        <div class="field">

          <div class="label-summary">

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

          </div>

          <div class="input 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="input pr-do-edit ac" style="display:none">

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

               <div id="owner_completion_container"></div>

          </div>

        </div>

        <div class="field">

            <div class="label-summary">

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

            </div>

            <div class="input">

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

              %if c.avail_revs:

              <div id="updaterevs" style="max-height:200px; overflow-y:auto; overflow-x:hidden; margin-bottom: 10px; padding: 1px 0">

                <div style="height:0">

                  <canvas id="avail_graph_canvas" style="width:0"></canvas>

                </div>

                <table id="updaterevs-table" class="noborder" style="padding-left:50px">

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

                    <tr id="chg_available_${cnt+1}" class="${'mergerow' if len(cs.parents) > 1 and not (editable and cs.revision in c.avail_revs) else ''}">

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

                        <td>

                          %if editable:

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

                          %endif

                        </td>

                        <td colspan="4">${_("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 style="width: 120px"><span class="tooltip" title="${h.age(cs.date)}">${cs.date}</span></td>

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

                        <td>

                          <div style="float: right; margin-top: -4px;">

                            %for tag in cs.tags:

                                ${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}

                            %endfor

                          </div>

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

                        </td>

                      %endif

                    </tr>

                  %endfor

                </table>

              </div>

              <div class="msg-div">(${_("Pull request iterations do not change content once created. Select a revision and save to make a new iteration.")})</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>

            %for member,status in c.pull_request_reviewers:

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

            %endfor

            <ul id="review_members">

            %for member,status in c.pull_request_reviewers:

              ## WARNING: the HTML below is duplicate with

              ## kallithea/public/js/base.js

              ## If you change something here it should be reflected in the template too.

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

                <div class="reviewers_member">

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

                      <i class="icon-circle changeset-status-${status}"></i>

                    </div>

                  ${h.gravatar_div(member.email, size=14, div_class="reviewer_gravatar gravatar")}

                  <div style="float:left;">

                    ${member.full_name_and_username}

                    %if c.pull_request.owner_id == member.user_id:

                      (${_('Owner')})

                    %endif

                  </div>

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

                  %if editable:

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

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

                  </a>

                  %endif

                </div>