tabify
This commit is contained in:
Jeff Becker
parent
54fde6ae2e
commit
b3d65dc5b9
@ -2,33 +2,33 @@
|
||||
var _onreadyfuncs = [];
|
||||
|
||||
var onready = function(f) {
|
||||
_onreadyfuncs.push(function() {f();});
|
||||
_onreadyfuncs.push(function() {f();});
|
||||
};
|
||||
|
||||
var ready = function() {
|
||||
for(var idx = 0; idx < _onreadyfuncs.length; idx++) _onreadyfuncs[idx]();
|
||||
for(var idx = 0; idx < _onreadyfuncs.length; idx++) _onreadyfuncs[idx]();
|
||||
};
|
||||
|
||||
|
||||
var quickreply = function(shorthash, longhash, url) {
|
||||
if (!window.location.pathname.startsWith("/t/"))
|
||||
{
|
||||
window.location.href = url;
|
||||
return;
|
||||
}
|
||||
var elem = document.getElementById("comment");
|
||||
if(!elem) return;
|
||||
elem.value += ">>" + shorthash + "\n";
|
||||
if (!window.location.pathname.startsWith("/t/"))
|
||||
{
|
||||
window.location.href = url;
|
||||
return;
|
||||
}
|
||||
var elem = document.getElementById("comment");
|
||||
if(!elem) return;
|
||||
elem.value += ">>" + shorthash + "\n";
|
||||
};
|
||||
|
||||
var get_storage = function() {
|
||||
var st = null;
|
||||
if (window.localStorage) {
|
||||
st = window.localStorage;
|
||||
} else if (localStorage) {
|
||||
st = localStorage;
|
||||
}
|
||||
return st;
|
||||
var st = null;
|
||||
if (window.localStorage) {
|
||||
st = window.localStorage;
|
||||
} else if (localStorage) {
|
||||
st = localStorage;
|
||||
}
|
||||
return st;
|
||||
};
|
||||
|
||||
var setSrcQuery = function(e, q) {
|
||||
@ -149,7 +149,7 @@ onready(function() {
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
// captcha reload
|
||||
@ -166,258 +166,258 @@ onready(function(){
|
||||
// rewrite all images to add inline expand
|
||||
onready(function() {
|
||||
|
||||
// is the filename matching an image?
|
||||
var filenameIsImage = function(fname) {
|
||||
return /\.(gif|jpeg|jpg|png|webp)/.test(fname.toLowerCase());
|
||||
};
|
||||
// is the filename matching an image?
|
||||
var filenameIsImage = function(fname) {
|
||||
return /\.(gif|jpeg|jpg|png|webp)/.test(fname.toLowerCase());
|
||||
};
|
||||
|
||||
// setup image inlining for 1 element
|
||||
var setupInlineImage = function(thumb, url) {
|
||||
if(thumb.inlineIsSetUp) return;
|
||||
thumb.inlineIsSetUp = true;
|
||||
var img = thumb.querySelector("img.image");
|
||||
var expanded = false;
|
||||
var oldurl = img.src;
|
||||
thumb.onclick = function() {
|
||||
if (expanded) {
|
||||
img.setAttribute("class", "image");
|
||||
img.src = oldurl;
|
||||
expanded = false;
|
||||
} else {
|
||||
img.setAttribute("class", "expanded-thumbnail");
|
||||
img.src = url;
|
||||
expanded = true;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
// setup image inlining for 1 element
|
||||
var setupInlineImage = function(thumb, url) {
|
||||
if(thumb.inlineIsSetUp) return;
|
||||
thumb.inlineIsSetUp = true;
|
||||
var img = thumb.querySelector("img.image");
|
||||
var expanded = false;
|
||||
var oldurl = img.src;
|
||||
thumb.onclick = function() {
|
||||
if (expanded) {
|
||||
img.setAttribute("class", "image");
|
||||
img.src = oldurl;
|
||||
expanded = false;
|
||||
} else {
|
||||
img.setAttribute("class", "expanded-thumbnail");
|
||||
img.src = url;
|
||||
expanded = true;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
};
|
||||
|
||||
// set up image inlining for all applicable children in an element
|
||||
var setupInlineImageIn = function(element) {
|
||||
var thumbs = element.querySelectorAll("a.image_link");
|
||||
for ( var i = 0 ; i < thumbs.length ; i++ ) {
|
||||
var url = thumbs[i].href;
|
||||
if (filenameIsImage(url)) {
|
||||
// match
|
||||
setupInlineImage(thumbs[i], url);
|
||||
}
|
||||
}
|
||||
};
|
||||
// Setup Javascript events for document
|
||||
setupInlineImageIn(document);
|
||||
|
||||
// Setup Javascript events via updater
|
||||
if (window.MutationObserver) {
|
||||
var observer = new MutationObserver(function(mutations) {
|
||||
for (var i = 0; i < mutations.length; i++) {
|
||||
var additions = mutations[i].addedNodes;
|
||||
if (additions == null) continue;
|
||||
for (var j = 0; j < additions.length; j++) {
|
||||
var node = additions[j];
|
||||
if (node.nodeType == 1) {
|
||||
setupInlineImageIn(node);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
observer.observe(document.body, {childList: true, subtree: true});
|
||||
// set up image inlining for all applicable children in an element
|
||||
var setupInlineImageIn = function(element) {
|
||||
var thumbs = element.querySelectorAll("a.image_link");
|
||||
for ( var i = 0 ; i < thumbs.length ; i++ ) {
|
||||
var url = thumbs[i].href;
|
||||
if (filenameIsImage(url)) {
|
||||
// match
|
||||
setupInlineImage(thumbs[i], url);
|
||||
}
|
||||
}
|
||||
};
|
||||
// Setup Javascript events for document
|
||||
setupInlineImageIn(document);
|
||||
|
||||
// Setup Javascript events via updater
|
||||
if (window.MutationObserver) {
|
||||
var observer = new MutationObserver(function(mutations) {
|
||||
for (var i = 0; i < mutations.length; i++) {
|
||||
var additions = mutations[i].addedNodes;
|
||||
if (additions == null) continue;
|
||||
for (var j = 0; j < additions.length; j++) {
|
||||
var node = additions[j];
|
||||
if (node.nodeType == 1) {
|
||||
setupInlineImageIn(node);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
observer.observe(document.body, {childList: true, subtree: true});
|
||||
}
|
||||
});
|
||||
|
||||
// set up post hider
|
||||
onready(function() {
|
||||
|
||||
var get_hidden_posts = function() {
|
||||
var st = get_storage();
|
||||
var prefix = "nntpchan_hide_post_";
|
||||
return {
|
||||
all : function() {
|
||||
var msgids = [];
|
||||
for ( var k in st) {
|
||||
if (k.indexOf(prefix) == 0) {
|
||||
var m = k.substring(prefix.length);
|
||||
msgids.push(m);
|
||||
}
|
||||
}
|
||||
return msgids;
|
||||
},
|
||||
var get_hidden_posts = function() {
|
||||
var st = get_storage();
|
||||
var prefix = "nntpchan_hide_post_";
|
||||
return {
|
||||
all : function() {
|
||||
var msgids = [];
|
||||
for ( var k in st) {
|
||||
if (k.indexOf(prefix) == 0) {
|
||||
var m = k.substring(prefix.length);
|
||||
msgids.push(m);
|
||||
}
|
||||
}
|
||||
return msgids;
|
||||
},
|
||||
|
||||
add : function (msg) {
|
||||
st[prefix+msg] = "post";
|
||||
},
|
||||
add : function (msg) {
|
||||
st[prefix+msg] = "post";
|
||||
},
|
||||
|
||||
del : function (msg) {
|
||||
st.removeItem(prefix+msg);
|
||||
}
|
||||
};
|
||||
del : function (msg) {
|
||||
st.removeItem(prefix+msg);
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
// is a post elem an OP?
|
||||
var postIsOP = function(elem) {
|
||||
var ds = elem.dataset;
|
||||
return ds && ds.rootmsgid == ds.msgid ;
|
||||
};
|
||||
// is a post elem an OP?
|
||||
var postIsOP = function(elem) {
|
||||
var ds = elem.dataset;
|
||||
return ds && ds.rootmsgid == ds.msgid ;
|
||||
};
|
||||
|
||||
var hide_elem = function(elem, fade) {
|
||||
if (elem.style) {
|
||||
elem.style.display = "none";
|
||||
} else {
|
||||
elem.style = {display: "none" };
|
||||
}
|
||||
elem.dataset.userhide = "yes";
|
||||
};
|
||||
|
||||
var unhide_elem = function(elem) {
|
||||
elem.style = "";
|
||||
elem.dataset.userhide = "no";
|
||||
};
|
||||
|
||||
// return true if element is hidden
|
||||
var elemIsHidden = function(elem) {
|
||||
return elem.dataset && elem.dataset.userhide == "yes";
|
||||
};
|
||||
|
||||
// hide a post
|
||||
var hidepost = function(elem, nofade) {
|
||||
console.log("hidepost("+elem.dataset.msgid+")");
|
||||
var posts = get_hidden_posts();
|
||||
if (posts) {
|
||||
// add to persitant hide
|
||||
posts.add(elem.dataset.msgidhash);
|
||||
}
|
||||
if(postIsOP(elem)) {
|
||||
// hide thread it's an OP
|
||||
var thread = document.getElementById("thread_"+elem.dataset.rootmsgidhash);
|
||||
if (thread) {
|
||||
var e = thread.getElementsByClassName("post");
|
||||
for ( var idx = 0; idx < e.length ; idx ++ ) {
|
||||
if (e[idx].dataset.msgid == elem.dataset.msgid) continue; // don't apply
|
||||
hidepost(e[idx]);
|
||||
}
|
||||
}
|
||||
}
|
||||
// hide attachments and post body
|
||||
var es = elem.getElementsByClassName("image");
|
||||
for (var idx = 0; idx < es.length ; idx ++ ) {
|
||||
hide_elem(es[idx]);
|
||||
}
|
||||
es = elem.getElementsByClassName("message_span");
|
||||
for (var idx = 0; idx < es.length ; idx ++ ) {
|
||||
hide_elem(es[idx]);
|
||||
}
|
||||
es = elem.getElementsByClassName("topicline");
|
||||
for (var idx = 0; idx < es.length ; idx ++ ) {
|
||||
hide_elem(es[idx]);
|
||||
}
|
||||
elem.dataset.userhide = "yes";
|
||||
elem.setHideLabel("[show]");
|
||||
};
|
||||
|
||||
// unhide a post
|
||||
var unhidepost = function(elem) {
|
||||
console.log("unhidepost("+elem.dataset.msgid+")");
|
||||
var posts = get_hidden_posts();
|
||||
if (posts) {
|
||||
// remove from persiting hide
|
||||
posts.del(elem.dataset.msgidhash);
|
||||
}
|
||||
if(postIsOP(elem)) {
|
||||
var thread = document.getElementById("thread_"+elem.dataset.rootmsgidhash);
|
||||
if(thread) {
|
||||
var e = thread.getElementsByClassName("post");
|
||||
for ( var idx = 0; idx < e.length ; idx ++ ) {
|
||||
if(e[idx].dataset.msgid == elem.dataset.msgid) continue;
|
||||
unhidepost(e[idx]);
|
||||
}
|
||||
}
|
||||
}
|
||||
// unhide attachments and post body
|
||||
var es = elem.getElementsByClassName("image");
|
||||
for (var idx = 0; idx < es.length ; idx ++ ) {
|
||||
unhide_elem(es[idx]);
|
||||
}
|
||||
es = elem.getElementsByClassName("message_span");
|
||||
for (var idx = 0; idx < es.length ; idx ++ ) {
|
||||
unhide_elem(es[idx]);
|
||||
}
|
||||
es = elem.getElementsByClassName("topicline");
|
||||
for (var idx = 0; idx < es.length ; idx ++ ) {
|
||||
unhide_elem(es[idx]);
|
||||
}
|
||||
elem.dataset.userhide = "no";
|
||||
elem.setHideLabel("[hide]");
|
||||
};
|
||||
|
||||
// hide a post given a callback that checks each post
|
||||
var hideposts = function(check_func) {
|
||||
var es = document.getElementsByClassName("post");
|
||||
for ( var idx = 0; idx < es.length ; idx ++ ) {
|
||||
var elem = es[idx];
|
||||
if(check_func && elem && check_func(elem)) {
|
||||
hidepost(elem);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// unhide all posts given callback
|
||||
// if callback is null unhide all
|
||||
var unhideall = function(check_func) {
|
||||
var es = document.getElementsByClassName("post");
|
||||
for (var idx=0 ; idx < es.length; idx ++ ) {
|
||||
var elem = es[idx];
|
||||
if(!check_func) { unhide(elem); }
|
||||
else if(check_func(elem)) { unhide(elem); }
|
||||
}
|
||||
};
|
||||
|
||||
// inject posthide into page
|
||||
|
||||
var posts = document.getElementsByClassName("post");
|
||||
for (var idx = 0 ; idx < posts.length; idx++ ) {
|
||||
var inject = function (elem) {
|
||||
var hider = document.createElement("a");
|
||||
hider.setAttribute("class", "hider");
|
||||
elem.setHideLabel = function (txt) {
|
||||
var e_hider = hider;
|
||||
e_hider.innerHTML = txt;
|
||||
};
|
||||
elem.hidepost = function() {
|
||||
var e_self = elem;
|
||||
var e_hider = hider;
|
||||
hidepost(e_self);
|
||||
};
|
||||
elem.unhidepost = function() {
|
||||
var e_self = elem;
|
||||
var e_hider = hider;
|
||||
unhidepost(e_self);
|
||||
};
|
||||
elem.isHiding = function() {
|
||||
var e_self = elem;
|
||||
return elemIsHidden(e_self);
|
||||
};
|
||||
hider.appendChild(document.createTextNode("[hide]"));
|
||||
hider.onclick = function() {
|
||||
var e_self = elem;
|
||||
if(e_self.isHiding()) {
|
||||
e_self.unhidepost();
|
||||
} else {
|
||||
e_self.hidepost();
|
||||
}
|
||||
};
|
||||
elem.appendChild(hider);
|
||||
};
|
||||
inject(posts[idx]);
|
||||
var hide_elem = function(elem, fade) {
|
||||
if (elem.style) {
|
||||
elem.style.display = "none";
|
||||
} else {
|
||||
elem.style = {display: "none" };
|
||||
}
|
||||
// apply persiting hidden posts
|
||||
posts = get_hidden_posts();
|
||||
if(posts) {
|
||||
var all = posts.all();
|
||||
for ( var idx = 0 ; idx < all.length; idx ++ ) {
|
||||
var id = all[idx];
|
||||
var elem = document.getElementById(id);
|
||||
if(elem)
|
||||
hidepost(elem, true);
|
||||
}
|
||||
elem.dataset.userhide = "yes";
|
||||
};
|
||||
|
||||
var unhide_elem = function(elem) {
|
||||
elem.style = "";
|
||||
elem.dataset.userhide = "no";
|
||||
};
|
||||
|
||||
// return true if element is hidden
|
||||
var elemIsHidden = function(elem) {
|
||||
return elem.dataset && elem.dataset.userhide == "yes";
|
||||
};
|
||||
|
||||
// hide a post
|
||||
var hidepost = function(elem, nofade) {
|
||||
console.log("hidepost("+elem.dataset.msgid+")");
|
||||
var posts = get_hidden_posts();
|
||||
if (posts) {
|
||||
// add to persitant hide
|
||||
posts.add(elem.dataset.msgidhash);
|
||||
}
|
||||
if(postIsOP(elem)) {
|
||||
// hide thread it's an OP
|
||||
var thread = document.getElementById("thread_"+elem.dataset.rootmsgidhash);
|
||||
if (thread) {
|
||||
var e = thread.getElementsByClassName("post");
|
||||
for ( var idx = 0; idx < e.length ; idx ++ ) {
|
||||
if (e[idx].dataset.msgid == elem.dataset.msgid) continue; // don't apply
|
||||
hidepost(e[idx]);
|
||||
}
|
||||
}
|
||||
}
|
||||
// hide attachments and post body
|
||||
var es = elem.getElementsByClassName("image");
|
||||
for (var idx = 0; idx < es.length ; idx ++ ) {
|
||||
hide_elem(es[idx]);
|
||||
}
|
||||
es = elem.getElementsByClassName("message_span");
|
||||
for (var idx = 0; idx < es.length ; idx ++ ) {
|
||||
hide_elem(es[idx]);
|
||||
}
|
||||
es = elem.getElementsByClassName("topicline");
|
||||
for (var idx = 0; idx < es.length ; idx ++ ) {
|
||||
hide_elem(es[idx]);
|
||||
}
|
||||
elem.dataset.userhide = "yes";
|
||||
elem.setHideLabel("[show]");
|
||||
};
|
||||
|
||||
// unhide a post
|
||||
var unhidepost = function(elem) {
|
||||
console.log("unhidepost("+elem.dataset.msgid+")");
|
||||
var posts = get_hidden_posts();
|
||||
if (posts) {
|
||||
// remove from persiting hide
|
||||
posts.del(elem.dataset.msgidhash);
|
||||
}
|
||||
if(postIsOP(elem)) {
|
||||
var thread = document.getElementById("thread_"+elem.dataset.rootmsgidhash);
|
||||
if(thread) {
|
||||
var e = thread.getElementsByClassName("post");
|
||||
for ( var idx = 0; idx < e.length ; idx ++ ) {
|
||||
if(e[idx].dataset.msgid == elem.dataset.msgid) continue;
|
||||
unhidepost(e[idx]);
|
||||
}
|
||||
}
|
||||
}
|
||||
// unhide attachments and post body
|
||||
var es = elem.getElementsByClassName("image");
|
||||
for (var idx = 0; idx < es.length ; idx ++ ) {
|
||||
unhide_elem(es[idx]);
|
||||
}
|
||||
es = elem.getElementsByClassName("message_span");
|
||||
for (var idx = 0; idx < es.length ; idx ++ ) {
|
||||
unhide_elem(es[idx]);
|
||||
}
|
||||
es = elem.getElementsByClassName("topicline");
|
||||
for (var idx = 0; idx < es.length ; idx ++ ) {
|
||||
unhide_elem(es[idx]);
|
||||
}
|
||||
elem.dataset.userhide = "no";
|
||||
elem.setHideLabel("[hide]");
|
||||
};
|
||||
|
||||
// hide a post given a callback that checks each post
|
||||
var hideposts = function(check_func) {
|
||||
var es = document.getElementsByClassName("post");
|
||||
for ( var idx = 0; idx < es.length ; idx ++ ) {
|
||||
var elem = es[idx];
|
||||
if(check_func && elem && check_func(elem)) {
|
||||
hidepost(elem);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// unhide all posts given callback
|
||||
// if callback is null unhide all
|
||||
var unhideall = function(check_func) {
|
||||
var es = document.getElementsByClassName("post");
|
||||
for (var idx=0 ; idx < es.length; idx ++ ) {
|
||||
var elem = es[idx];
|
||||
if(!check_func) { unhide(elem); }
|
||||
else if(check_func(elem)) { unhide(elem); }
|
||||
}
|
||||
};
|
||||
|
||||
// inject posthide into page
|
||||
var inject = function (elem) {
|
||||
var hider = document.createElement("a");
|
||||
hider.setAttribute("class", "hider");
|
||||
elem.setHideLabel = function (txt) {
|
||||
var e_hider = hider;
|
||||
e_hider.innerHTML = txt;
|
||||
};
|
||||
elem.hidepost = function() {
|
||||
var e_self = elem;
|
||||
var e_hider = hider;
|
||||
hidepost(e_self);
|
||||
};
|
||||
elem.unhidepost = function() {
|
||||
var e_self = elem;
|
||||
var e_hider = hider;
|
||||
unhidepost(e_self);
|
||||
};
|
||||
elem.isHiding = function() {
|
||||
var e_self = elem;
|
||||
return elemIsHidden(e_self);
|
||||
};
|
||||
hider.appendChild(document.createTextNode("[hide]"));
|
||||
hider.onclick = function() {
|
||||
var e_self = elem;
|
||||
if(e_self.isHiding()) {
|
||||
e_self.unhidepost();
|
||||
} else {
|
||||
e_self.hidepost();
|
||||
}
|
||||
};
|
||||
elem.appendChild(hider);
|
||||
};
|
||||
|
||||
var posts = document.getElementsByClassName("post");
|
||||
for (var idx = 0 ; idx < posts.length; idx++ ) {
|
||||
inject(posts[idx]);
|
||||
}
|
||||
// apply persiting hidden posts
|
||||
posts = get_hidden_posts();
|
||||
if(posts) {
|
||||
var all = posts.all();
|
||||
for ( var idx = 0 ; idx < all.length; idx ++ ) {
|
||||
var id = all[idx];
|
||||
var elem = document.getElementById(id);
|
||||
if(elem)
|
||||
hidepost(elem, true);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user