%endif

                ${c.ignorews_url(request.GET)}

                ${c.context_url(request.GET)}

                </h5>

                <div class="cs_files">

                  %if not c.file_diff_data:

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

                  %endif

                  %for fid, url_fid, op, a_path, path, diff, stats in c.file_diff_data:

                    <div class="cs_${op} clearfix">

                      <span class="node">

                          <i class="icon-diff-${op}"></i>

                          ${h.link_to(h.safe_unicode(path), '#%s' % fid)}

                      </span>

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

    %endif

    %if not c.compare_home:

        ## diff block

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

        ${diff_block.diff_block_js()}

        ${diff_block.diff_block(c.a_repo.repo_name, c.a_ref_type, c.a_ref_name, c.a_rev,

                                c.cs_repo.repo_name, c.cs_ref_type, c.cs_ref_name, c.cs_rev, c.file_diff_data)}

        % 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 = {};

    function make_revision_dropdown(css_selector, repo_name, ref_name, cache_key) {

      $(css_selector).select2({

        placeholder: '{0}@{1}'.format(repo_name, ref_name || ${h.jshtml(_('Select changeset'))}),

        formatSelection: function(obj){

        },

        dropdownAutoWidth: true,

        maxResults: 50,

        query: function(query){

          var key = cache_key;

          var cached = cache[key] ;

          if(cached) {

            var data = {results: []};

            var queryLower = query.term.toLowerCase();

            //filter results

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

                var section = this.text;

                var children = [];

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

                    if(children.length < 50 ?

                       ((queryLower.length == 0) || (this.text.toLowerCase().indexOf(queryLower) >= 0)) :

                       ((queryLower.length != 0) && (this.text.toLowerCase().indexOf(queryLower) == 0))) {

                        children.push(this);

                    }

                });

                children = branchSort(children, undefined, query)

                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': repo_name}),

                data: {},

                dataType: 'json',

                type: 'GET',

                success: function(data) {

                  cache[key] = data;

                  query.callback(data);

                }

              });

          }

        }

    });

    }

    make_revision_dropdown("#compare_org",   ${h.jshtml(c.a_repo.repo_name)},  ${h.jshtml(c.a_ref_name)},  'cache');

    make_revision_dropdown("#compare_other", ${h.jshtml(c.cs_repo.repo_name)}, ${h.jshtml(c.cs_ref_name)}, 'cache2');

    var values_changed = function() {

        var values = $('#compare_org').select2('data') && $('#compare_other').select2('data');