1
0
mirror of https://github.com/vichan-devel/vichan.git synced 2024-11-24 07:30:10 +01:00
vichan/js/infinite-scroll.js

93 lines
2.0 KiB
JavaScript
Raw Normal View History

2014-10-09 00:42:28 +02:00
/*
* 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();
2014-10-09 00:42:28 +02:00
});
scrolltest();
return true;
};
var scrolltest = function() {
if ($(window).scrollTop() + $(window).height() + 1000 > $(document).height() && !loading) {
load_next_page();
2014-10-09 00:42:28 +02:00
}
};
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('#post-moderation-fields');
$.get(href, function(data) {
var doc = $(data);
loading_ind.remove();
boardheader.insertBefore('#post-moderation-fields');
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('#post-moderation-fields');
$(document).trigger('new_post', $this);
$($this).hide().slideDown();
}, 500*i);
i++;
}
});
setTimeout(function() {
loading = false;
scrolltest();
}, 500*(i+1));
next_page.addClass('selected');
});
2014-10-09 00:42:28 +02:00
};
var button = $("<a href='#all'>"+_("All")+" </a>").prependTo(".pages");
$(window).on("hashchange", function() {
return !activate();
});
activate();
}
});