vichan/js/auto-reload.js

/*
 * auto-reload.js
 * https://github.com/savetheinternet/Tinyboard/blob/master/js/auto-reload.js
 *
 * Brings AJAX to Tinyboard.
 *
 * Released under the MIT license
 * Copyright (c) 2012 Michael Save <savetheinternet@tinyboard.org>
 * Copyright (c) 2013-2014 Marcin Łabanowski <marcin@6irc.net>
 * Copyright (c) 2013 undido <firekid109@hotmail.com>
 * Copyright (c) 2014 Fredrick Brennan <admin@8chan.co>
 *
 * Usage:
 *   $config['additional_javascript'][] = 'js/jquery.min.js';
 *   //$config['additional_javascript'][] = 'js/titlebar-notifications.js';
 *   $config['additional_javascript'][] = 'js/auto-reload.js';
 *
 */


au = false;
auto_reload_enabled = true; // for watch.js to interop

function makeIcon(){
	if(au) return;
	au = true;
	$("link[rel='icon']").attr("href", "../static/favicon_au.png");
}

$(document).ready(function(){
	if($('div.banner').length == 0)
		return; // not index
		
	if($(".post.op").size() != 1)
	return; //not thread page
	
	var poll_interval;

	// Add an update link
	$('.boardlist.bottom').prev().after("<a href='#' id='update_thread' style='padding-left:10px'>["+_("Update thread")+"] (<span id='update_secs'></span>)</a>");

	// Grab the settings
	var settings = new script_settings('auto-reload');
	var poll_interval_mindelay_bottom = settings.get('min_delay_bottom', 3000);
	var poll_interval_mindelay_top    = settings.get('min_delay_top', 10000);
	var poll_interval_maxdelay        = settings.get('max_delay', 600000);
	var poll_interval_shortdelay      = settings.get('quick_delay', 100);

	// number of ms to wait before reloading
	var poll_interval_delay = poll_interval_mindelay_bottom;
	var poll_current_time = poll_interval_delay;

	var end_of_page = false;

        var new_posts = 0;
	var first_new_post = null;

	if (typeof update_title == "undefined") {
	   var update_title = function() { };
	}

	if (typeof add_title_collector != "undefined")
	add_title_collector(function(){
	  return new_posts;
	});

	var window_active = true;
	$(window).focus(function() {
		window_active = true;
		recheck_activated();

		// Reset the delay if needed
		if(settings.get('reset_focus', true)) {
			poll_interval_delay = end_of_page
			    ? poll_interval_mindelay_bottom
			    : poll_interval_mindelay_top;
		}
	});
	$(window).blur(function() {
		window_active = false;
	});
	
	var timer_update = function() {
		$('#update_secs').text(poll_current_time/1000);
	}

	var decrement_timer = function() {
		poll_current_time = poll_current_time - 1000;
	}

	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() {
		$.ajax({
			url: document.location,
			success: function(data) {
				$(data).find('div.post.reply').each(function() {
					var id = $(this).attr('id');
					if($('#' + id).length == 0) {
						if (!new_posts) {
							first_new_post = this;
							makeIcon();
						}
						$(this).insertAfter($('div.post:last').next()).after('<br class="clear">');
						new_posts++;
						$(document).trigger('new_post', this);
						recheck_activated();
					}
				});
				time_loaded = Date.now(); // interop with watch.js
			}
		});
		
		clearTimeout(poll_interval);

		// If there are no new posts, double the delay. Otherwise set it to the min.
		if(new_posts == 0) {
			poll_interval_delay *= 2;

			// Don't increase the delay beyond the maximum
			if(poll_interval_delay > poll_interval_maxdelay) {
				poll_interval_delay = poll_interval_maxdelay;
			}
		} else {
			poll_interval_delay = end_of_page
			    ? poll_interval_mindelay_bottom
			    : poll_interval_mindelay_top;
		}

		poll_interval = setTimeout(poll, poll_interval_delay);
		poll_current_time = poll_interval_delay;

		return false;
	};
	
	$(window).scroll(function() {
		recheck_activated();

		if($(this).scrollTop() + $(this).height() <
			$('div.post:last').position().top + $('div.post:last').height()) {
			end_of_page = false;
			return;
		}
		
		clearTimeout(poll_interval);
		poll_interval = setTimeout(poll, poll_interval_shortdelay);
		poll_current_time = poll_interval_shortdelay;
		end_of_page = true;
	}).trigger('scroll');

	$('#update_thread').on('click', poll);
	setInterval(timer_update, 1000);
	setInterval(decrement_timer, 1000);

	poll_interval = setTimeout(poll, poll_interval_delay);
	timer_update();
});