thread-stats.js: format

This commit is contained in:
Zankaria 2024-08-20 10:53:36 +02:00
parent 9c3755c7a7
commit 7ffb81d1f8

View file

@ -7,39 +7,41 @@
* $config['additional_javascript'][] = 'js/jquery.min.js';
* $config['additional_javascript'][] = 'js/thread-stats.js';
*/
if (active_page == 'thread') {
$(document).ready(function(){
//check if page uses unique ID
var IDsupport = ($('.poster_id').length > 0);
var thread_id = (document.location.pathname + document.location.search).split('/');
$(document).ready(function() {
// Check if page uses unique ID.
let IDsupport = ($('.poster_id').length > 0);
let thread_id = (document.location.pathname + document.location.search).split('/');
thread_id = thread_id[thread_id.length -1].split('+')[0].split('.')[0];
$('.clear').before('<div id="thread_stats"></div>');
var el = $('#thread_stats');
let el = $('#thread_stats');
el.prepend('Page <span id="thread_stats_page">?</span>');
if (IDsupport){
if (IDsupport) {
el.prepend('<span id="thread_stats_uids">0</span> UIDs |&nbsp;');
}
el.prepend('<span id="thread_stats_images">0</span> images |&nbsp;');
el.prepend('|&nbsp<span id="thread_stats_posts">0</span> replies |&nbsp;');
delete el;
function update_thread_stats(){
var op = $('#thread_'+ thread_id).find('div.post.op:not(.post-hover):not(.inline)').first();
var replies = $('#thread_'+ thread_id).find('div.post.reply:not(.post-hover):not(.inline)');
// post count
function update_thread_stats() {
let op = $('#thread_' + thread_id).find('div.post.op:not(.post-hover):not(.inline)').first();
let replies = $('#thread_' + thread_id).find('div.post.reply:not(.post-hover):not(.inline)');
// Post count.
$('#thread_stats_posts').text(replies.length);
// image count
$('#thread_stats_images').text(replies.filter(function(){
// Image count.
$('#thread_stats_images').text(replies.filter(function() {
return $(this).find('> .files').text().trim() != false;
}).length);
// unique ID count
// Unique ID count.
if (IDsupport) {
var opID = op.find('> .intro > .poster_id').text();
var ids = {};
replies.each(function(){
var cur = $(this).find('> .intro > .poster_id');
var curID = cur.text();
let opID = op.find('> .intro > .poster_id').text();
let ids = {};
replies.each(function() {
let cur = $(this).find('> .intro > .poster_id');
let curID = cur.text();
if (ids[curID] === undefined) {
ids[curID] = 0;
}
@ -49,65 +51,80 @@ $(document).ready(function(){
ids[opID] = 0;
}
ids[opID]++;
var cur = op.find('>.intro >.poster_id');
let cur = op.find('>.intro >.poster_id');
cur.find('+.posts_by_id').remove();
cur.after('<span class="posts_by_id"> ('+ ids[cur.text()] +')</span>');
replies.each(function(){
cur.after('<span class="posts_by_id"> (' + ids[cur.text()] + ')</span>');
replies.each(function() {
cur = $(this).find('>.intro >.poster_id');
cur.find('+.posts_by_id').remove();
cur.after('<span class="posts_by_id"> ('+ ids[cur.text()] +')</span>');
cur.after('<span class="posts_by_id"> (' + ids[cur.text()] + ')</span>');
});
var size = function(obj) {
var size = 0, key;
for (key in obj) {
if (obj.hasOwnProperty(key)) size++;
let size = function(obj) {
let size = 0
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
size++;
}
}
return size;
};
$('#thread_stats_uids').text(size(ids));
}
$.getJSON('//'+ document.location.host +'/'+ board_name +'/threads.json', function(data){
var found, page = '???';
for (var i=0;data[i];i++){
var threads = data[i].threads;
for (var j=0; threads[j]; j++){
$.getJSON('//' + document.location.host + '/' + board_name + '/threads.json', function(data) {
let found;
let page = '???';
let threadId = parseInt(thread_id);
for (let i = 0; data[i]; i++) {
let threads = data[i].threads;
for (let j = 0; threads[j]; j++) {
if (parseInt(threads[j].no) === threadId) {
page = data[i].page +1;
found = true;
break;
}
}
if (found) {
break;
}
}
let threadStatsPage = $('#thread_stats_page');
threadStatsPage.text(page);
if (!found) {
threadStatsPage.css('color', 'red');
} else {
threadStatsPage.css('color', '');
}
});
}
// Load the current page the thread is on.
// Uses ajax call so it gets loaded on a delay (depending on network resources available).
setInterval(function() {
$.getJSON('//' + document.location.host + '/' + board_name + '/threads.json', function(data) {
let found;
let page = '???';
for (let i = 0; data[i]; i++) {
let threads = data[i].threads;
for (let j = 0; threads[j]; j++) {
if (parseInt(threads[j].no) == parseInt(thread_id)) {
page = data[i].page +1;
found = true;
break;
}
}
if (found) break;
}
$('#thread_stats_page').text(page);
if (!found) $('#thread_stats_page').css('color','red');
else $('#thread_stats_page').css('color','');
});
}
// load the current page the thread is on.
// uses ajax call so it gets loaded on a delay (depending on network resources available)
var thread_stats_page_timer = setInterval(function(){
$.getJSON('//'+ document.location.host +'/'+ board_name +'/threads.json', function(data){
var found, page = '???';
for (var i=0;data[i];i++){
var threads = data[i].threads;
for (var j=0; threads[j]; j++){
if (parseInt(threads[j].no) == parseInt(thread_id)) {
page = data[i].page +1;
found = true;
if (found) {
break;
}
}
if (found) break;
}
$('#thread_stats_page').text(page);
if (!found) $('#thread_stats_page').css('color','red');
else $('#thread_stats_page').css('color','');
});
},30000);
}, 30000);
$('body').append('<style>.posts_by_id{display:none;}.poster_id:hover+.posts_by_id{display:initial}</style>');
update_thread_stats();
$('#update_thread').click(update_thread_stats);
$(document).on('new_post',update_thread_stats);
});
$(document).on('new_post', update_thread_stats);
});
}