kashire/lainchan
4
0
Fork 0
Code Issues 9 Pull Requests Releases Wiki Activity

auto-reload.js: add a number indicating new posts in the tab title

Browse Source
This commit is contained in:
czaks 2013-12-23 17:31:47 +01:00
parent 42ae3550f9
commit fa28560982
1 changed files with 35 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
js/auto-reload.js
View File

@ -24,6 +24,32 @@ $(document).ready(function(){
var end_of_page = false; var end_of_page = false;
var orig_title = document.title;
var new_posts = 0;
var first_new_post = null;
var update_title = function() {
document.title = (new_posts ? "("+new_posts+") " : "") + orig_title;
};
var window_active = true;
$(window).focus(function() {
window_active = true;
recheck_activated();
});
$(window).blur(function() {
window_active = false;
});
var recheck_activated = function() {
if (new_posts && window_active &&
$(window).scrollTop() + $(window).height() >=
$(first_new_post).position().top) {
new_posts = 0;
}
update_title();
};
var poll = function() { var poll = function() {
$.ajax({ $.ajax({
url: document.location, url: document.location,
@ -31,8 +57,13 @@ $(document).ready(function(){
$(data).find('div.post.reply').each(function() { $(data).find('div.post.reply').each(function() {
var id = $(this).attr('id'); var id = $(this).attr('id');
if($('#' + id).length == 0) { if($('#' + id).length == 0) {
if (!new_posts) {
first_new_post = this;
}
$(this).insertAfter($('div.post:last').next()).after('<br class="clear">'); $(this).insertAfter($('div.post:last').next()).after('<br class="clear">');
new_posts++;
$(document).trigger('new_post', this); $(document).trigger('new_post', this);
recheck_activated();
} }
}); });
} }
@ -43,7 +74,10 @@ $(document).ready(function(){
}; };
$(window).scroll(function() { $(window).scroll(function() {
if($(this).scrollTop() + $(this).height() < $('div.post:last').position().top + $('div.post:last').height()) { recheck_activated();
if($(this).scrollTop() + $(this).height() <
$('div.post:last').position().top + $('div.post:last').height()) {
end_of_page = false; end_of_page = false;
return; return;
} }