Browse Source

Add mod auto-reload

pull/40/head
discomrade 3 years ago
parent
commit
32b320bb45
  1. 289
      js/mod/recent-posts-auto-reload.js
  2. 7
      templates/mod/recent_posts.html

289
js/mod/recent-posts-auto-reload.js

@ -0,0 +1,289 @@
/*
* recent-posts-auto-reload.js
*
* Hacked the regular auto-reload for the mod recent page.
*
* 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-2015 Fredrick Brennan <admin@8chan.co>
*
* Usage:
* $config['additional_javascript'][] = 'js/jquery.min.js';
* //$config['additional_javascript'][] = 'js/titlebar-notifications.js';
*
*/
// From http://stackoverflow.com/a/14035162
$.fn.scrollStopped = function(callback) {
$(this).scroll(function(){
var self = this, $this = $(self);
if ($this.data('scrollTimeout')) {
clearTimeout($this.data('scrollTimeout'));
}
$this.data('scrollTimeout', setTimeout(callback,250,self));
});
};
function makeIcon(mode){
var favicon = $("link[rel='shortcut icon']");
if (!favicon.length) {
var favicon = $('<link rel="shortcut icon"></link>').appendTo('head');
}
$("link[rel='shortcut icon']").attr("href", configRoot+"static/favicon"+(mode?"-"+mode:"")+".ico");
}
+function(){
var notify = false;
auto_reload_enabled = true; // for watch.js to interop
$(document).ready(function(){
// Adds Options panel item
if (typeof localStorage.auto_recent_update === 'undefined') {
localStorage.auto_recent_update = 'true'; //default value
}
if (window.Options && Options.get_tab('general')) {
Options.extend_tab("general", "<fieldset id='auto-update-fs'><legend>"+_("Auto update (recent)")+"</legend>"
+ ('<label id="auto-recent-update"><input type="checkbox">' + _('Auto update recent') + '</label>')
+ ('<label id="auto_recent_desktop_notifications_all"><input type="checkbox">' + _('Show desktop notifications on all replies') + '</label>')
+ '</fieldset>');
$('#auto-recent-update>input').on('click', function() {
if ($('#auto-recent-update>input').is(':checked')) {
localStorage.auto_recent_update = 'true';
} else {
localStorage.auto_recent_update = 'false';
}
});
$('#auto_recent_desktop_notifications>input,#auto_recent_desktop_notifications_all>input').on('click', function() {
if (!("Notification" in window)) return;
var setting = $(this).parent().attr('id');
if ($(this).is(':checked')) {
Notification.requestPermission(function(permission){
if (permission === "granted") {
localStorage[setting] = 'true';
}
});
if (Notification.permission === "granted") {
localStorage[setting] = 'true';
}
} else {
localStorage[setting] = 'false';
}
});
if (localStorage.auto_recent_update === 'true') {
$('#auto-recent-update>input').prop('checked', true);
}
if (localStorage.auto_recent_desktop_notifications_all === 'true') {
$('#auto_recent_desktop_notifications_all>input').prop('checked', true);
notify = "all";
}
}
var countdown_interval;
// Add an update link
$(".bar-bottom 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
if (localStorage.auto_recent_update === 'true') {
$('#auto_update_status').prop('checked', true);
}
// Grab the settings
var settings = new script_settings('auto-reload-mod');
var poll_interval_mindelay = settings.get('min_delay_bottom', 5000);
var poll_interval_maxdelay = settings.get('max_delay', 600000);
var poll_interval_errordelay = settings.get('error_delay', 30000);
// number of ms to wait before reloading
var poll_interval_delay = poll_interval_mindelay;
var poll_current_time = poll_interval_delay;
var end_of_page = false;
var new_posts = 0;
var first_new_post = null;
var title = document.title;
if (typeof update_title == "undefined") {
var update_title = function() {
if (new_posts) {
document.title = "("+new_posts+") "+title;
} else {
document.title = title;
makeIcon(false);
}
};
}
if (typeof add_title_collector != "undefined")
add_title_collector(function(){
return new_posts;
});
var window_active = true;
$(window).focus(function() {
window_active = true;
// Reset the delay if needed
if(settings.get('reset_focus', true)) {
poll_interval_delay = poll_interval_mindelay;
}
});
$(window).blur(function() {
window_active = false;
});
$('#auto_update_status').click(function() {
if($("#auto_update_status").is(':checked')) {
auto_update(poll_interval_mindelay);
} else {
stop_auto_update();
$('#update_secs').text("");
}
});
var decrement_timer = function() {
poll_current_time = poll_current_time - 1000;
$('#update_secs').text(poll_current_time/1000);
if (poll_current_time <= 0) {
poll(manualUpdate = false);
}
}
// automatically updates the thread after a specified delay
var auto_update = function(delay) {
clearInterval(countdown_interval);
poll_current_time = delay;
countdown_interval = setInterval(decrement_timer, 1000);
$('#update_secs').text(poll_current_time/1000);
}
var stop_auto_update = function() {
clearInterval(countdown_interval);
}
var epoch = (new Date).getTime();
var epochold = epoch;
var timeDiff = function (delay) {
if((epoch-epochold) > delay) {
epochold = epoch = (new Date).getTime();
return true;
}else{
epoch = (new Date).getTime();
return;
}
}
var poll = function(manualUpdate) {
stop_auto_update();
$('#update_secs').text(_("Updating..."));
$.ajax({
url: document.location,
success: function(data) {
var loaded_posts = 0; // the number of new posts loaded in this update
$($(data).find('div.post.reply,div.thread').get().reverse()).each(function(i) {
var id = $(this).attr('id');
// check that this post doesn't already exist
if($('#' + id).length == 0) {
if (!new_posts) {
first_new_post = this;
makeIcon('reply');
if (notify === "all") {
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()});
}
}
if ($("div.post,div.thread").length > 1){
$(this).parent().insertBefore($($('div.post,div.thread').not('.post-hover').first()).parent());
}
else {
$(this).insertBefore($($('div.post,div.thread').not('.post-hover').first()));
}
new_posts++;
loaded_posts++;
$(document).trigger('new_post', this);
}
});
time_loaded = Date.now(); // interop with watch.js
if ($('#auto_update_status').is(':checked')) {
// If there are no new posts, double the delay. Otherwise set it to the min.
if(loaded_posts == 0) {
// if the update was manual, don't increase the delay
if (manualUpdate == false) {
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 = poll_interval_mindelay;
}
auto_update(poll_interval_delay);
} else {
// Decide the message to show if auto update is disabled
if (loaded_posts > 0)
$('#update_secs').text(fmt(_("Posts updated with {0} new post(s)"), [loaded_posts]));
else
$('#update_secs').text(_("No new posts found"));
}
},
error: function(xhr, status_text, error_text) {
if (status_text == "error") {
if (error_text == "Not Found") {
$('#update_secs').text(_("Failed to load"));
$('#auto_update_status').prop('checked', false);
$('#auto_update_status').prop('disabled', true); // disable updates if thread is deleted
return;
} else {
$('#update_secs').text("Error: "+error_text);
}
} else if (status_text) {
$('#update_secs').text(_("Error: ")+status_text);
} else {
$('#update_secs').text(_("Unknown error"));
}
// Keep trying to update
if ($('#auto_update_status').is(':checked')) {
poll_interval_delay = poll_interval_errordelay;
auto_update(poll_interval_delay);
}
}
});
return false;
};
$('#update_thread').on('click', function() { poll(manualUpdate = true); return false; });
if($("#auto_update_status").is(':checked')) {
auto_update(poll_interval_delay);
}
});
}();

7
templates/mod/recent_posts.html

@ -1,4 +1,5 @@
<script src="{{ config.additional_javascript_url }}js/mod/recent_posts.js"></script>
<script src="{{ config.additional_javascript_url }}js/mod/recent-posts-auto-reload.js"></script>
{% if not posts %}
<p style="text-align:center" class="unimportant">({% trans 'There are no active posts.' %})</p>
{% else %}
@ -17,3 +18,9 @@
{% endfor %}
{% endif %}
<a href="/mod.php?/recent/{{ limit|e }}&amp;last={{ last_time|e }}">Next {{ limit }} posts</a>
<div class="bar bottom">
<div class="bar-bottom">
<span class="threadlink"></span>
</div>
<div class=pages></div>
</div>

Loading…
Cancel
Save