ukko: javascript major refactor
This commit is contained in:
parent
c9b9b450df
commit
6f6a20af8e
@ -1,20 +1,30 @@
|
|||||||
|
(function(){
|
||||||
|
|
||||||
var cache = new Array(),
|
var cache = new Array(),
|
||||||
thread = false,
|
thread = false,
|
||||||
loading = false;
|
loading = false;
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
$('.pages').hide();
|
||||||
$(window).on('scroll', function() {
|
$(window).on('scroll', function() {
|
||||||
if($(window).scrollTop() + $(window).height() + 100 > $(document).height() && !loading && overflow.length > 0) {
|
if (overflow.length == 0) {
|
||||||
|
$('.pages').show().html(_("No more threads to display"));
|
||||||
|
}
|
||||||
|
while($(window).scrollTop() + $(window).height() + 500 > $(document).height() && !loading && overflow.length > 0) {
|
||||||
var page = '../' + overflow[0].board + '/' + overflow[0].page;
|
var page = '../' + overflow[0].board + '/' + overflow[0].page;
|
||||||
if($.inArray(page, cache) != -1) {
|
thread = $('div#thread_' + overflow[0].id + '[data-board="' + overflow[0].board + '"]');
|
||||||
thread = $('div#thread_' + overflow[0].id);
|
if (thread.length > 0 && thread.css('display') != 'none') { // already present
|
||||||
if(thread.length > 0) {
|
overflow.shift();
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($.inArray(page, cache) != -1 && thread.length > 0) {
|
||||||
thread.prepend('<h2><a href="/' + overflow[0].board + '/">/' + overflow[0].board + '/</a></h2>');
|
thread.prepend('<h2><a href="/' + overflow[0].board + '/">/' + overflow[0].board + '/</a></h2>');
|
||||||
$('div[id*="thread_"]').last().after(thread.attr('data-board', overflow[0].board).css('display', 'block'));
|
$('div[id*="thread_"]').last().after(thread.attr('data-board', overflow[0].board).css('display', 'block'));
|
||||||
$(document).trigger('new_post', thread);
|
$(document).trigger('new_post', thread);
|
||||||
overflow.shift();
|
overflow.shift();
|
||||||
}
|
|
||||||
} else {
|
} else {
|
||||||
loading = true;
|
loading = true;
|
||||||
|
$('.pages').show().html(_("Loading..."));
|
||||||
$.get(page, function(data) {
|
$.get(page, function(data) {
|
||||||
cache.push(page);
|
cache.push(page);
|
||||||
|
|
||||||
@ -23,16 +33,23 @@ $(document).ready(function() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
thread = $('div#thread_' + overflow[0].id + '[data-board="' + overflow[0].board + '"]');
|
thread = $('div#thread_' + overflow[0].id + '[data-board="' + overflow[0].board + '"]');
|
||||||
if(thread.length > 0) {
|
if(thread.length > 0 && thread.css('display') != 'none') {
|
||||||
thread.prepend('<h2><a href="/' + overflow[0].board + '/">/' + overflow[0].board + '/</a></h2>');
|
thread.prepend('<h2><a href="/' + overflow[0].board + '/">/' + overflow[0].board + '/</a></h2>');
|
||||||
$('div[id*="thread_"]').last().after(thread.attr('data-board', overflow[0].board).css('display', 'block'));
|
$('div[id*="thread_"]').last().after(thread.attr('data-board', overflow[0].board).css('display', 'block'));
|
||||||
$(document).trigger('new_post', thread);
|
$(document).trigger('new_post', thread);
|
||||||
overflow.shift();
|
overflow.shift();
|
||||||
}
|
}
|
||||||
|
else {
|
||||||
|
overflow.shift(); // We missed it? Or already present...
|
||||||
|
}
|
||||||
|
|
||||||
loading = false;
|
loading = false;
|
||||||
|
$('.pages').hide().html("");
|
||||||
});
|
});
|
||||||
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
})();
|
||||||
|
Loading…
Reference in New Issue
Block a user