vichan/js/infinite-scroll.js

/*
 * infinite-scroll.js
 * https://github.com/vichan-devel/vichan/blob/master/js/infinite-scroll.js
 *
 * Released under the MIT license
 * Copyright (c) 2013-2014 Marcin Łabanowski <marcin@6irc.net>
 *
 * Usage:
 *   $config['additional_javascript'][] = 'js/jquery.min.js';
 *   $config['additional_javascript'][] = 'js/infinite-scroll.js';
 *
 */

$(function() {
if (active_page == 'index') {


var loading = false;

var activate = function() {
  if (document.location.hash != '#all') return false;

  $(window).on("scroll", function() {
    scrolltest();
  });
  scrolltest();

  return true;
};

var scrolltest = function() {
  if ($(window).scrollTop() + $(window).height() + 1000 > $(document).height() && !loading) {
    load_next_page();
  }
};

var load_next_page = function() {
  if (loading) return;
  loading = true;

  var this_page = $(".pages a.selected:last");
  var next_page = this_page.next();

  var href = next_page.prop("href");
  if (!href) return;

  var boardheader = $('<h2>'+_('Page')+' '+next_page.html()+'</h2>');
  var loading_ind = $('<h2>'+_('Loading...')+'</h2>').insertBefore('form[name="postcontrols"]>.delete:first');

  $.get(href, function(data) {
    var doc = $(data);
    
    loading_ind.remove();
    boardheader.insertBefore('form[name="postcontrols"]>.delete:first');

    var i = 0;

    doc.find('div[id*="thread_"]').each(function() {
      var checkout = $(this).attr('id').replace('thread_', '');
      var $this = this;

      if ($('div#thread_' + checkout).length == 0) {
        // Delay DOM insertion to lessen the lag.
        setTimeout(function() {
          $($this).insertBefore('form[name="postcontrols"]>.delete:first');
          $(document).trigger('new_post', $this);
	  $($this).hide().slideDown();
        }, 500*i);
        i++;
      }
    });
    setTimeout(function() {
      loading = false;
      scrolltest();        
    }, 500*(i+1));

    next_page.addClass('selected');
  });

};

var button = $("<a href='#all'>"+_("All")+" </a>").prependTo(".pages");

$(window).on("hashchange", function() {
  return !activate();
});
activate();


}
});