(function(){ var $, $$, _a, _b, _c, _d, _e, _f, _g, a, addClass, autoHide, bar, box, cancel, div, f, field, fields, filter, filterAll, filterSingle, filters, inBefore, input, keydown, label, mousedown, mousemove, mouseup, move, name, option, options, position, remove, reset, save, select, 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; }; inBefore = function inBefore(root, el) { return root.parentNode.insertBefore(el, root); }; tag = function tag(el) { return document.createElement(el); }; text = function text(s) { return document.createTextNode(s); }; remove = function remove(root) { return root.parentNode.removeChild(root); }; 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(' \ #box, #box_options { \ position: fixed; \ text-align: right; \ border: 1px solid; \ } \ #box.autohide:not(:hover){ \ background: rgba(0,0,0,0); \ border: none; \ } \ #box.autohide:not(:hover) > div { \ display: none; \ } \ #box.autohide:not(:hover) > div.top { \ display: block; \ padding: 0; \ } \ #box.autohide a:last-child { \ font-weight: bold; \ } \ #box > div { \ padding: 0 5px 0 5px; \ } \ #box > .top { \ padding: 5px 5px 0 5px; \ } \ #box > .bottom { \ padding: 0 5px 5px 5px; \ } \ .move { \ cursor: move; \ } \ .pointer, #box a, #box_options a { \ cursor: pointer; \ } \ .hide { \ display: none; \ } \ '); filterSingle = function filterSingle(table, filter) { var _a, _b, _c, _d, _e, field, s; _a = filter; for (field in _a) { if (__hasProp.call(_a, field)) { if (field === 'Name') { s = $('span.commentpostername', table).textContent; } else if (field === 'Tripcode') { s = ((_b = $('span.postertrip', table)) == undefined ? undefined : _b.textContent) || ''; } else if (field === 'Email') { s = (_c = $('a.linkmail', table)) == undefined ? undefined : _c.href.slice(7) || ''; } else if (field === 'Subject') { s = ((_d = $('span.filetitle', table)) == undefined ? undefined : _d.textContent) || ''; } else if (field === 'Comment') { s = $('blockquote', table).textContent; } else if (field === 'File') { s = ((_e = $('span.filesize', table)) == undefined ? undefined : _e.textContent) || ''; } if (filter[field].test(s)) { return true; } }} }; filterAll = function filterAll() { var _a, _b, _c, _d, _e, _f, _g, _h, _i, compiled, field, filter, imagesCount, input, inputs, table, tables, value; filter = {}; inputs = $$('input', box); _b = inputs; for (_a = 0, _c = _b.length; _a < _c; _a++) { input = _b[_a]; (value = input.value) ? (filter[input.name] = value) : null; } filters[select.value] = filter; GM_setValue('filters', JSON.stringify(filters)); //so ugly compiled = filters; _d = compiled; for (filter in _d) { if (__hasProp.call(_d, filter)) { _e = compiled[filter]; for (field in _e) { if (__hasProp.call(_e, field)) { compiled[filter][field] = new RegExp(compiled[filter][field], 'i'); }} }} tables = reset(); _g = tables; for (_f = 0, _h = _g.length; _f < _h; _f++) { table = _g[_f]; _i = compiled; for (filter in _i) { if (__hasProp.call(_i, filter)) { filterSingle(table, compiled[filter]) ? (table.className = filter) : null; }} } imagesCount = $$('img[md5]').length; box.firstChild.textContent = ("Images: " + imagesCount + " Replies: " + (tables.length)); return box.firstChild.textContent; }; keydown = function keydown(e) { if (e.keyCode === 13) { //enter return filterAll(); } }; reset = function reset() { var _a, _b, _c, table, tables; tables = $$('form[name="delform"] table'); tables.pop(); tables.pop(); _b = tables; for (_a = 0, _c = _b.length; _a < _c; _a++) { table = _b[_a]; table.className = ''; } return tables; }; autoHide = function autoHide() { box.className === 'reply' ? (box.className = 'reply autohide') : (box.className = 'reply'); return GM_setValue('className', box.className); }; save = function save() { var _a, _b, _c, div, input, inputs, value; div = this.parentNode.parentNode; inputs = $$('input:enabled', div); _b = inputs; for (_a = 0, _c = _b.length; _a < _c; _a++) { input = _b[_a]; (value = input.value) ? (filters[value] = {}) : null; } GM_setValue('filters', JSON.stringify(filters)); return remove(div); }; cancel = function cancel() { var div; div = this.parentNode.parentNode; return remove(div); }; addClass = function addClass() { var div, input; div = tag('div'); input = tag('input'); div.appendChild(input); inBefore(this, div); return input.focus(); }; options = function options() { var _a, a, bar, div, filter, filters, input, opt; if ((opt = $('#box_options'))) { return remove(opt); } else { opt = tag('div'); opt.id = 'box_options'; opt.className = 'reply'; position(opt); bar = tag('div'); bar.textContent = 'Options'; bar.className = 'move'; bar.addEventListener('mousedown', mousedown, true); opt.appendChild(bar); filters = JSON.parse(GM_getValue('filters', '{ "hide": {} }')); _a = filters; for (filter in _a) { if (__hasProp.call(_a, filter)) { div = tag('div'); input = tag('input'); input.value = filter; input.disabled = true; div.appendChild(input); opt.appendChild(div); }} div = tag('div'); a = tag('a'); a.textContent = 'Add Class'; a.addEventListener('click', addClass, true); div.appendChild(a); opt.appendChild(div); div = tag('div'); a = tag('a'); a.textContent = 'save'; a.addEventListener('click', save, true); div.appendChild(a); div.appendChild(text(' ')); a = tag('a'); a.textContent = 'cancel'; a.addEventListener('click', cancel, true); div.appendChild(a); opt.appendChild(div); return document.body.appendChild(opt); } }; box = tag('div'); box.id = 'box'; box.className = GM_getValue('className', 'reply'); position(box); bar = tag('div'); bar.className = 'move top'; bar.addEventListener('mousedown', mousedown, true); box.appendChild(bar); select = tag('select'); filters = JSON.parse(GM_getValue('filters', '{ "hide": {} }')); _a = filters; for (filter in _a) { if (__hasProp.call(_a, filter)) { option = tag('option'); option.textContent = filter; select.appendChild(option); }} box.appendChild(select); //currently displayed filter filter = filters[select.value]; fields = ['Name', 'Tripcode', 'Email', 'Subject', 'Comment', 'File']; _c = fields; for (_b = 0, _d = _c.length; _b < _d; _b++) { field = _c[_b]; div = tag('div'); label = tag('label'); label.textContent = field; input = tag('input'); input.value = filter[field] || ''; input.name = field; input.addEventListener('keydown', keydown, true); label.appendChild(input); div.appendChild(label); box.appendChild(div); } div = tag('div'); div.className = 'bottom'; _f = ['apply', 'reset', 'options', 'autohide']; for (_e = 0, _g = _f.length; _e < _g; _e++) { name = _f[_e]; a = tag('a'); a.textContent = name; if (name === 'apply') { f = filterAll; } else if (name === 'reset') { f = reset; } else if (name === 'options') { f = options; } else if (name === 'autohide') { f = autoHide; } a.addEventListener('click', f, true); div.appendChild(a); div.appendChild(text(' ')); } box.appendChild(div); document.body.appendChild(box); filterAll(); })();