mirror of
https://github.com/vichan-devel/vichan.git
synced 2024-11-27 17:00:52 +01:00
872 lines
26 KiB
JavaScript
872 lines
26 KiB
JavaScript
if (active_page === 'thread' || active_page === 'index' || active_page === 'catalog' || active_page === 'ukko') {
|
|
$(document).on('menu_ready', function () {
|
|
'use strict';
|
|
|
|
// returns blacklist object from storage
|
|
function getList() {
|
|
return JSON.parse(localStorage.postFilter);
|
|
}
|
|
|
|
// stores blacklist into storage and reruns the filter
|
|
function setList(blacklist) {
|
|
localStorage.postFilter = JSON.stringify(blacklist);
|
|
$(document).trigger('filter_page');
|
|
}
|
|
|
|
// unit: seconds
|
|
function timestamp() {
|
|
return Math.floor((new Date()).getTime() / 1000);
|
|
}
|
|
|
|
function initList(list, boardId, threadId) {
|
|
if (typeof list.postFilter[boardId] == 'undefined') {
|
|
list.postFilter[boardId] = {};
|
|
list.nextPurge[boardId] = {};
|
|
}
|
|
if (typeof list.postFilter[boardId][threadId] == 'undefined') {
|
|
list.postFilter[boardId][threadId] = [];
|
|
}
|
|
list.nextPurge[boardId][threadId] = {timestamp: timestamp(), interval: 86400}; // 86400 seconds == 1 day
|
|
}
|
|
|
|
function addFilter(type, value, useRegex) {
|
|
var list = getList();
|
|
var filter = list.generalFilter;
|
|
var obj = {
|
|
type: type,
|
|
value: value,
|
|
regex: useRegex
|
|
};
|
|
|
|
for (var i=0; i<filter.length; i++) {
|
|
if (filter[i].type == type && filter[i].value == value && filter[i].regex == useRegex)
|
|
return;
|
|
}
|
|
|
|
filter.push(obj);
|
|
setList(list);
|
|
drawFilterList();
|
|
}
|
|
|
|
function removeFilter(type, value, useRegex) {
|
|
var list = getList();
|
|
var filter = list.generalFilter;
|
|
|
|
for (var i=0; i<filter.length; i++) {
|
|
if (filter[i].type == type && filter[i].value == value && filter[i].regex == useRegex) {
|
|
filter.splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
|
|
setList(list);
|
|
drawFilterList();
|
|
}
|
|
|
|
function nameSpanToString(el) {
|
|
var s = '';
|
|
|
|
$.each($(el).contents(), function(k,v) {
|
|
if (v.nodeName === 'IMG')
|
|
s=s+$(v).attr('alt')
|
|
|
|
if (v.nodeName === '#text')
|
|
s=s+v.nodeValue
|
|
});
|
|
return s.trim();
|
|
}
|
|
|
|
var blacklist = {
|
|
add: {
|
|
post: function (boardId, threadId, postId, hideReplies) {
|
|
var list = getList();
|
|
var filter = list.postFilter;
|
|
|
|
initList(list, boardId, threadId);
|
|
|
|
for (var i in filter[boardId][threadId]) {
|
|
if (filter[boardId][threadId][i].post == postId) return;
|
|
}
|
|
filter[boardId][threadId].push({
|
|
post: postId,
|
|
hideReplies: hideReplies
|
|
});
|
|
setList(list);
|
|
},
|
|
uid: function (boardId, threadId, uniqueId, hideReplies) {
|
|
var list = getList();
|
|
var filter = list.postFilter;
|
|
|
|
initList(list, boardId, threadId);
|
|
|
|
for (var i in filter[boardId][threadId]) {
|
|
if (filter[boardId][threadId][i].uid == uniqueId) return;
|
|
}
|
|
filter[boardId][threadId].push({
|
|
uid: uniqueId,
|
|
hideReplies: hideReplies
|
|
});
|
|
setList(list);
|
|
}
|
|
},
|
|
remove: {
|
|
post: function (boardId, threadId, postId) {
|
|
var list = getList();
|
|
var filter = list.postFilter;
|
|
|
|
// thread already pruned
|
|
if (typeof filter[boardId] == 'undefined' || typeof filter[boardId][threadId] == 'undefined')
|
|
return;
|
|
|
|
for (var i=0; i<filter[boardId][threadId].length; i++) {
|
|
if (filter[boardId][threadId][i].post == postId) {
|
|
filter[boardId][threadId].splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
|
|
if ($.isEmptyObject(filter[boardId][threadId])) {
|
|
delete filter[boardId][threadId];
|
|
delete list.nextPurge[boardId][threadId];
|
|
|
|
if ($.isEmptyObject(filter[boardId])) {
|
|
delete filter[boardId];
|
|
delete list.nextPurge[boardId];
|
|
}
|
|
}
|
|
setList(list);
|
|
},
|
|
uid: function (boardId, threadId, uniqueId) {
|
|
var list = getList();
|
|
var filter = list.postFilter;
|
|
|
|
// thread already pruned
|
|
if (typeof filter[boardId] == 'undefined' || typeof filter[boardId][threadId] == 'undefined')
|
|
return;
|
|
|
|
for (var i=0; i<filter[boardId][threadId].length; i++) {
|
|
if (filter[boardId][threadId][i].uid == uniqueId) {
|
|
filter[boardId][threadId].splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
|
|
if ($.isEmptyObject(filter[boardId][threadId])) {
|
|
delete filter[boardId][threadId];
|
|
delete list.nextPurge[boardId][threadId];
|
|
|
|
if ($.isEmptyObject(filter[boardId])) {
|
|
delete filter[boardId];
|
|
delete list.nextPurge[boardId];
|
|
}
|
|
}
|
|
setList(list);
|
|
}
|
|
}
|
|
};
|
|
|
|
/*
|
|
* hide/show the specified thread/post
|
|
*/
|
|
function hide(ele) {
|
|
var $ele = $(ele);
|
|
|
|
if ($(ele).data('hidden'))
|
|
return;
|
|
|
|
$(ele).data('hidden', true);
|
|
if ($ele.hasClass('op')) {
|
|
$ele.parent().find('.body, .files, .video-container').not($ele.children('.reply').children()).hide();
|
|
|
|
// hide thread replies on index view
|
|
if (active_page == 'index' || active_page == 'ukko') $ele.parent().find('.omitted, .reply:not(.hidden), post_no, .mentioned, br').hide();
|
|
} else {
|
|
// normal posts
|
|
$ele.children('.body, .files, .video-container').hide();
|
|
}
|
|
}
|
|
function show(ele) {
|
|
var $ele = $(ele);
|
|
|
|
$(ele).data('hidden', false);
|
|
if ($ele.hasClass('op')) {
|
|
$ele.parent().find('.body, .files, .video-container').show();
|
|
if (active_page == 'index') $ele.parent().find('.omitted, .reply:not(.hidden), post_no, .mentioned, br').show();
|
|
} else {
|
|
// normal posts
|
|
$ele.children('.body, .files, .video-container').show();
|
|
}
|
|
}
|
|
|
|
/*
|
|
* create filter menu when the button is clicked
|
|
*/
|
|
function initPostMenu(pageData) {
|
|
var Menu = window.Menu;
|
|
var submenu;
|
|
Menu.add_item('filter-menu-hide', _('Hide post'));
|
|
Menu.add_item('filter-menu-unhide', _('Unhide post'));
|
|
|
|
submenu = Menu.add_submenu('filter-menu-add', _('Add filter'));
|
|
submenu.add_item('filter-add-post-plus', _('Post +'), _('Hide post and all replies'));
|
|
submenu.add_item('filter-add-id', _('ID'));
|
|
submenu.add_item('filter-add-id-plus', _('ID +'), _('Hide ID and all replies'));
|
|
submenu.add_item('filter-add-name', _('Name'));
|
|
submenu.add_item('filter-add-trip', _('Tripcode'));
|
|
|
|
submenu = Menu.add_submenu('filter-menu-remove', _('Remove filter'));
|
|
submenu.add_item('filter-remove-id', _('ID'));
|
|
submenu.add_item('filter-remove-name', _('Name'));
|
|
submenu.add_item('filter-remove-trip', _('Tripcode'));
|
|
|
|
Menu.onclick(function (e, $buffer) {
|
|
var ele = e.target.parentElement.parentElement;
|
|
var $ele = $(ele);
|
|
|
|
var threadId = $ele.parent().attr('id').replace('thread_', '');
|
|
var boardId = $ele.parent().data('board');
|
|
var postId = $ele.find('.post_no').not('[id]').text();
|
|
if (pageData.hasUID) {
|
|
var postUid = $ele.find('.poster_id').text();
|
|
}
|
|
|
|
var postName;
|
|
var postTrip = '';
|
|
if (!pageData.forcedAnon) {
|
|
postName = (typeof $ele.find('.name').contents()[0] == 'undefined') ? '' : nameSpanToString($ele.find('.name')[0]);
|
|
postTrip = $ele.find('.trip').text();
|
|
}
|
|
|
|
/* display logic and bind click handlers
|
|
*/
|
|
|
|
// unhide button
|
|
if ($ele.data('hidden')) {
|
|
$buffer.find('#filter-menu-unhide').click(function () {
|
|
// if hidden due to post id, remove it from blacklist
|
|
// otherwise just show this post
|
|
blacklist.remove.post(boardId, threadId, postId);
|
|
show(ele);
|
|
});
|
|
$buffer.find('#filter-menu-hide').addClass('hidden');
|
|
} else {
|
|
$buffer.find('#filter-menu-unhide').addClass('hidden');
|
|
$buffer.find('#filter-menu-hide').click(function () {
|
|
blacklist.add.post(boardId, threadId, postId, false);
|
|
});
|
|
}
|
|
|
|
// post id
|
|
if (!$ele.data('hiddenByPost')) {
|
|
$buffer.find('#filter-add-post-plus').click(function () {
|
|
blacklist.add.post(boardId, threadId, postId, true);
|
|
});
|
|
} else {
|
|
$buffer.find('#filter-add-post-plus').addClass('hidden');
|
|
}
|
|
|
|
// UID
|
|
if (pageData.hasUID && !$ele.data('hiddenByUid')) {
|
|
$buffer.find('#filter-add-id').click(function () {
|
|
blacklist.add.uid(boardId, threadId, postUid, false);
|
|
});
|
|
$buffer.find('#filter-add-id-plus').click(function () {
|
|
blacklist.add.uid(boardId, threadId, postUid, true);
|
|
});
|
|
|
|
$buffer.find('#filter-remove-id').addClass('hidden');
|
|
} else if (pageData.hasUID) {
|
|
$buffer.find('#filter-remove-id').click(function () {
|
|
blacklist.remove.uid(boardId, threadId, postUid);
|
|
});
|
|
|
|
$buffer.find('#filter-add-id').addClass('hidden');
|
|
$buffer.find('#filter-add-id-plus').addClass('hidden');
|
|
} else {
|
|
// board doesn't use UID
|
|
$buffer.find('#filter-add-id').addClass('hidden');
|
|
$buffer.find('#filter-add-id-plus').addClass('hidden');
|
|
$buffer.find('#filter-remove-id').addClass('hidden');
|
|
}
|
|
|
|
// name
|
|
if (!pageData.forcedAnon && !$ele.data('hiddenByName')) {
|
|
$buffer.find('#filter-add-name').click(function () {
|
|
addFilter('name', postName, false);
|
|
});
|
|
|
|
$buffer.find('#filter-remove-name').addClass('hidden');
|
|
} else if (!pageData.forcedAnon) {
|
|
$buffer.find('#filter-remove-name').click(function () {
|
|
removeFilter('name', postName, false);
|
|
});
|
|
|
|
$buffer.find('#filter-add-name').addClass('hidden');
|
|
} else {
|
|
// board has forced anon
|
|
$buffer.find('#filter-remove-name').addClass('hidden');
|
|
$buffer.find('#filter-add-name').addClass('hidden');
|
|
}
|
|
|
|
// tripcode
|
|
if (!pageData.forcedAnon && !$ele.data('hiddenByTrip') && postTrip !== '') {
|
|
$buffer.find('#filter-add-trip').click(function () {
|
|
addFilter('trip', postTrip, false);
|
|
});
|
|
|
|
$buffer.find('#filter-remove-trip').addClass('hidden');
|
|
} else if (!pageData.forcedAnon && postTrip !== '') {
|
|
$buffer.find('#filter-remove-trip').click(function () {
|
|
removeFilter('trip', postTrip, false);
|
|
});
|
|
|
|
$buffer.find('#filter-add-trip').addClass('hidden');
|
|
} else {
|
|
// board has forced anon
|
|
$buffer.find('#filter-remove-trip').addClass('hidden');
|
|
$buffer.find('#filter-add-trip').addClass('hidden');
|
|
}
|
|
|
|
/* hide sub menus if all items are hidden
|
|
*/
|
|
if (!$buffer.find('#filter-menu-remove > ul').children().not('.hidden').length) {
|
|
$buffer.find('#filter-menu-remove').addClass('hidden');
|
|
}
|
|
if (!$buffer.find('#filter-menu-add > ul').children().not('.hidden').length) {
|
|
$buffer.find('#filter-menu-add').addClass('hidden');
|
|
}
|
|
});
|
|
}
|
|
|
|
/*
|
|
* hide/unhide thread on index view
|
|
*/
|
|
function quickToggle(ele, threadId, pageData) {
|
|
/*if ($(ele).find('.hide-thread-link').length)
|
|
$('.hide-thread-link').remove();*/
|
|
|
|
if ($(ele).hasClass('op') && !$(ele).find('.hide-thread-link').length) {
|
|
$('<a class="hide-thread-link" style="float:left;margin-right:5px" href="javascript:void(0)">[' + ($(ele).data('hidden') ? '+' : '–') + ']</a>')
|
|
.insertBefore($(ele).find(':not(h2,h2 *):first'))
|
|
.click(function() {
|
|
var postId = $(ele).find('.post_no').not('[id]').text();
|
|
var hidden = $(ele).data('hidden');
|
|
var boardId = $(ele).parents('.thread').data('board');
|
|
|
|
if (hidden) {
|
|
blacklist.remove.post(boardId, threadId, postId, false);
|
|
$(this).html('[–]');
|
|
} else {
|
|
blacklist.add.post(boardId, threadId, postId, false);
|
|
$(this).text('[+]');
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
/*
|
|
* determine whether the reply post should be hidden
|
|
* - applies to all posts on page load or filtering rule change
|
|
* - apply to new posts on thread updates
|
|
* - must explicitly set the state of each attributes because filter will reapply to all posts after filtering rule change
|
|
*/
|
|
function filter(post, threadId, pageData) {
|
|
var $post = $(post);
|
|
|
|
var list = getList();
|
|
var postId = $post.find('.post_no').not('[id]').text();
|
|
var name, trip, uid, subject, comment, flag;
|
|
var i, length, array, rule, pattern; // temp variables
|
|
|
|
var boardId = $post.data('board');
|
|
if (!boardId) boardId = $post.parents('.thread').data('board');
|
|
|
|
var localList = pageData.localList;
|
|
var noReplyList = pageData.noReplyList;
|
|
var hasUID = pageData.hasUID;
|
|
var forcedAnon = pageData.forcedAnon;
|
|
|
|
var hasTrip = ($post.find('.trip').length > 0);
|
|
var hasSub = ($post.find('.subject').length > 0);
|
|
var hasFlag = ($post.find('.flag').length > 0);
|
|
|
|
$post.data('hidden', false);
|
|
$post.data('hiddenByUid', false);
|
|
$post.data('hiddenByPost', false);
|
|
$post.data('hiddenByName', false);
|
|
$post.data('hiddenByTrip', false);
|
|
$post.data('hiddenBySubject', false);
|
|
$post.data('hiddenByComment', false);
|
|
$post.data('hiddenByFlag', false);
|
|
|
|
// add post with matched UID to localList
|
|
if (hasUID &&
|
|
typeof list.postFilter[boardId] != 'undefined' &&
|
|
typeof list.postFilter[boardId][threadId] != 'undefined') {
|
|
uid = $post.find('.poster_id').text();
|
|
array = list.postFilter[boardId][threadId];
|
|
|
|
for (i=0; i<array.length; i++) {
|
|
if (array[i].uid == uid) {
|
|
$post.data('hiddenByUid', true);
|
|
localList.push(postId);
|
|
if (array[i].hideReplies) noReplyList.push(postId);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
// match localList
|
|
if (localList.length) {
|
|
if ($.inArray(postId, localList) != -1) {
|
|
if ($post.data('hiddenByUid') !== true) $post.data('hiddenByPost', true);
|
|
hide(post);
|
|
}
|
|
}
|
|
|
|
// matches generalFilter
|
|
if (!forcedAnon)
|
|
name = (typeof $post.find('.name').contents()[0] == 'undefined') ? '' : nameSpanToString($post.find('.name')[0]);
|
|
if (!forcedAnon && hasTrip)
|
|
trip = $post.find('.trip').text();
|
|
if (hasSub)
|
|
subject = $post.find('.subject').text();
|
|
|
|
array = $post.find('.body').contents().filter(function () {if ($(this).text() !== '') return true;}).toArray();
|
|
array = $.map(array, function (ele) {
|
|
return $(ele).text().trim();
|
|
});
|
|
comment = array.join(' ');
|
|
|
|
if (hasFlag)
|
|
flag = $post.find('.flag').attr('title')
|
|
|
|
for (i = 0, length = list.generalFilter.length; i < length; i++) {
|
|
rule = list.generalFilter[i];
|
|
|
|
if (rule.regex) {
|
|
pattern = new RegExp(rule.value);
|
|
switch (rule.type) {
|
|
case 'name':
|
|
if (!forcedAnon && pattern.test(name)) {
|
|
$post.data('hiddenByName', true);
|
|
hide(post);
|
|
}
|
|
break;
|
|
case 'trip':
|
|
if (!forcedAnon && hasTrip && pattern.test(trip)) {
|
|
$post.data('hiddenByTrip', true);
|
|
hide(post);
|
|
}
|
|
break;
|
|
case 'sub':
|
|
if (hasSub && pattern.test(subject)) {
|
|
$post.data('hiddenBySubject', true);
|
|
hide(post);
|
|
}
|
|
break;
|
|
case 'com':
|
|
if (pattern.test(comment)) {
|
|
$post.data('hiddenByComment', true);
|
|
hide(post);
|
|
}
|
|
break;
|
|
case 'flag':
|
|
if (hasFlag && pattern.test(flag)) {
|
|
$post.data('hiddenByFlag', true);
|
|
hide(post);
|
|
}
|
|
break;
|
|
}
|
|
} else {
|
|
switch (rule.type) {
|
|
case 'name':
|
|
if (!forcedAnon && rule.value == name) {
|
|
$post.data('hiddenByName', true);
|
|
hide(post);
|
|
}
|
|
break;
|
|
case 'trip':
|
|
if (!forcedAnon && hasTrip && rule.value == trip) {
|
|
$post.data('hiddenByTrip', true);
|
|
hide(post);
|
|
}
|
|
break;
|
|
case 'sub':
|
|
pattern = new RegExp('\\b'+ rule.value+ '\\b');
|
|
if (hasSub && pattern.test(subject)) {
|
|
$post.data('hiddenBySubject', true);
|
|
hide(post);
|
|
}
|
|
break;
|
|
case 'com':
|
|
pattern = new RegExp('\\b'+ rule.value+ '\\b');
|
|
if (pattern.test(comment)) {
|
|
$post.data('hiddenByComment', true);
|
|
hide(post);
|
|
}
|
|
break;
|
|
case 'flag':
|
|
pattern = new RegExp('\\b'+ rule.value+ '\\b');
|
|
if (hasFlag && pattern.test(flag)) {
|
|
$post.data('hiddenByFlag', true);
|
|
hide(post);
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
// check for link to filtered posts
|
|
$post.find('.body a').not('[rel="nofollow"]').each(function () {
|
|
var replyId = $(this).text().match(/^>>(\d+)$/);
|
|
|
|
if (!replyId)
|
|
return;
|
|
|
|
replyId = replyId[1];
|
|
if ($.inArray(replyId, noReplyList) != -1) {
|
|
hide(post);
|
|
}
|
|
});
|
|
|
|
// post didn't match any filters
|
|
if (!$post.data('hidden')) {
|
|
show(post);
|
|
}
|
|
}
|
|
|
|
/* (re)runs the filter on the entire page
|
|
*/
|
|
function filterPage(pageData) {
|
|
var list = getList();
|
|
|
|
if (active_page != 'catalog') {
|
|
|
|
// empty the local and no-reply list
|
|
pageData.localList = [];
|
|
pageData.noReplyList = [];
|
|
|
|
$('.thread').each(function () {
|
|
var $thread = $(this);
|
|
// disregard the hidden threads constructed by post-hover.js
|
|
if ($thread.css('display') == 'none')
|
|
return;
|
|
|
|
var threadId = $thread.attr('id').replace('thread_', '');
|
|
var boardId = $thread.data('board');
|
|
var op = $thread.children('.op')[0];
|
|
var i, array; // temp variables
|
|
|
|
// add posts to localList and noReplyList
|
|
if (typeof list.postFilter[boardId] != 'undefined' && typeof list.postFilter[boardId][threadId] != 'undefined') {
|
|
array = list.postFilter[boardId][threadId];
|
|
for (i=0; i<array.length; i++) {
|
|
if ( typeof array[i].post == 'undefined')
|
|
continue;
|
|
|
|
pageData.localList.push(array[i].post);
|
|
if (array[i].hideReplies) pageData.noReplyList.push(array[i].post);
|
|
}
|
|
}
|
|
// run filter on OP
|
|
filter(op, threadId, pageData);
|
|
quickToggle(op, threadId, pageData);
|
|
|
|
// iterate filter over each post
|
|
if (!$(op).data('hidden') || active_page == 'thread') {
|
|
$thread.find('.reply').not('.hidden').each(function () {
|
|
filter(this, threadId, pageData);
|
|
});
|
|
}
|
|
|
|
});
|
|
} else {
|
|
var postFilter = list.postFilter[pageData.boardId];
|
|
var $collection = $('.mix');
|
|
|
|
if ($.isEmptyObject(postFilter))
|
|
return;
|
|
|
|
// for each thread that has filtering rules
|
|
// check if filter contains thread OP and remove the thread from catalog
|
|
$.each(postFilter, function (key, thread) {
|
|
var threadId = key;
|
|
$.each(thread, function () {
|
|
if (this.post == threadId) {
|
|
$collection.filter('[data-id='+ threadId +']').remove();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
function initStyle() {
|
|
var $ele, cssStyle, cssString;
|
|
|
|
$ele = $('<div>').addClass('post reply').hide().appendTo('body');
|
|
cssStyle = $ele.css(['background-color', 'border-color']);
|
|
cssStyle.hoverBg = $('body').css('background-color');
|
|
$ele.remove();
|
|
|
|
cssString = '\n/*** Generated by post-filter ***/\n' +
|
|
'#filter-control input[type=text] {width: 130px;}' +
|
|
'#filter-control input[type=checkbox] {vertical-align: middle;}' +
|
|
'#filter-control #clear {float: right;}\n' +
|
|
'#filter-container {margin-top: 20px; border: 1px solid; height: 270px; overflow: auto;}\n' +
|
|
'#filter-list {width: 100%; border-collapse: collapse;}\n' +
|
|
'#filter-list th {text-align: center; height: 20px; font-size: 14px; border-bottom: 1px solid;}\n' +
|
|
'#filter-list th:nth-child(1) {text-align: center; width: 70px;}\n' +
|
|
'#filter-list th:nth-child(2) {text-align: left;}\n' +
|
|
'#filter-list th:nth-child(3) {text-align: center; width: 58px;}\n' +
|
|
'#filter-list tr:not(#header) {height: 22px;}\n' +
|
|
'#filter-list tr:nth-child(even) {background-color:rgba(255, 255, 255, 0.5);}\n' +
|
|
'#filter-list td:nth-child(1) {text-align: center; width: 70px;}\n' +
|
|
'#filter-list td:nth-child(3) {text-align: center; width: 58px;}\n' +
|
|
'#confirm {text-align: right; margin-bottom: -18px; padding-top: 2px; font-size: 14px; color: #FF0000;}';
|
|
|
|
if (!$('style.generated-css').length) $('<style class="generated-css">').appendTo('head');
|
|
$('style.generated-css').html($('style.generated-css').html() + cssString);
|
|
}
|
|
|
|
function drawFilterList() {
|
|
var list = getList().generalFilter;
|
|
var $ele = $('#filter-list');
|
|
var $row, i, length, obj, val;
|
|
|
|
var typeName = {
|
|
name: 'name',
|
|
trip: 'tripcode',
|
|
sub: 'subject',
|
|
com: 'comment',
|
|
flag: 'flag'
|
|
};
|
|
|
|
$ele.empty();
|
|
|
|
$ele.append('<tr id="header"><th>Type</th><th>Content</th><th>Remove</th></tr>');
|
|
for (i = 0, length = list.length; i < length; i++) {
|
|
obj = list[i];
|
|
|
|
// display formatting
|
|
val = (obj.regex) ? '/'+ obj.value +'/' : obj.value;
|
|
|
|
$row = $('<tr>');
|
|
$row.append(
|
|
'<td>'+ typeName[obj.type] +'</td>',
|
|
'<td>'+ val +'</td>',
|
|
$('<td>').append(
|
|
$('<a>').html('X')
|
|
.addClass('del-btn')
|
|
.attr('href', '#')
|
|
.data('type', obj.type)
|
|
.data('val', obj.value)
|
|
.data('useRegex', obj.regex)
|
|
)
|
|
);
|
|
$ele.append($row);
|
|
}
|
|
}
|
|
|
|
function initOptionsPanel() {
|
|
if (window.Options && !Options.get_tab('filter')) {
|
|
Options.add_tab('filter', 'list', _('Filters'));
|
|
Options.extend_tab('filter',
|
|
'<div id="filter-control">' +
|
|
'<select>' +
|
|
'<option value="name">'+_('Name')+'</option>' +
|
|
'<option value="trip">'+_('Tripcode')+'</option>' +
|
|
'<option value="sub">'+_('Subject')+'</option>' +
|
|
'<option value="com">'+_('Comment')+'</option>' +
|
|
'<option value="flag">'+_('Flag')+'</option>' +
|
|
'</select>' +
|
|
'<input type="text">' +
|
|
'<input type="checkbox">' +
|
|
'regex ' +
|
|
'<button id="set-filter">'+_('Add')+'</button>' +
|
|
'<button id="clear">'+_('Clear all filters')+'</button>' +
|
|
'<div id="confirm" class="hidden">' +
|
|
_('This will clear all filtering rules including hidden posts.')+' <a id="confirm-y" href="#">'+_('yes')+'</a> | <a id="confirm-n" href="#">'+_('no')+'</a>' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'<div id="filter-container"><table id="filter-list"></table></div>'
|
|
);
|
|
drawFilterList();
|
|
|
|
// control buttons
|
|
$('#filter-control').on('click', '#set-filter', function () {
|
|
var type = $('#filter-control select option:selected').val();
|
|
var value = $('#filter-control input[type=text]').val();
|
|
var useRegex = $('#filter-control input[type=checkbox]').prop('checked');
|
|
|
|
//clear the input form
|
|
$('#filter-control input[type=text]').val('');
|
|
|
|
addFilter(type, value, useRegex);
|
|
drawFilterList();
|
|
});
|
|
$('#filter-control').on('click', '#clear', function () {
|
|
$('#filter-control #clear').addClass('hidden');
|
|
$('#filter-control #confirm').removeClass('hidden');
|
|
});
|
|
$('#filter-control').on('click', '#confirm-y', function (e) {
|
|
e.preventDefault();
|
|
|
|
$('#filter-control #clear').removeClass('hidden');
|
|
$('#filter-control #confirm').addClass('hidden');
|
|
setList({
|
|
generalFilter: [],
|
|
postFilter: {},
|
|
nextPurge: {},
|
|
lastPurge: timestamp()
|
|
});
|
|
drawFilterList();
|
|
});
|
|
$('#filter-control').on('click', '#confirm-n', function (e) {
|
|
e.preventDefault();
|
|
|
|
$('#filter-control #clear').removeClass('hidden');
|
|
$('#filter-control #confirm').addClass('hidden');
|
|
});
|
|
|
|
|
|
// remove button
|
|
$('#filter-list').on('click', '.del-btn', function (e) {
|
|
e.preventDefault();
|
|
|
|
var $ele = $(e.target);
|
|
var type = $ele.data('type');
|
|
var val = $ele.data('val');
|
|
var useRegex = $ele.data('useRegex');
|
|
|
|
removeFilter(type, val, useRegex);
|
|
});
|
|
}
|
|
}
|
|
|
|
/*
|
|
* clear out pruned threads
|
|
*/
|
|
function purge() {
|
|
var list = getList();
|
|
var board, thread, boardId, threadId;
|
|
var deferred;
|
|
var requestArray = [];
|
|
|
|
var successHandler = function (boardId, threadId) {
|
|
return function () {
|
|
// thread still alive, keep it in the list and increase the time between checks.
|
|
var list = getList();
|
|
var thread = list.nextPurge[boardId][threadId];
|
|
|
|
thread.timestamp = timestamp();
|
|
thread.interval = Math.floor(thread.interval * 1.5);
|
|
setList(list);
|
|
};
|
|
};
|
|
var errorHandler = function (boardId, threadId) {
|
|
return function (xhr) {
|
|
if (xhr.status == 404) {
|
|
var list = getList();
|
|
|
|
delete list.nextPurge[boardId][threadId];
|
|
delete list.postFilter[boardId][threadId];
|
|
if ($.isEmptyObject(list.nextPurge[boardId])) delete list.nextPurge[boardId];
|
|
if ($.isEmptyObject(list.postFilter[boardId])) delete list.postFilter[boardId];
|
|
setList(list);
|
|
}
|
|
};
|
|
};
|
|
|
|
if ((timestamp() - list.lastPurge) < 86400) // less than 1 day
|
|
return;
|
|
|
|
for (boardId in list.nextPurge) {
|
|
board = list.nextPurge[boardId];
|
|
for (threadId in board) {
|
|
thread = board[threadId];
|
|
if (timestamp() > (thread.timestamp + thread.interval)) {
|
|
// check if thread is pruned
|
|
deferred = $.ajax({
|
|
cache: false,
|
|
url: '/'+ boardId +'/res/'+ threadId +'.json',
|
|
success: successHandler(boardId, threadId),
|
|
error: errorHandler(boardId, threadId)
|
|
});
|
|
requestArray.push(deferred);
|
|
}
|
|
}
|
|
}
|
|
|
|
// when all requests complete
|
|
$.when.apply($, requestArray).always(function () {
|
|
var list = getList();
|
|
list.lastPurge = timestamp();
|
|
setList(list);
|
|
});
|
|
}
|
|
|
|
function init() {
|
|
if (typeof localStorage.postFilter === 'undefined') {
|
|
localStorage.postFilter = JSON.stringify({
|
|
generalFilter: [],
|
|
postFilter: {},
|
|
nextPurge: {},
|
|
lastPurge: timestamp()
|
|
});
|
|
}
|
|
|
|
var pageData = {
|
|
boardId: board_name, // get the id from the global variable
|
|
localList: [], // all the blacklisted post IDs or UIDs that apply to the current page
|
|
noReplyList: [], // any posts that replies to the contents of this list shall be hidden
|
|
hasUID: (document.getElementsByClassName('poster_id').length > 0),
|
|
forcedAnon: ($('th:contains(Name)').length === 0) // tests by looking for the Name label on the reply form
|
|
};
|
|
|
|
initStyle();
|
|
initOptionsPanel();
|
|
initPostMenu(pageData);
|
|
filterPage(pageData);
|
|
|
|
// on new posts
|
|
$(document).on('new_post', function (e, post) {
|
|
var threadId;
|
|
|
|
if ($(post).hasClass('reply')) {
|
|
threadId = $(post).parents('.thread').attr('id').replace('thread_', '');
|
|
} else {
|
|
threadId = $(post).attr('id').replace('thread_', '');
|
|
post = $(post).children('.op')[0];
|
|
}
|
|
|
|
filter(post, threadId, pageData);
|
|
quickToggle(post, threadId, pageData);
|
|
});
|
|
|
|
$(document).on('filter_page', function () {
|
|
filterPage(pageData);
|
|
});
|
|
|
|
// shift+click on catalog to hide thread
|
|
if (active_page == 'catalog') {
|
|
$(document).on('click', '.mix', function(e) {
|
|
if (e.shiftKey) {
|
|
var threadId = $(this).data('id').toString();
|
|
var postId = threadId;
|
|
blacklist.add.post(pageData.boardId, threadId, postId, false);
|
|
}
|
|
});
|
|
}
|
|
|
|
// clear out the old threads
|
|
purge();
|
|
}
|
|
init();
|
|
});
|
|
|
|
if (typeof window.Menu !== "undefined") {
|
|
$(document).trigger('menu_ready');
|
|
}
|
|
}
|