You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
3.0 KiB
105 lines
3.0 KiB
/*
|
|
* live-index.js
|
|
* https://github.com/vichan-devel/Tinyboard/blob/master/js/live-index.js
|
|
*
|
|
* Released under the MIT license
|
|
* Copyright (c) 2014 Marcin Łabanowski <[email protected]>
|
|
*
|
|
* Usage:
|
|
* $config['api']['enabled'] = true;
|
|
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
|
* $config['additional_javascript'][] = 'js/expand.js';
|
|
* $config['additional_javascript'][] = 'js/live-index.js';
|
|
*
|
|
*/
|
|
|
|
if (active_page == 'index' && (""+document.location).match(/\/(index\.html)?(\?|$|#)/))
|
|
+function() {
|
|
// Make jQuery respond to reverse()
|
|
$.fn.reverse = [].reverse;
|
|
|
|
var board_name = (""+document.location).match(/\/([^\/]+)\/[^/]*$/)[1];
|
|
|
|
var handle_one_thread = function() {
|
|
if ($(this).find(".new-posts").length <= 0) {
|
|
$(this).find("br.clear").before("<div class='new-posts'>"+_("No new posts.")+"</div>");
|
|
}
|
|
};
|
|
|
|
$(function() {
|
|
$("hr:first").before("<hr /><div class='new-threads'>"+_("No new threads.")+"</div>");
|
|
|
|
$('div[id^="thread_"]').each(handle_one_thread);
|
|
|
|
setInterval(function() {
|
|
$.getJSON(configRoot+board_name+"/0.json", function(j) {
|
|
var new_threads = 0;
|
|
|
|
j.threads.forEach(function(t) {
|
|
var s_thread = $("#thread_"+t.posts[0].no);
|
|
|
|
if (s_thread.length) {
|
|
var my_posts = s_thread.find(".post.reply").length;
|
|
|
|
var omitted_posts = s_thread.find(".omitted");
|
|
if (omitted_posts.length) {
|
|
omitted_posts = omitted_posts.html().match("^[^0-9]*([0-9]+)")[1]|0;
|
|
my_posts += omitted_posts;
|
|
}
|
|
|
|
my_posts -= t.posts[0].replies|0;
|
|
my_posts *= -1;
|
|
update_new_posts(my_posts, s_thread);
|
|
}
|
|
else {
|
|
new_threads++;
|
|
}
|
|
});
|
|
|
|
update_new_threads(new_threads);
|
|
});
|
|
}, 20000);
|
|
});
|
|
|
|
$(document).on("new_post", function(e, post) {
|
|
if (!$(post).hasClass("reply")) {
|
|
handle_one_thread.call(post);
|
|
}
|
|
});
|
|
|
|
var update_new_threads = function(i) {
|
|
var msg = i ?
|
|
(fmt(_("There are {0} new threads."), [i]) + " <a href='javascript:void(0)'>"+_("Click to expand")+"</a>.") :
|
|
_("No new threads.");
|
|
|
|
if ($(".new-threads").html() != msg) {
|
|
$(".new-threads").html(msg);
|
|
$(".new-threads a").click(fetch_new_threads);
|
|
}
|
|
};
|
|
|
|
var update_new_posts = function(i, th) {
|
|
var msg = (i>0) ?
|
|
(fmt(_("There are {0} new posts in this thread."), [i])+" <a href='javascript:void(0)'>"+_("Click to expand")+"</a>.") :
|
|
_("No new posts.");
|
|
|
|
if ($(th).find(".new-posts").html() != msg) {
|
|
$(th).find(".new-posts").html(msg);
|
|
$(th).find(".new-posts a").click(window.expand_fun);
|
|
}
|
|
};
|
|
|
|
var fetch_new_threads = function() {
|
|
$.get(""+document.location, function(data) {
|
|
$(data).find('div[id^="thread_"]').reverse().each(function() {
|
|
if ($("#"+$(this).attr("id")).length) {
|
|
// okay, the thread is there
|
|
}
|
|
else {
|
|
var thread = $(this).insertBefore('div[id^="thread_"]:first');
|
|
$(document).trigger("new_post", this);
|
|
}
|
|
});
|
|
});
|
|
};
|
|
}();
|
|
|