Cool_Tools/vichan
1
0
Fork 0
mirror of https://github.com/vichan-devel/vichan.git synced 2025-02-08 23:39:46 +01:00
Code Releases Wiki Activity

thread-stats.js: format

Browse Source
This commit is contained in:
Zankaria 2025-01-07 17:27:57 +01:00 committed by Zankaria
parent 1b2f52641f
commit 1a7ebc88ba
1 changed files with 121 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

143
js/thread-stats.js
View File

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