<table class="table compare_view_commits">

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

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

        <td>

          %if cs.raw_id in c.statuses:

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

          %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 data-toggle="tooltip" title="${title}">

            ${index}

          </span>

        </td>

        <td><span data-toggle="tooltip" title="${h.age(cs.date)}">${cs.date}</span></td>

        <td class="author">

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

            <span data-toggle="tooltip" title="${cs.author}" class="user">${h.shorter(h.person(cs.author),22)}</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>

        %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" data-commit_id="${cs.raw_id}" title="${_('Expand commit message')}">

            <i class="icon-align-left"></i>

        </td>

        <td class="mid">

            <div class="pull-right">

                %for tag in cs.tags:

                    <span class="tagtag" title="${_('Tag %s') % tag}">

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

                    </span>

                %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.is_ajax_preview:

      <h5>

      ## 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')

        )}

      </h5>

    %endif

    %if c.cs_ranges_org is not None:

      ## TODO: list actual changesets?

      <div>

        ${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.is_ajax_preview:

<div id="jsdata" style="display:none">${h.js(c.jsdata)}</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(){

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

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

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

        });

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

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

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

        });

    });

</script>