277 lines
8.2 KiB
JavaScript
277 lines
8.2 KiB
JavaScript
(function(){
|
|
var $, $$, _a, _b, _c, apply, autoHide, autoHideF, bar, div, field, fields, filter, filterAll, filterSingle, input, keydown, label, mousedown, mousemove, mouseup, move, position, reset, resetF, tag, text, x;
|
|
var __hasProp = Object.prototype.hasOwnProperty;
|
|
x = function x(path, root) {
|
|
root = root || document.body;
|
|
return document.evaluate(path, root, null, XPathResult.ANY_UNORDERED_NODE_TYPE, null).singleNodeValue;
|
|
};
|
|
$ = function $(selector, root) {
|
|
root = root || document.body;
|
|
return root.querySelector(selector);
|
|
};
|
|
$$ = function $$(selector, root) {
|
|
var _a, _b, _c, _d, node, result;
|
|
root = root || document.body;
|
|
result = root.querySelectorAll(selector);
|
|
//magic that turns the results object into an array:
|
|
_a = []; _c = result;
|
|
for (_b = 0, _d = _c.length; _b < _d; _b++) {
|
|
node = _c[_b];
|
|
_a.push(node);
|
|
}
|
|
return _a;
|
|
};
|
|
tag = function tag(el) {
|
|
return document.createElement(el);
|
|
};
|
|
text = function text(s) {
|
|
return document.createTextNode(s);
|
|
};
|
|
position = function position(el) {
|
|
var id, left, top;
|
|
id = el.id;
|
|
(left = GM_getValue(("" + (id) + "Left"), '0px')) ? (el.style.left = left) : (el.style.right = '0px');
|
|
if ((top = GM_getValue(("" + (id) + "Top"), '0px'))) {
|
|
el.style.top = top;
|
|
return el.style.top;
|
|
} else {
|
|
el.style.bottom = '0px';
|
|
return el.style.bottom;
|
|
}
|
|
};
|
|
move = {};
|
|
mousedown = function mousedown(e) {
|
|
var div;
|
|
div = this.parentNode;
|
|
move.div = div;
|
|
move.divX = div.offsetLeft;
|
|
move.divY = div.offsetTop;
|
|
move.clientX = e.clientX;
|
|
move.clientY = e.clientY;
|
|
move.bodyX = document.body.clientWidth;
|
|
move.bodyY = document.body.clientHeight;
|
|
window.addEventListener('mousemove', mousemove, true);
|
|
return window.addEventListener('mouseup', mouseup, true);
|
|
};
|
|
mousemove = function mousemove(e) {
|
|
var div, left, realX, realY, top;
|
|
div = move.div;
|
|
realX = move.divX + (e.clientX - move.clientX);
|
|
// x + dx
|
|
left = realX < 20 ? 0 : realX;
|
|
if (move.bodyX - div.offsetWidth - realX < 20) {
|
|
div.style.left = '';
|
|
div.style.right = '0px';
|
|
} else {
|
|
div.style.left = left + 'px';
|
|
div.style.right = '';
|
|
}
|
|
realY = move.divY + (e.clientY - move.clientY);
|
|
// y + dy
|
|
top = realY < 20 ? 0 : realY;
|
|
if (move.bodyY - div.offsetHeight - realY < 20) {
|
|
div.style.top = '';
|
|
div.style.bottom = '0px';
|
|
return div.style.bottom;
|
|
} else {
|
|
div.style.top = top + 'px';
|
|
div.style.bottom = '';
|
|
return div.style.bottom;
|
|
}
|
|
};
|
|
mouseup = function mouseup() {
|
|
var id;
|
|
id = move.div.id;
|
|
GM_setValue(("" + (id) + "Left"), move.div.style.left);
|
|
GM_setValue(("" + (id) + "Top"), move.div.style.top);
|
|
window.removeEventListener('mousemove', mousemove, true);
|
|
return window.removeEventListener('mouseup', mouseup, true);
|
|
};
|
|
//x-browser
|
|
if (typeof GM_deleteValue === 'undefined') {
|
|
this.GM_setValue = function GM_setValue(name, value) {
|
|
value = (typeof value)[0] + value;
|
|
return localStorage.setItem(name, value);
|
|
};
|
|
this.GM_getValue = function GM_getValue(name, defaultValue) {
|
|
var type, value;
|
|
if (!(value = localStorage.getItem(name))) {
|
|
return defaultValue;
|
|
}
|
|
type = value[0];
|
|
value = value.substring(1);
|
|
if (type === 'b') {
|
|
return value === 'true';
|
|
} else if (type === 'n') {
|
|
return Number(value);
|
|
} else {
|
|
return value;
|
|
}
|
|
};
|
|
this.GM_addStyle = function GM_addStyle(css) {
|
|
var style;
|
|
style = tag('style');
|
|
style.type = 'text/css';
|
|
style.textContent = css;
|
|
return $('head', document).appendChild(style);
|
|
};
|
|
}
|
|
GM_addStyle(' \
|
|
#filter { \
|
|
position: fixed; \
|
|
text-align: right; \
|
|
border: 1px solid; \
|
|
} \
|
|
#filter.autohide:not(:hover){ \
|
|
background: rgba(0,0,0,0); \
|
|
border: none; \
|
|
} \
|
|
#filter.autohide:not(:hover) > div { \
|
|
display: none; \
|
|
} \
|
|
#filter.autohide:not(:hover) > div.top { \
|
|
display: block; \
|
|
padding: 0; \
|
|
} \
|
|
#filter.autohide a:last-child { \
|
|
font-weight: bold; \
|
|
} \
|
|
#filter > div { \
|
|
padding: 0 5px 0 5px; \
|
|
} \
|
|
#filter > .top { \
|
|
padding: 5px 5px 0 5px; \
|
|
} \
|
|
#filter > .bottom { \
|
|
padding: 0 5px 5px 5px; \
|
|
} \
|
|
.move { \
|
|
cursor: move; \
|
|
} \
|
|
.pointer { \
|
|
cursor: pointer; \
|
|
} \
|
|
.hide { \
|
|
display: none; \
|
|
} \
|
|
');
|
|
filterSingle = function filterSingle(table, regex) {
|
|
var _a, _b, _c, _d, _e, family, s;
|
|
_a = regex;
|
|
for (family in _a) { if (__hasProp.call(_a, family)) {
|
|
if (family === 'Name') {
|
|
s = $('span.commentpostername', table).textContent;
|
|
} else if (family === 'Tripcode') {
|
|
s = ((_b = $('span.postertrip', table)) == undefined ? undefined : _b.textContent) || '';
|
|
} else if (family === 'Email') {
|
|
s = (_c = $('a.linkmail', table)) == undefined ? undefined : _c.href.slice(7) || '';
|
|
} else if (family === 'Subject') {
|
|
s = ((_d = $('span.filetitle', table)) == undefined ? undefined : _d.textContent) || '';
|
|
} else if (family === 'Comment') {
|
|
s = $('blockquote', table).textContent;
|
|
} else if (family === 'File') {
|
|
s = ((_e = $('span.filesize', table)) == undefined ? undefined : _e.textContent) || '';
|
|
}
|
|
if (regex[family].test(s)) {
|
|
return true;
|
|
}
|
|
}}
|
|
};
|
|
filterAll = function filterAll() {
|
|
var _a, _b, _c, _d, _e, _f, hideCount, images, input, inputs, regex, table, tables, value;
|
|
regex = {};
|
|
inputs = $$('input', filter);
|
|
_b = inputs;
|
|
for (_a = 0, _c = _b.length; _a < _c; _a++) {
|
|
input = _b[_a];
|
|
value = input.value;
|
|
GM_setValue(input.name, value);
|
|
value ? (regex[input.name] = new RegExp(value, 'i')) : null;
|
|
}
|
|
hideCount = 0;
|
|
tables = $$('form[name="delform"] table');
|
|
tables.pop();
|
|
tables.pop();
|
|
_e = tables;
|
|
for (_d = 0, _f = _e.length; _d < _f; _d++) {
|
|
table = _e[_d];
|
|
if (filterSingle(table, regex)) {
|
|
table.className = 'hide';
|
|
hideCount++;
|
|
} else {
|
|
table.className = '';
|
|
}
|
|
}
|
|
images = $$('img[md5]');
|
|
filter.firstChild.textContent = ("Images: " + (images.length) + " Replies: " + (tables.length) + " / " + hideCount);
|
|
return filter.firstChild.textContent;
|
|
};
|
|
keydown = function keydown(e) {
|
|
if (e.keyCode === 13) {
|
|
//enter
|
|
return filterAll();
|
|
}
|
|
};
|
|
resetF = function resetF() {
|
|
var _a, _b, _c, _d, table, tables;
|
|
tables = $$('form[name="delform"] table');
|
|
tables.pop();
|
|
tables.pop();
|
|
_a = []; _c = tables;
|
|
for (_b = 0, _d = _c.length; _b < _d; _b++) {
|
|
table = _c[_b];
|
|
_a.push((table.className = ''));
|
|
}
|
|
return _a;
|
|
};
|
|
autoHideF = function autoHideF() {
|
|
filter.className === 'reply' ? (filter.className = 'reply autohide') : (filter.className = 'reply');
|
|
return GM_setValue('className', filter.className);
|
|
};
|
|
filter = tag('div');
|
|
filter.id = 'filter';
|
|
filter.className = GM_getValue('className', 'reply');
|
|
position(filter);
|
|
bar = tag('div');
|
|
bar.className = 'move top';
|
|
bar.addEventListener('mousedown', mousedown, true);
|
|
filter.appendChild(bar);
|
|
fields = ['Name', 'Tripcode', 'Email', 'Subject', 'Comment', 'File'];
|
|
_b = fields;
|
|
for (_a = 0, _c = _b.length; _a < _c; _a++) {
|
|
field = _b[_a];
|
|
div = tag('div');
|
|
label = tag('label');
|
|
label.appendChild(text(field));
|
|
input = tag('input');
|
|
input.value = GM_getValue(field, '');
|
|
input.name = field;
|
|
input.addEventListener('keydown', keydown, true);
|
|
label.appendChild(input);
|
|
div.appendChild(label);
|
|
filter.appendChild(div);
|
|
}
|
|
apply = tag('a');
|
|
apply.textContent = 'apply';
|
|
apply.className = 'pointer';
|
|
apply.addEventListener('click', filterAll, true);
|
|
reset = tag('a');
|
|
reset.textContent = 'reset';
|
|
reset.className = 'pointer';
|
|
reset.addEventListener('click', resetF, true);
|
|
autoHide = tag('a');
|
|
autoHide.textContent = 'autohide';
|
|
autoHide.className = 'pointer';
|
|
autoHide.addEventListener('click', autoHideF, true);
|
|
div = tag('div');
|
|
div.className = 'bottom';
|
|
div.appendChild(apply);
|
|
div.appendChild(text(' '));
|
|
div.appendChild(reset);
|
|
div.appendChild(text(' '));
|
|
div.appendChild(autoHide);
|
|
filter.appendChild(div);
|
|
document.body.appendChild(filter);
|
|
filterAll();
|
|
})();
|