YUE.stopEvent(e);

                this.paginator.setPage(this.paginator.getTotalPages());

            }

        };

        })();

    var pagi = new YAHOO.widget.Paginator({

        rowsPerPage: links_per_page,

        alwaysVisible: false,

        template : "{PreviousPageLink} {MyFirstPageLink} {PageLinks} {MyLastPageLink} {NextPageLink}",

        pageLinks: 5,

        containerClass: 'pagination-wh',

        currentPageClass: 'pager_curpage',

        pageLinkClass: 'pager_link',

        nextPageLinkLabel: '>',

        previousPageLinkLabel: '<',

        containers:containers

    });

    return pagi

}

var YUI_datatable = function(data, fields, columns, countnode, sortkey, rows){

    var myDataSource = new YAHOO.util.DataSource(data);

    myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;

    myDataSource.responseSchema = {

        resultsList: "records",

        fields: fields

        };

    myDataSource.doBeforeCallback = function(req, raw, res, cb) {

        // This is the filter function

        var data     = res.results || [],

            filtered = [],

            i, l;

        if (req) {

            req = req.toLowerCase();

            for (i = 0; i<data.length; i++) {

                var pos = data[i].raw_name.toLowerCase().indexOf(req)

                if (pos != -1) {

                    filtered.push(data[i]);

                }

            }

            res.results = filtered;

        }

        $(countnode).html(res.results.length);

        return res;

    }

    var myDataTable = new YAHOO.widget.DataTable("datatable_list_wrap", columns, myDataSource, {

        sortedBy: {key:sortkey, dir:"asc"},

        paginator: YUI_paginator(rows !== undefined && rows ? rows : 25, ['user-paginator']),

        MSG_SORTASC: _TM['MSG_SORTASC'],

        MSG_SORTDESC: _TM['MSG_SORTDESC'],

        MSG_EMPTY: _TM['MSG_EMPTY'],

        MSG_ERROR: _TM['MSG_ERROR'],

        MSG_LOADING: _TM['MSG_LOADING']

        });

    myDataTable.subscribe('postRenderEvent',function(oArgs) {

        tooltip_activate();

        quick_repo_menu();

        });

    var filterTimeout = null;

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

    var updateFilter = function () {

        // Reset timeout

        filterTimeout = null;

        // Reset sort

        var state = myDataTable.getState();

        state.sortedBy = {key:sortkey, dir:YAHOO.widget.DataTable.CLASS_ASC};

        // Get filtered data

        myDataSource.sendRequest($q_filter.val(), {

            success : myDataTable.onDataReturnInitializeTable,

            failure : myDataTable.onDataReturnInitializeTable,

            scope   : myDataTable,

            argument: state});

        };

    $q_filter.click(function(){

            if(!$q_filter.hasClass('loaded')){

                //TODO: load here full list later to do search within groups

                $q_filter.addClass('loaded');

            }

        });

    $q_filter.keyup(function (e) {

            clearTimeout(filterTimeout);

            filterTimeout = setTimeout(updateFilter, 600);

        });

}

// global hooks after DOM is loaded

$(document).ready(function(){

    $('.diff-collapse-button').click(function(e) {

        var $button = $(e.currentTarget);

        var $target = $('#' + $button.attr('target'));

        if($target.hasClass('hidden')){

            $target.removeClass('hidden');

            $button.html("↑ {0} ↑".format(_TM['Collapse Diff']));

        }

        else if(!$target.hasClass('hidden')){

            $target.addClass('hidden');

            $button.html("↓ {0} ↓".format(_TM['Expand Diff']));

        }

    });

});

                var checkbox_checker = function(e){

                    var checked_checkboxes = [];

                    for (pos in checkboxes){

                        if(checkboxes[pos].checked){

                            checked_checkboxes.push(checkboxes[pos]);

                        }

                    }

                    if(YUD.get('open_new_pr')){

                        if(checked_checkboxes.length>1){

                            YUD.setStyle('open_new_pr','display','none');

                        } else {

                            YUD.setStyle('open_new_pr','display','');

                            if(checked_checkboxes.length>0){

                                YUD.get('open_new_pr').innerHTML = _TM['Open New Pull Request for Selected Changesets'];

                            }else{

                                YUD.get('open_new_pr').innerHTML = _TM['Open New Pull Request'];

                            }

                        }

                    }

                    if(checked_checkboxes.length>0){

                        var rev_end = checked_checkboxes[0].name;

                        var rev_start = checked_checkboxes[checked_checkboxes.length-1].name;

                        var url = pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}',

                                                                  'revision': rev_start+'...'+rev_end});

                        var link = (rev_start == rev_end)

                            ? _TM['Show Selected Changeset __S']

                            : _TM['Show Selected Changesets __S → __E'];

                        link = link.replace('__S',rev_start.substr(0,6));

                        link = link.replace('__E',rev_end.substr(0,6));

                        YUD.get('rev_range_container').href = url;

                        YUD.get('rev_range_container').innerHTML = link;

                        YUD.setStyle('rev_range_container','display','');

                        YUD.setStyle('rev_range_clear','display','');

                        YUD.get('open_new_pr').href = pyroutes.url('pullrequest_home',

                                                                   {'repo_name': '${c.repo_name}',

                                                                    'rev_start': rev_start,

                                                                    'rev_end': rev_end});

                        YUD.setStyle('compare_fork','display','none');

                    }else{

                        YUD.setStyle('rev_range_container','display','none');

                        YUD.setStyle('rev_range_clear','display','none');

                        %if c.revision:

                            YUD.get('open_new_pr').href = pyroutes.url('pullrequest_home',

                                                                       {'repo_name': '${c.repo_name}',

                                                                        'rev_end':'${c.first_revision.raw_id}'});

                        %else:

                            YUD.get('open_new_pr').href = pyroutes.url('pullrequest_home',

                                                                       {'repo_name': '${c.repo_name}',

                                                                        'branch':'${c.first_revision.branch}'});

                        %endif

                        YUD.setStyle('compare_fork','display','');

                    }

                };

                checkbox_checker();

                YUE.on(checkboxes,'click', checkbox_checker);

                YUE.on('rev_range_clear','click',function(e){

                    for (var i=0; i<checkboxes.length; i++){

                        var cb = checkboxes[i];

                        cb.checked = false;

                    }

                    checkbox_checker();

                    YUE.preventDefault(e);

                });

                var $msgs = $('.message');

                // get first element height

                var el = $('#graph_content .container')[0];

                var row_h = el.clientHeight;

                $msgs.each(function() {

                    var m = this;

                    var h = m.clientHeight;

                    if(h > row_h){

                        var offset = row_h - (h+12);

                        $(m.nextElementSibling).css('display', 'block');

                        $(m.nextElementSibling).css('margin-top', offset+'px');

                    }

                });

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

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

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

                    //redraw the graph, r and jsdata are bound outside function

                    r.render(jsdata,100);

                });

                // change branch filter

                $("#branch_filter").select2({

                    dropdownAutoWidth: true,

                    });

                $("#branch_filter").change(function(e){

                    var selected_branch = e.currentTarget.options[e.currentTarget.selectedIndex].value;

                    if(selected_branch != ''){

                        window.location = pyroutes.url('changelog_home', {'repo_name': '${c.repo_name}',

                                                                          'branch': selected_branch});

                    }else{

                        window.location = pyroutes.url('changelog_home', {'repo_name': '${c.repo_name}'});

                    }

                    $("#changelog").hide();

                });

                var jsdata = ${c.jsdata|n};

                var r = new BranchRenderer('graph_canvas', 'graph_content', 'chg_');

                r.render(jsdata,100);

            });

        </script>

        %else:

            ${_('There are no changes yet')}

        %endif

    </div>

</div>

</%def>

          this.scrollIntoView();

      });

    }

    // select code link event

    $('#hlcode').mouseup(getSelectionLink);

    // history select field

    var cache = {};

    $("#diff1").select2({

        placeholder: _TM['Select changeset'],

        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});

            });

            query.callback(data);

          }else{

              $.ajax({

                url: pyroutes.url('files_history_home', {'revision': _rev, 'f_path': _f_path}),

                data: {},

                dataType: 'json',

                type: 'GET',

                success: function(data) {

                  cache[key] = data;

                  query.callback({results: data.results});

                }

              });

          }

        }

    });

    $('#show_authors').on('click', function(){

        $.ajax({

            url: pyroutes.url('files_authors_home', {'revision': _rev, 'f_path': _f_path}),

            success: function(data) {

                $('#file_authors').html(data);

                $('#file_authors').show();

                tooltip_activate();

            }

        });

    });

}

$(document).ready(function(){

    ypjax_links();

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

    //Bind to StateChange Event

    History.Adapter.bind(window,'statechange',function(){

        var State = History.getState();

        cache_key = State.url;

        //check if we have this request in cache maybe ?

        var _cache_obj = CACHE[cache_key];

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

        // get from cache if it's there and not yet expired !

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

            $files_data.html(_cache_obj[1]);

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

            //callbacks after ypjax call

            callbacks(State);

        }

        else{

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

                    callbacks(State);

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

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

                });

        }

    });

    // init the search filter

    var _State = {

       url: "${h.url.current()}",

       data: {

         node_list_url: node_list_url.replace('__REV__',"${c.changeset.raw_id}").replace('__FPATH__', "${h.safe_unicode(c.file.path)}"),

         url_base: url_base.replace('__REV__',"${c.changeset.raw_id}"),

         rev:"${c.changeset.raw_id}",

         f_path: "${h.safe_unicode(c.file.path)}"

       }

    }

    fileBrowserListeners(_State.url, _State.data.node_list_url, _State.data.url_base);

    // change branch filter

    $("#branch_selector").select2({

        dropdownAutoWidth: true,

        });

    $("#branch_selector").change(function(e){

        var selected = e.currentTarget.options[e.currentTarget.selectedIndex].value;

        if(selected && selected != "${c.changeset.raw_id}"){

            window.location = pyroutes.url('files_home', {'repo_name': "${h.safe_unicode(c.repo_name)}", 'revision': selected, 'f_path': "${h.safe_unicode(c.file.path)}"});

            $("#body.browserblock").hide();

        } else {

            $("#branch_selector").val("${c.changeset.raw_id}");

        }

    });

});

</script>

</%def>

  var _USERS_AC_DATA = ${c.users_array|n};

  var _GROUPS_AC_DATA = ${c.user_groups_array|n};

  PullRequestAutoComplete('user', 'reviewers_container', _USERS_AC_DATA, _GROUPS_AC_DATA);

  pyroutes.register('pullrequest_repo_info', "${url('pullrequest_repo_info',repo_name='%(repo_name)s')}", ['repo_name']);

  var pendingajax = undefined;

  var otherrepoChanged = function(){

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

      $other_ref.prop('disabled', true);

      var repo_name = $('#other_repo').val();

      if (pendingajax) {

          pendingajax.abort();

          pendingajax = undefined;

      }

      pendingajax = ajaxGET(pyroutes.url('pullrequest_repo_info', {"repo_name": repo_name}),

          function(data){

              pendingajax = undefined;

              $('#other_repo_desc').html(data.description);

              // replace options of other_ref with the ones for the current other_repo

              $other_ref.empty();

              for(var i = 0; i < data.refs.length; i++)

              {

                var $optgroup = $('<optgroup/>').attr('label', data.refs[i][1]);

                var options = data.refs[i][0];

                var length = options.length;

                for(var j = 0; j < length; j++)

                {

                  $optgroup.append($('<option/>').text(options[j][1]).val(options[j][0]));

                }

                $other_ref.append($optgroup);

              }

              $other_ref.val(data.selected_ref);

              // re-populate the select2 thingie

              $("#other_ref").select2({

                  dropdownAutoWidth: true

              });

              $other_ref.prop('disabled', false);

              loadPreview();

          });

  };

  var loadPreview = function(){

      //url template

      var url = "${h.url('compare_url',

                         repo_name='__other_repo__',

                         org_ref_type='rev',

                         org_ref_name='__other_ref_name__',

                         other_repo='__org_repo__',

                         other_ref_type='rev',

                         other_ref_name='__org_ref_name__',

                         as_form=True,

                         merge=True,

                         )}";

      var org_repo = $('#pull_request_form #org_repo').val();

      var org_ref = $('#pull_request_form #org_ref').val().split(':');

      ## TODO: make nice link like link_to_ref() do

      $('#org_rev_span').html(org_ref[2].substr(0,12));

      var other_repo = $('#pull_request_form #other_repo').val();

      var other_ref = $('#pull_request_form #other_ref').val().split(':');

      $('#other_rev_span').html(other_ref[2].substr(0,12));

      var rev_data = {

          '__org_repo__': org_repo,

          '__org_ref_name__': org_ref[2],

          '__other_repo__': other_repo,

          '__other_ref_name__': other_ref[2]

      }; // gather the org/other ref and repo here

      for (k in rev_data){

          url = url.replace(k,rev_data[k]);

      }

      if (pendingajax) {

          pendingajax.abort();

          pendingajax = undefined;

      }

      pendingajax = asynchtml(url, $('#pull_request_overview'), function(o){

          pendingajax = undefined;

          var jsdata = eval('('+YUD.get('jsdata').innerHTML+')'); // TODO: just get json

          var r = new BranchRenderer('graph_canvas', 'graph_content_pr', 'chg_');

          r.render(jsdata,100);

      });

  }

  $(document).ready(function(){

      $("#org_repo").select2({

          dropdownAutoWidth: true

      });

      ## (org_repo can't change)

      $("#org_ref").select2({

      });

      $("#org_ref").on("change", function(e){

          loadPreview();

      });

      $("#other_repo").select2({

          dropdownAutoWidth: true

      });

      $("#other_repo").on("change", function(e){

          otherrepoChanged();

      });

      $("#other_ref").select2({

      });

      $("#other_ref").on("change", function(e){

          loadPreview();

      });

      //lazy load overview after 0.5s

      setTimeout(loadPreview, 500);

  });

</script>

</%def>