summaryrefslogtreecommitdiff
path: root/js/auto-reload.js
blob: 886f32e6026aaac54682a31ded399bbdb4a3e877 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
/*
 * 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';
 *
 */

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

$(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;
						}
						$(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;
	};
	
	$(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 = setInterval(poll, poll_interval_delay);
	timer_update();
});