.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,

                                ${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}',

        <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

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

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