leftypol
/
leftypol
4
5
Fork 2
Code Issues 59 Pull Requests 1 Projects Releases Wiki Activity
Browse Source

Retab auto-reload.js

pull/40/head
towards-a-new-leftypol 3 years ago
parent
8eb2043262
commit
da1e060c54
1 changed files with 305 additions and 305 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 610
      js/auto-reload.js

610
js/auto-reload.js
View File

@ -18,24 +18,24 @@
*/ */
// From http://stackoverflow.com/a/14035162 // From http://stackoverflow.com/a/14035162
$.fn.scrollStopped = function(callback) { $.fn.scrollStopped = function(callback) {
$(this).scroll(function(){ $(this).scroll(function(){
var self = this, $this = $(self); var self = this, $this = $(self);
if ($this.data('scrollTimeout')) { if ($this.data('scrollTimeout')) {
clearTimeout($this.data('scrollTimeout')); clearTimeout($this.data('scrollTimeout'));
} }
$this.data('scrollTimeout', setTimeout(callback,250,self)); $this.data('scrollTimeout', setTimeout(callback,250,self));
}); });
}; };
function makeIcon(mode){ function makeIcon(mode){
var favicon = $("link[rel='shortcut icon']"); var favicon = $("link[rel='shortcut icon']");
if (!favicon.length) { if (!favicon.length) {
var favicon = $('<link rel="shortcut icon"></link>').appendTo('head'); var favicon = $('<link rel="shortcut icon"></link>').appendTo('head');
} }
$("link[rel='shortcut icon']").attr("href", configRoot+"static/favicon"+(mode?"-"+mode:"")+".ico"); $("link[rel='shortcut icon']").attr("href", configRoot+"static/favicon"+(mode?"-"+mode:"")+".ico");
} }
+function(){ +function(){
@ -43,297 +43,297 @@ var notify = false;
auto_reload_enabled = true; // for watch.js to interop auto_reload_enabled = true; // for watch.js to interop
$(document).ready(function(){ $(document).ready(function(){
if($('div.banner').length == 0) if($('div.banner').length == 0)
{ {
return; // not index return; // not index
} }
if($(".post.op").length != 1) if($(".post.op").length != 1)
{ {
return; //not thread page return; //not thread page
} }
// Adds Options panel item // Adds Options panel item
if (typeof localStorage.auto_thread_update === 'undefined') { if (typeof localStorage.auto_thread_update === 'undefined') {
localStorage.auto_thread_update = 'true'; //default value localStorage.auto_thread_update = 'true'; //default value
} }
if (window.Options && Options.get_tab('general')) { if (window.Options && Options.get_tab('general')) {
Options.extend_tab("general", "<fieldset id='auto-update-fs'><legend>"+_("Auto update")+"</legend>" Options.extend_tab("general", "<fieldset id='auto-update-fs'><legend>"+_("Auto update")+"</legend>"
+ ('<label id="auto-thread-update"><input type="checkbox">' + _('Auto update thread') + '</label>') + ('<label id="auto-thread-update"><input type="checkbox">' + _('Auto update thread') + '</label>')
+ ('<label id="auto_thread_desktop_notifications"><input type="checkbox">' + _('Show desktop notifications when users quote me') + '</label>') + ('<label id="auto_thread_desktop_notifications"><input type="checkbox">' + _('Show desktop notifications when users quote me') + '</label>')
+ ('<label id="auto_thread_desktop_notifications_all"><input type="checkbox">' + _('Show desktop notifications on all replies') + '</label>') + ('<label id="auto_thread_desktop_notifications_all"><input type="checkbox">' + _('Show desktop notifications on all replies') + '</label>')
+ '</fieldset>'); + '</fieldset>');
$('#auto-thread-update>input').on('click', function() { $('#auto-thread-update>input').on('click', function() {
if ($('#auto-thread-update>input').is(':checked')) { if ($('#auto-thread-update>input').is(':checked')) {
localStorage.auto_thread_update = 'true'; localStorage.auto_thread_update = 'true';
} else { } else {
localStorage.auto_thread_update = 'false'; localStorage.auto_thread_update = 'false';
} }
}); });
$('#auto_thread_desktop_notifications>input,#auto_thread_desktop_notifications_all>input').on('click', function() { $('#auto_thread_desktop_notifications>input,#auto_thread_desktop_notifications_all>input').on('click', function() {
if (!("Notification" in window)) return; if (!("Notification" in window)) return;
var setting = $(this).parent().attr('id'); var setting = $(this).parent().attr('id');
if ($(this).is(':checked')) { if ($(this).is(':checked')) {
Notification.requestPermission(function(permission){ Notification.requestPermission(function(permission){
if (permission === "granted") { if (permission === "granted") {
localStorage[setting] = 'true'; localStorage[setting] = 'true';
} }
}); });
if (Notification.permission === "granted") { if (Notification.permission === "granted") {
localStorage[setting] = 'true'; localStorage[setting] = 'true';
} }
} else { } else {
localStorage[setting] = 'false'; localStorage[setting] = 'false';
} }
}); });
if (localStorage.auto_thread_update === 'true') { if (localStorage.auto_thread_update === 'true') {
$('#auto-thread-update>input').prop('checked', true); $('#auto-thread-update>input').prop('checked', true);
} }
if (localStorage.auto_thread_desktop_notifications === 'true') { if (localStorage.auto_thread_desktop_notifications === 'true') {
$('#auto_thread_desktop_notifications>input').prop('checked', true); $('#auto_thread_desktop_notifications>input').prop('checked', true);
notify = "mention"; notify = "mention";
} }
if (localStorage.auto_thread_desktop_notifications_all === 'true') { if (localStorage.auto_thread_desktop_notifications_all === 'true') {
$('#auto_thread_desktop_notifications_all>input').prop('checked', true); $('#auto_thread_desktop_notifications_all>input').prop('checked', true);
notify = "all"; notify = "all";
} }
} }
// not thread // not thread
if (active_page != 'thread') if (active_page != 'thread')
return; return;
var countdown_interval; var countdown_interval;
// Add an update link // Add an update link
$(".threadlinks span:last-child").append("<span id='updater'><a href='#' id='update_thread'>["+_("Update")+"]</a> (<input type='checkbox' id='auto_update_status'> "+_("Auto")+") <span id='update_secs'></span></span>"); $(".threadlinks span:last-child").append("<span id='updater'><a href='#' id='update_thread'>["+_("Update")+"]</a> (<input type='checkbox' id='auto_update_status'> "+_("Auto")+") <span id='update_secs'></span></span>");
// Set the updater checkbox according to user setting // Set the updater checkbox according to user setting
if (localStorage.auto_thread_update === 'true') { if (localStorage.auto_thread_update === 'true') {
$('#auto_update_status').prop('checked', true); $('#auto_update_status').prop('checked', true);
} }
// Grab the settings // Grab the settings
var settings = new script_settings('auto-reload'); var settings = new script_settings('auto-reload');
var poll_interval_mindelay = settings.get('min_delay_bottom', 5000); var poll_interval_mindelay = settings.get('min_delay_bottom', 5000);
var poll_interval_maxdelay = settings.get('max_delay', 600000); var poll_interval_maxdelay = settings.get('max_delay', 600000);
var poll_interval_errordelay = settings.get('error_delay', 30000); var poll_interval_errordelay = settings.get('error_delay', 30000);
// number of ms to wait before reloading // number of ms to wait before reloading
var poll_interval_delay = poll_interval_mindelay; var poll_interval_delay = poll_interval_mindelay;
var poll_current_time = poll_interval_delay; var poll_current_time = poll_interval_delay;
var end_of_page = false; var end_of_page = false;
var new_posts = 0; var new_posts = 0;
var first_new_post = null; var first_new_post = null;
var title = document.title; var title = document.title;
if (typeof update_title == "undefined") { if (typeof update_title == "undefined") {
var update_title = function() { var update_title = function() {
if (new_posts) { if (new_posts) {
document.title = "("+new_posts+") "+title; document.title = "("+new_posts+") "+title;
} else { } else {
document.title = title; document.title = title;
makeIcon(false); makeIcon(false);
} }
}; };
} }
if (typeof add_title_collector != "undefined") if (typeof add_title_collector != "undefined")
add_title_collector(function(){ add_title_collector(function(){
return new_posts; return new_posts;
}); });
var window_active = true; var window_active = true;
$(window).focus(function() { $(window).focus(function() {
window_active = true; window_active = true;
recheck_activated(); recheck_activated();
// Reset the delay if needed // Reset the delay if needed
if(settings.get('reset_focus', true)) { if(settings.get('reset_focus', true)) {
poll_interval_delay = poll_interval_mindelay; poll_interval_delay = poll_interval_mindelay;
} }
}); });
$(window).blur(function() { $(window).blur(function() {
window_active = false; window_active = false;
}); });
$('#auto_update_status').click(function() { $('#auto_update_status').click(function() {
if($("#auto_update_status").is(':checked')) { if($("#auto_update_status").is(':checked')) {
auto_update(poll_interval_mindelay); auto_update(poll_interval_mindelay);
} else { } else {
stop_auto_update(); stop_auto_update();
$('#update_secs').text(""); $('#update_secs').text("");
} }
}); });
var decrement_timer = function() { var decrement_timer = function() {
poll_current_time = poll_current_time - 1000; poll_current_time = poll_current_time - 1000;
$('#update_secs').text(poll_current_time/1000); $('#update_secs').text(poll_current_time/1000);
if (poll_current_time <= 0) { if (poll_current_time <= 0) {
poll(manualUpdate = false); poll(manualUpdate = false);
} }
} }
var recheck_activated = function(end_of_page) { var recheck_activated = function(end_of_page) {
if (typeof end_of_page == "undefined") var end_of_page = false; if (typeof end_of_page == "undefined") var end_of_page = false;
if (end_of_page || (new_posts && window_active && if (end_of_page || (new_posts && window_active &&
$(window).scrollTop() + $(window).height() >= $(window).scrollTop() + $(window).height() >=
$('div.boardlist.bottom').position().top)) { $('div.boardlist.bottom').position().top)) {
new_posts = 0; new_posts = 0;
} }
update_title(); update_title();
first_new_post = null; first_new_post = null;
}; };
// automatically updates the thread after a specified delay // automatically updates the thread after a specified delay
var auto_update = function(delay) { var auto_update = function(delay) {
clearInterval(countdown_interval); clearInterval(countdown_interval);
poll_current_time = delay; poll_current_time = delay;
countdown_interval = setInterval(decrement_timer, 1000); countdown_interval = setInterval(decrement_timer, 1000);
$('#update_secs').text(poll_current_time/1000); $('#update_secs').text(poll_current_time/1000);
} }
var stop_auto_update = function() { var stop_auto_update = function() {
clearInterval(countdown_interval); clearInterval(countdown_interval);
} }
var epoch = (new Date).getTime(); var epoch = (new Date).getTime();
var epochold = epoch; var epochold = epoch;
var timeDiff = function (delay) { var timeDiff = function (delay) {
if((epoch-epochold) > delay) { if((epoch-epochold) > delay) {
epochold = epoch = (new Date).getTime(); epochold = epoch = (new Date).getTime();
return true; return true;
}else{ }else{
epoch = (new Date).getTime(); epoch = (new Date).getTime();
return; return;
} }
} }
var poll = function(manualUpdate) { var poll = function(manualUpdate) {
stop_auto_update(); stop_auto_update();
$('#update_secs').text(_("Updating...")); $('#update_secs').text(_("Updating..."));
$.ajax({ $.ajax({
url: document.location, url: document.location,
success: function(data) { success: function(data) {
var loaded_posts = 0; // the number of new posts loaded in this update var loaded_posts = 0; // the number of new posts loaded in this update
$(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) { if (!new_posts) {
first_new_post = this; first_new_post = this;
makeIcon('reply'); makeIcon('reply');
if (notify === "all" || (notify === "mention" && $(this).find('.own_post').length)) { if (notify === "all" || (notify === "mention" && $(this).find('.own_post').length)) {
var body = $(this).children('.body').html().replace(/<br\s*[\/]?>/gi, "\n"); var body = $(this).children('.body').html().replace(/<br\s*[\/]?>/gi, "\n");
var n = new Notification("New reply to "+$('title').text(), {body: $('<div/>').html(body).text()}); var n = new Notification("New reply to "+$('title').text(), {body: $('<div/>').html(body).text()});
} }
} }
if ($("div.post").length > 1){ if ($("div.post").length > 1){
$(this).parent().insertAfter($('div.post:not(.post-hover):last').parent().next()).after('<br class="clear">'); $(this).parent().insertAfter($('div.post:not(.post-hover):last').parent().next()).after('<br class="clear">');
} }
else { else {
$(this).insertAfter($('div.post:not(.post-hover):last')).after('<br class="clear">'); $(this).insertAfter($('div.post:not(.post-hover):last')).after('<br class="clear">');
} }
new_posts++; new_posts++;
loaded_posts++; loaded_posts++;
$(document).trigger('new_post', this); $(document).trigger('new_post', this);
recheck_activated(); recheck_activated();
} }
}); });
time_loaded = Date.now(); // interop with watch.js time_loaded = Date.now(); // interop with watch.js
if ($('#auto_update_status').is(':checked')) { if ($('#auto_update_status').is(':checked')) {
// If there are no new posts, double the delay. Otherwise set it to the min. // If there are no new posts, double the delay. Otherwise set it to the min.
if(loaded_posts == 0) { if(loaded_posts == 0) {
// if the update was manual, don't increase the delay // if the update was manual, don't increase the delay
if (manualUpdate == false) { if (manualUpdate == false) {
poll_interval_delay *= 2; poll_interval_delay *= 2;
// Don't increase the delay beyond the maximum // Don't increase the delay beyond the maximum
if(poll_interval_delay > poll_interval_maxdelay) { if(poll_interval_delay > poll_interval_maxdelay) {
poll_interval_delay = poll_interval_maxdelay; poll_interval_delay = poll_interval_maxdelay;
} }
} }
} else { } else {
poll_interval_delay = poll_interval_mindelay; poll_interval_delay = poll_interval_mindelay;
} }
auto_update(poll_interval_delay); auto_update(poll_interval_delay);
} else { } else {
// Decide the message to show if auto update is disabled // Decide the message to show if auto update is disabled
if (loaded_posts > 0) if (loaded_posts > 0)
$('#update_secs').text(fmt(_("Thread updated with {0} new post(s)"), [loaded_posts])); $('#update_secs').text(fmt(_("Thread updated with {0} new post(s)"), [loaded_posts]));
else else
$('#update_secs').text(_("No new posts found")); $('#update_secs').text(_("No new posts found"));
} }
}, },
error: function(xhr, status_text, error_text) { error: function(xhr, status_text, error_text) {
if (status_text == "error") { if (status_text == "error") {
if (error_text == "Not Found") { if (error_text == "Not Found") {
$('#update_secs').text(_("Thread deleted or pruned")); $('#update_secs').text(_("Thread deleted or pruned"));
$('#auto_update_status').prop('checked', false); $('#auto_update_status').prop('checked', false);
$('#auto_update_status').prop('disabled', true); // disable updates if thread is deleted $('#auto_update_status').prop('disabled', true); // disable updates if thread is deleted
return; return;
} else { } else {
$('#update_secs').text("Error: "+error_text); $('#update_secs').text("Error: "+error_text);
} }
} else if (status_text) { } else if (status_text) {
$('#update_secs').text(_("Error: ")+status_text); $('#update_secs').text(_("Error: ")+status_text);
} else { } else {
$('#update_secs').text(_("Unknown error")); $('#update_secs').text(_("Unknown error"));
} }
// Keep trying to update // Keep trying to update
if ($('#auto_update_status').is(':checked')) { if ($('#auto_update_status').is(':checked')) {
poll_interval_delay = poll_interval_errordelay; poll_interval_delay = poll_interval_errordelay;
auto_update(poll_interval_delay); auto_update(poll_interval_delay);
} }
} }
}); });
return false; return false;
}; };
$(post).on('submit', function(e){ $(post).on('submit', function(e){
poll(manualUpdate = true); poll(manualUpdate = true);
dothis(this); dothis(this);
}); });
$(window).scrollStopped(function() { $(window).scrollStopped(function() {
// if the newest post is not visible // if the newest post is not visible
if($(this).scrollTop() + $(this).height() < if($(this).scrollTop() + $(this).height() <
$('div.post:last').position().top + $('div.post:last').height()) { $('div.post:last').position().top + $('div.post:last').height()) {
end_of_page = false; end_of_page = false;
} else { } else {
if($("#auto_update_status").is(':checked') && timeDiff(poll_interval_mindelay)) { if($("#auto_update_status").is(':checked') && timeDiff(poll_interval_mindelay)) {
poll(manualUpdate = true); poll(manualUpdate = true);
} }
end_of_page = true; end_of_page = true;
} }
recheck_activated(end_of_page); recheck_activated(end_of_page);
}); });
$('#update_thread').on('click', function() { poll(manualUpdate = true); return false; }); $('#update_thread').on('click', function() { poll(manualUpdate = true); return false; });
if($("#auto_update_status").is(':checked')) { if($("#auto_update_status").is(':checked')) {
auto_update(poll_interval_delay); auto_update(poll_interval_delay);
} }
}); });
}(); }();

Write Preview
Loading…
Cancel
Save