mirror of
https://github.com/vichan-devel/vichan.git
synced 2024-12-13 08:11:12 +01:00
92 lines
2.1 KiB
JavaScript
92 lines
2.1 KiB
JavaScript
|
/*
|
||
|
* 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();
|
||
|
|
||
|
|
||
|
}
|
||
|
});
|