@ ${h.show_id(c.changeset)}

    %endif

</%def>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%def name="main()">

${self.repo_context_bar('files', c.revision)}

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

        <div class="pull-left">

            ${self.breadcrumbs()}

        </div>

        <div class="pull-right">

              ${_("Branch filter:")} ${h.select('branch_selector',c.changeset.raw_id,c.revision_options)}

        </div>

    </div>

    <div class="panel-body">

        <div id="files_data">

            <%include file='files_ypjax.html'/>

        </div>

    </div>

</div>

<script type="text/javascript">

var CACHE = {};

var CACHE_EXPIRE = 5*60*1000; //cache for 5*60s

//used to construct links from the search list

var _repo_files_url = ${h.jshtml(h.url("files_home",repo_name=c.repo_name,revision='',f_path='').replace('//', '/'))};

var url_base = ${h.js(h.url("files_home",repo_name=c.repo_name,revision='__REV__',f_path='__FPATH__'))};

//send the nodelist request to this url

var node_list_url = ${h.js(h.url("files_nodelist_home",repo_name=c.repo_name,revision='__REV__',f_path='__FPATH__'))};

## new pyroutes URLs

pyroutes.register('files_nodelist_home', ${h.js(h.url('files_nodelist_home', repo_name=c.repo_name,revision='%(revision)s',f_path='%(f_path)s'))}, ['revision', 'f_path']);

pyroutes.register('files_history_home', ${h.js(h.url('files_history_home', repo_name=c.repo_name,revision='%(revision)s',f_path='%(f_path)s'))}, ['revision', 'f_path']);

pyroutes.register('files_authors_home', ${h.js(h.url('files_authors_home', repo_name=c.repo_name,revision='%(revision)s',f_path='%(f_path)s'))}, ['revision', 'f_path']);

var ypjax_links = function(){

    $('.ypjax-link').click(function(e){

        //don't do ypjax on middle click

        if (e.which == 2) {

            return true;

        }

        //extract rev and the f_path from url.

        if(parts.length != 2){

            return false;

        }

        var parts2 = parts[1].split('/');

        var rev = parts2.shift(); // pop the first element which is the revision

        var f_path = parts2.join('/');

        //page title - make this consistent with title mako block above

        var title = ${h.jshtml(_('%s Files') % c.repo_name)} + " \u00B7 " + (f_path || '/') + " \u00B7 " + ${h.jshtml(c.site_name)};

        var _node_list_url = node_list_url.replace('__REV__',rev).replace('__FPATH__', f_path);

        var _url_base = url_base.replace('__REV__',rev);

        // Change our States and save some data for handling events

        var state = {url:url, title:title, url_base:_url_base,

                     node_list_url:_node_list_url, rev:rev, f_path:f_path};

        window.history.pushState(state, null, url);

        load_state(state);

        //now we're sure that we can do ypjax things

        e.preventDefault();

        return false;

    });

}

var load_state = function(state) {

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

    var cache_key = state.url;

    var _cache_obj = CACHE[cache_key];

    var _cur_time = new Date().getTime();

    if (_cache_obj !== undefined && _cache_obj[0] > _cur_time) {

        $files_data.html(_cache_obj[1]);

        $files_data.css('opacity', '1.0');

        post_load_state(state);

    } else {

        asynchtml(state.url, $files_data, function() {

                  post_load_state(state);

                  var expire_on = new Date().getTime() + CACHE_EXPIRE;

                  CACHE[cache_key] = [expire_on, $files_data.html()];

            });

    }

}

var post_load_state = function(state) {

    ypjax_links();

    tooltip_activate();