/**

 * Stylesheets for the context bar

 */

i.icon-arrow-right { background-image: url('../images/icons/arrow_right.png');}

i.icon-bar-chart { background-image: url("../images/icons/chart_bar.png"); }

i.icon-code-merge { background-image: url("../images/icons/arrow_merge.png"); } /* unused! */

i.icon-ellipsis-horizontal:after { content: ' ...';}

i.icon-eye-open { background-image: url("../images/icons/eye.png"); }

i.icon-file-txt { background-image: url("../images/icons/note_error.png"); }

i.icon-git { background-image: url('../images/icons/giticon.png');}

i.icon-hg { background-image: url('../images/icons/hgicon.png');}

i.icon-refresh { background-image: url('../images/icons/arrow_refresh.png');}

i.icon-disabled { background-image: url('../images/icons/shading.png');} /* todo: use instead of minus sign */

i[class^='icon-'] {

    background-repeat: no-repeat;

    background-position: center;

    display: inline-block;

    min-width: 16px;

    min-height: 16px;

    margin: -2px 0 -4px 0;

    /* background-color: red; /* for debugging */

}

#content #context-bar {

    position: relative;

    overflow: visible;

    background-color: #577632;

    padding: 0 5px;

    min-height: 36px;

}

#content #context-bar h2 {

    display: inline-block;

    color: #FFF;

}

#header #header-inner #quick a,

#content #context-bar,

#content #context-bar a {

    color: #FFFFFF;

}

#header #header-inner #quick a:hover,

#content #context-bar a:hover {

    text-decoration: none;

}

#content #context-bar .icon {

    display: inline-block;

    width: 16px;

    height: 16px;

    vertical-align: text-bottom;

}

ul.horizontal-list {

    display: block;

}

ul.horizontal-list > li {

    float: left;

    position: relative;

}

#header #header-inner #quick ul,

ul.horizontal-list > li ul {

    position: absolute;

    display: none;

    right: 0;

    z-index: 999;

}

#header #header-inner #quick li:hover > ul,

ul.horizontal-list li:hover > ul {

    display: block;

}

#header #header-inner #quick li ul li,

ul.horizontal-list ul li {

    position: relative;

    border-bottom: 1px solid rgba(0,0,0,0.1);

    border-top: 1px solid rgba(255,255,255,0.1);

}

ul.horizontal-list > li ul ul {

    position: absolute;

    right: 100%;

    top: -1px;

    min-width: 200px;

    max-height: 400px;

    overflow-x: hidden;

    overflow-y: auto;

}

#header #header-inner #quick ul a,

ul.horizontal-list li a {

    white-space: nowrap;

}

#breadcrumbs {

    float: left;

    padding: 6px 0 5px 0;

    padding-left: 5px;

    font-weight: bold;

    font-size: 14px;

}

#breadcrumbs span {

    font-weight: bold;

    font-size: 1.4em;

}

#header #header-inner #quick ul,

#revision-changer,

#context-pages,

#context-pages ul {

    background: #3b6998; /* Old browsers */

    background: -moz-linear-gradient(top, #577632 0%, #577632 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#577632), color-stop(100%,#577632)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #577632 0%, #577632 100%); /* Chrome10+,Safari5.1+ */

#changeset_compare_view_content .compare_view_commits {

    width: auto !important;

}

#changeset_compare_view_content .compare_view_commits td {

    padding: 0px 0px 0px 12px !important;

}

#changeset_content .container .right {

    float: right;

    width: 20%;

    text-align: right;

}

#changeset_content .container .message {

    white-space: pre-wrap;

}

#changeset_content .container .message a:hover {

    text-decoration: none;

}

.cs_files .cur_cs {

    margin: 10px 2px;

    font-weight: bold;

}

.cs_files .node {

    float: left;

}

.cs_files .changes {

    float: right;

    color: #577632;

}

.cs_files .changes .added {

    background-color: #BBFFBB;

    float: left;

    text-align: center;

    font-size: 9px;

    padding: 2px 0px 2px 0px;

}

.cs_files .changes .deleted {

    background-color: #FF8888;

    float: left;

    text-align: center;

    font-size: 9px;

    padding: 2px 0px 2px 0px;

}

/*new binary

NEW_FILENODE = 1

DEL_FILENODE = 2

MOD_FILENODE = 3

RENAMED_FILENODE = 4

CHMOD_FILENODE = 5

BIN_FILENODE = 6

*/

.cs_files .changes .bin {

    background-color: #BBFFBB;

    float: left;

    text-align: center;

    font-size: 9px;

    padding: 2px 0px 2px 0px;

}

.cs_files .changes .bin.bin1 {

    background-color: #BBFFBB;

}

/*deleted binary*/

.cs_files .changes .bin.bin2 {

    background-color: #FF8888;

}

/*mod binary*/

.cs_files .changes .bin.bin3 {

    background-color: #DDDDDD;

}

/*rename file*/

.cs_files .changes .bin.bin4 {

    background-color: #6D99FF;

}

/*rename file*/

.cs_files .changes .bin.bin4 {

    background-color: #6D99FF;

}

/*chmod file*/

.cs_files .changes .bin.bin5 {

    background-color: #6D99FF;

}

.cs_files .cs_added,

.cs_files .cs_A {

    height: 16px;

    margin-top: 7px;

    text-align: left;

}

.cs_files .cs_changed,

.cs_files .cs_M {

    height: 16px;

    margin-top: 7px;

    text-align: left;

}

.cs_files .cs_removed,

.cs_files .cs_D {

    height: 16px;

    margin-top: 7px;

    text-align: left;

}

.table {

    position: relative;

}

#graph {

    position: relative;

    overflow: hidden;

}

#graph_nodes {

    position: absolute;

}

#graph_content,

#graph .info_box,

#graph .container_header {

    margin-left: 100px;

}

#graph_content {

    position: relative;

}

#graph .container_header {

    padding: 10px;

    height: 25px;

}

#graph_content #rev_range_container {

    float: left;

    margin: 0px 0px 0px 3px;

}

#graph_content #rev_range_clear {

    float: left;

    margin: 0px 0px 0px 3px;

}

#graph_content #changesets {

    table-layout: fixed;

    border-collapse: collapse;

    border-left: none;

    border-right: none;

    border-color: #cdcdcd;

}

#graph_content #changesets td {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    height: 31px;

    border-color: #cdcdcd;

    text-align: left;

}

#graph_content .container .checkbox {

    width: 12px;

    font-size: 0.85em;

}

#graph_content .container .status {

    width: 14px;

    font-size: 0.85em;

}

#graph_content .container .author {

   width: 105px;

}

#graph_content .container .hash {

    width: 100px;

    font-size: 0.85em;

}

#graph_content #changesets .container .date {

    width: 76px;

    color: #666;

    font-size: 10px;

}

#graph_content_pr .compare_view_commits .expand_commit,

#graph_content .container .expand_commit {

    width: 24px;

    cursor: pointer;

}

#graph_content #changesets .container .right {

    width: 120px;

    padding-right: 0px;

    overflow: visible;

    position: relative;

}

                    %if c.statuses:

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

                        <div title="${_('Changeset status')}" class="changeset-status-lbl">[${h.changeset_status_lbl(c.statuses[0])}]</div>

                    %endif

                </div>

                <div class="diff-actions">

                  <a href="${h.url('changeset_raw_home',repo_name=c.repo_name,revision=c.changeset.raw_id)}"  class="tooltip" title="${h.tooltip(_('Raw diff'))}">

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

                  </a>

                  <a href="${h.url('changeset_patch_home',repo_name=c.repo_name,revision=c.changeset.raw_id)}"  class="tooltip" title="${h.tooltip(_('Patch diff'))}">

                      <i class="icon-file-powerpoint"></i>

                  </a>

                  <a href="${h.url('changeset_download_home',repo_name=c.repo_name,revision=c.changeset.raw_id,diff='download')}" class="tooltip" title="${h.tooltip(_('Download diff'))}">

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

                  </a>

                  ${c.ignorews_url(request.GET)}

                  ${c.context_url(request.GET)}

                </div>

                <div class="comments-number" style="float:right;padding-right:5px">${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>

            </div>

        </div>

        <div id="changeset_content">

            <div class="container">

                <div class="right">

                    <div class="changes">

                        % if (len(c.changeset.affected_files) <= c.affected_files_cut_off) or c.fulldiff:

                         <span class="removed" title="${_('Removed')}">${len(c.changeset.removed)}</span>

                         <span class="changed" title="${_('Changed')}">${len(c.changeset.changed)}</span>

                         <span class="added" title="${_('Added')}">${len(c.changeset.added)}</span>

                        % else:

                         <span class="removed" title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>

                         <span class="changed" title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>

                         <span class="added"   title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>

                        % endif

                    </div>

                    <span class="logtags">

                        %if len(c.changeset.parents)>1:

                        <span class="merge">${_('merge')}</span>

                        %endif

                        %if h.is_hg(c.db_repo_scm_instance):

                          %for book in c.changeset.bookmarks:

                          <span class="booktag" title="${_('Bookmark %s') % book}">

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

                          </span>

                          %endfor

                        %endif

                        %for tag in c.changeset.tags:

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

                         ${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=c.changeset.raw_id))}</span>

                        %endfor

                        %if c.changeset.branch:

                         <span class="branchtag" title="${_('Branch %s') % c.changeset.branch}">

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

                         </span>

                        %endif

                    </span>

                </div>

                <div class="left">

                     <div class="author">

                         <div class="gravatar">

                             <img alt="gravatar" src="${h.gravatar_url(h.email_or_none(c.changeset.author),20)}"/>

                         </div>

                         <span><b>${h.person(c.changeset.author,'username_and_name')}</b> - ${h.age(c.changeset.date,True)} ${h.fmt_date(c.changeset.date)}</span><br/>

                         <span>${h.email_or_none(c.changeset.author)}</span><br/>

                     </div>

                     <% rev = c.changeset.extra.get('source') %>

                     %if rev:

                     <div>

                       ${_('Grafted from:')} ${h.link_to(h.short_id(rev),h.url('changeset_home',repo_name=c.repo_name,revision=rev))}

                     </div>

                     %endif

                     <% rev = c.changeset.extra.get('transplant_source', '').encode('hex') %>

                     %if rev:

                     <div>

                       ${_('Transplanted from:')} ${h.link_to(h.short_id(rev),h.url('changeset_home',repo_name=c.repo_name,revision=rev))}

                     </div>

                     %endif

                     <div class="message">${h.urlify_commit(c.changeset.message, c.repo_name)}</div>

                </div>

            </div>

            <div class="changes_txt">

            % if c.limited_diff:

            ${ungettext('%s file changed','%s files changed',len(c.changeset.affected_files)) % (len(c.changeset.affected_files))}:

            % else:

            ${ungettext('%s file changed with %s insertions and %s deletions','%s files changed with %s insertions and %s deletions', len(c.changeset.affected_files)) % (len(c.changeset.affected_files),c.lines_added,c.lines_deleted)}:

            %endif

            </div>

            <div class="cs_files">

              %for FID, (cs1, cs2, change, path, diff, stats) in c.changes[c.changeset.raw_id].iteritems():

                  <div class="cs_${change}">

                        <div class="node">

                            <a href="#${FID}">${h.safe_unicode(path)}</a>

                        </div>

                    <div class="changes">${h.fancy_file_stats(stats)}</div>

                  </div>

              %endfor

              % if c.limited_diff:

                <h5>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff anyway')}</a></h5>

              % endif

            </div>

        </div>

    </div>

    ## diff block

    <%namespace name="diff_block" file="/changeset/diff_block.html"/>

    ${diff_block.diff_block_js()}

    ${diff_block.diff_block(c.changes[c.changeset.raw_id])}

    % if c.limited_diff:

      <h4>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff anyway')}</a></h4>

    % endif

    ## template for inline comment form

    <%namespace name="comment" file="/changeset/changeset_file_comment.html"/>

    ${comment.comment_inline_form()}

    ## render comments and inlines

    ${comment.generate_comments()}

    ## main comment form and it status

    ${comment.comments(h.url('changeset_comment', repo_name=c.repo_name, revision=c.changeset.raw_id),

                       h.changeset_status(c.db_repo, c.changeset.raw_id))}

    ## FORM FOR MAKING JS ACTION AS CHANGESET COMMENTS

    <script type="text/javascript">

      $(document).ready(function(){

          $('.show-inline-comments').change(function(e){

              var target = e.currentTarget;

              if(target == null){

                  target = this;

              }

              var boxid = $(target).attr('id_for');

              if(target.checked){

                  $('#{0} .inline-comments'.format(boxid)).show();

                  $('#{0} .inline-comments-button'.format(boxid)).show();

              }else{

                  $('#{0} .inline-comments'.format(boxid)).hide();

                  $('#{0} .inline-comments-button'.format(boxid)).hide();

              }

          });

          $('.add-bubble').click(function(e){

              var tr = e.currentTarget;

              if(tr == null){

                  tr = this;

              }

              injectInlineForm(tr.parentNode.parentNode);

          });

          // inject comments into they proper positions

          var file_comments = YUQ('.inline-comment-placeholder');

          renderInlineComments(file_comments);

          linkInlineComments(document.getElementsByClassName('firstlink'), document.getElementsByClassName("inline-comment"));

          pyroutes.register('changeset_home',

                            "${h.url('changeset_home', repo_name='%(repo_name)s', revision='%(revision)s')}",

                            ['repo_name', 'revision']);

          //next links

          $('#child_link').on('click', function(e){

              //fetch via ajax what is going to be the next link, if we have

              //>1 links show them to user to choose

              if(!$('#child_link').hasClass('disabled')){

                  $.ajax({

                    url: '${h.url('changeset_children',repo_name=c.repo_name, revision=c.changeset.raw_id)}',

                    success: function(data) {

                      if(data.results.length === 0){

                          $('#child_link').addClass('disabled');

                          $('#child_link').html('${_('no revisions')}');

                      }

                      if(data.results.length === 1){

                          var commit = data.results[0];

                          window.location = pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': commit.raw_id});

                      }

                      else if(data.results.length === 2){

                          $('#child_link').addClass('disabled');

                          $('#child_link').addClass('double');

                          var _html = '';

                          _html +='<a title="__title__" href="__url__">__rev__</a> <i style="color:#036185" class="icon-right-open"></i>'

                                  .replace('__rev__','r{0}:{1}'.format(data.results[0].revision, data.results[0].raw_id.substr(0,6)))

                                  .replace('__title__', data.results[0].message)

                                  .replace('__url__', pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': data.results[0].raw_id}));

                          _html +='<br/>'

                          _html +='<a title="__title__" href="__url__">__rev__</a> <i style="color:#036185" class="icon-right-open"></i>'

                                  .replace('__rev__','r{0}:{1}'.format(data.results[1].revision, data.results[1].raw_id.substr(0,6)))

                                  .replace('__title__', data.results[1].message)

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

<%inherit file="/base/base.html"/>

<%def name="title()">

    ${_('%s Changesets') % c.repo_name} - ${h.show_id(c.cs_ranges[0])} > ${h.show_id(c.cs_ranges[-1])}

    %if c.site_name:

        · ${c.site_name}

    %endif

</%def>

<%def name="breadcrumbs_links()">

    ${_('Changesets')} -

    ${h.link_to(h.show_id(c.cs_ranges[0]),h.url('changeset_home',repo_name=c.repo_name,revision=c.cs_ranges[0]))}</td>

    <i class="icon-arrow-right"></i>

    ${h.link_to(h.show_id(c.cs_ranges[-1]),h.url('changeset_home',repo_name=c.repo_name,revision=c.cs_ranges[-1]))}</td>

</%def>

<%def name="page_nav()">

    ${self.menu('repositories')}

</%def>

<%def name="main()">

${self.repo_context_bar('changelog')}

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        <div id="body" class="diffblock">

            <div class="code-header">

                <div>

                    ${h.show_id(c.cs_ranges[0])}

                    <i class="icon-arrow-right"></i>

                    ${h.show_id(c.cs_ranges[-1])}

                    <a style="font-weight: bold" href="${h.url('compare_url',repo_name=c.repo_name,org_ref_type='rev',org_ref_name=getattr(c.cs_ranges[0].parents[0] if c.cs_ranges[0].parents else h.EmptyChangeset(),'raw_id'),other_ref_type='rev',other_ref_name=c.cs_ranges[-1].raw_id)}" class="btn btn-small"><i class="icon-git-compare"></i> Compare Revisions</a>

                </div>

            </div>

        </div>

        <div id="changeset_compare_view_content">

            <div class="container">

            <table class="compare_view_commits noborder">

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

                <tr>

                <td><div class="gravatar"><img alt="gravatar" src="${h.gravatar_url(h.email_or_none(cs.author),14)}"/></div></td>

                <td>${h.link_to('r%s:%s' % (cs.revision,h.short_id(cs.raw_id)),h.url('changeset_home',repo_name=c.cs_repo.repo_name,revision=cs.raw_id))}</td>

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

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

                <td>

                  %if c.statuses:

                    <div title="${h.tooltip(_('Changeset status'))}" class="changeset-status-ico"><i class="icon-circle changeset-status-${c.statuses[cnt]}"></i></div>

                  %endif

                </td>

                <td><div class="message">${h.urlify_commit(h.wrap_paragraphs(cs.message),c.repo_name)}</div></td>

                </tr>

            %endfor

            </table>

            </div>

            <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">${_('Files affected')}</div>

            <div class="cs_files">

                %for cs in c.cs_ranges:

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

                    %for FID, (cs1, cs2, change, path, diff, stats) in c.changes[cs.raw_id].iteritems():

                        <div class="cs_${change}">

                            <div class="node">

                                ${h.link_to(h.safe_unicode(path),h.url.current(anchor=FID))}

                            </div>

                            <div class="changes">${h.fancy_file_stats(stats)}</div>

                        </div>

                    %endfor

                %endfor

            </div>

        </div>

    </div>

    <%namespace name="comment" file="/changeset/changeset_file_comment.html"/>

    <%namespace name="diff_block" file="/changeset/diff_block.html"/>

    ${diff_block.diff_block_js()}

    %for cs in c.cs_ranges:

          ##${comment.comment_inline_form(cs)}

          ## diff block

          <div class="h3">

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

             <div class="gravatar">

                 <img alt="gravatar" src="${h.gravatar_url(h.email_or_none(cs.author),20)}"/>

             </div>

             <div class="right">

              <span class="logtags">

                %if len(cs.parents)>1:

                <span class="merge">${_('merge')}</span>

                %endif

                %if h.is_hg(c.db_repo_scm_instance):

                  %for book in cs.bookmarks:

                  <span class="booktag" title="${_('Bookmark %s') % book}">

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

                  </span>

                  %endfor

                %endif

                %for tag in cs.tags:

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

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

                %endfor

                %if cs.branch:

                <span class="branchtag" title="${_('Branch %s') % cs.branch}">

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

                </span>

                %endif

              </span>

            </div>

           </div>

          ${diff_block.diff_block(c.changes[cs.raw_id])}

    %endfor

</div>

</%def>

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

<%inherit file="/base/base.html"/>

<%def name="title()">

    %if c.compare_home:

        ${_('%s Compare') % c.repo_name}

    %else:

        ${_('%s Compare') % c.repo_name} - ${'%s@%s' % (c.a_repo.repo_name, c.a_ref_name)} > ${'%s@%s' % (c.cs_repo.repo_name, c.cs_ref_name)}

    %endif

    %if c.site_name:

        · ${c.site_name}

    %endif

</%def>

<%def name="breadcrumbs_links()">

  ${_('Compare Revisions')}

</%def>

<%def name="page_nav()">

    ${self.menu('repositories')}

</%def>

<%def name="main()">

${self.repo_context_bar('changelog')}

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        <div id="body" class="diffblock">

            <div class="code-header">

                <div>

                    ${h.hidden('compare_org')} <i class="icon-arrow-right"></i> ${h.hidden('compare_other')}

                    %if not c.compare_home:

                        <a class="btn btn-small" href="${c.swap_url}"><i class="icon-refresh"></i> ${_('Swap')}</a>

                    %endif

                    <div id="compare_revs" class="btn btn-small"><i class="icon-git-compare"></i> ${_('Compare Revisions')}</div>

                </div>

            </div>

        </div>

    %if c.compare_home:

        <div id="changeset_compare_view_content">

         <div style="color:#999;font-size: 18px">${_('Compare revisions, branches, bookmarks, or tags.')}</div>

        </div>

    %else:

        <div id="changeset_compare_view_content">

                ##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_cs.html" />

                ## FILES

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

                % if c.limited_diff:

                    ${ungettext('%s file changed', '%s files changed', len(c.files)) % len(c.files)}

                % else:

                    ${ungettext('%s file changed with %s insertions and %s deletions','%s files changed with %s insertions and %s deletions', len(c.files)) % (len(c.files),c.lines_added,c.lines_deleted)}:

                %endif

                ${c.ignorews_url(request.GET)}

                ${c.context_url(request.GET)}

                </div>

                <div class="cs_files">

                  %if not c.files:

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

                  %endif

                  %for fid, change, f, stat in c.files:

                  %endfor

                </div>

                % if c.limited_diff:

                  <h5>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff')}</a></h5>

                % endif

         </div>

        ## diff block

        <%namespace name="diff_block" file="/changeset/diff_block.html"/>

        ${diff_block.diff_block_js()}

        %for fid, change, f, stat in c.files:

          ${diff_block.diff_block_simple([c.changes[fid]])}

        %endfor

        % if c.limited_diff:

          <h4>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff')}</a></h4>

        % endif

    %endif

    </div>

</div>

    <script type="text/javascript">

   $(document).ready(function(){

    var cache = {}

    $("#compare_org").select2({

        placeholder: "${'%s@%s' % (c.a_repo.repo_name, c.a_ref_name)}",

        formatSelection: function(obj){

            return '{0}@{1}'.format("${c.a_repo.repo_name}", obj.text)

        },

        dropdownAutoWidth: true,

        query: function(query){

          var key = 'cache';

          var cached = cache[key] ;

          if(cached) {

            var data = {results: []};

            //filter results

            $.each(cached.results, function(){

                var section = this.text;

                var children = [];

                $.each(this.children, function(){

                    if(query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0 ){

                        children.push({'id': this.id, 'text': this.text})

                    }

                })

                data.results.push({'text': section, 'children': children})

            });

            //push the typed in changeset

            data.results.push({'text':_TM['Specify changeset'],

                               'children': [{'id': query.term, 'text': query.term, 'type': 'rev'}]})

            query.callback(data);

          }else{

              $.ajax({

                url: pyroutes.url('repo_refs_data', {'repo_name': '${c.a_repo.repo_name}'}),

                data: {},

                dataType: 'json',

                type: 'GET',

                success: function(data) {

                  cache[key] = data;

                  query.callback(data);

                }

              })

          }

        }

    });

    $("#compare_other").select2({

        placeholder: "${'%s@%s' % (c.cs_repo.repo_name, c.cs_ref_name)}",

        dropdownAutoWidth: true,

        formatSelection: function(obj){

            return '{0}@{1}'.format("${c.cs_repo.repo_name}", obj.text)

        },

        query: function(query){

          var key = 'cache2';

          var cached = cache[key] ;

          if(cached) {

            var data = {results: []};

            //filter results

            $.each(cached.results, function(){

                var section = this.text;

                var children = [];

                $.each(this.children, function(){

                    if(query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0 ){

                        children.push({'id': this.id, 'text': this.text})

                    }

                })

                data.results.push({'text': section, 'children': children})

            });

            //push the typed in changeset

            data.results.push({'text':_TM['Specify changeset'],

                               'children': [{'id': query.term, 'text': query.term, 'type': 'rev'}]})

            query.callback(data);

          }else{

              $.ajax({