From 120357dacda9d3fe7016ba551f21528db282e2ee Mon Sep 17 00:00:00 2001 From: Jeff Becker Date: Wed, 19 Apr 2017 11:05:32 -0400 Subject: [PATCH] thread / post hider --- contrib/static/overchan.js | 274 ++++++++++++++++++++++ contrib/templates/placebo/board.mustache | 5 +- contrib/templates/placebo/post.mustache | 4 +- contrib/templates/placebo/thread.mustache | 3 + contrib/templates/placebo/ukko.mustache | 5 +- 5 files changed, 287 insertions(+), 4 deletions(-) diff --git a/contrib/static/overchan.js b/contrib/static/overchan.js index 377fc6b..181c0eb 100644 --- a/contrib/static/overchan.js +++ b/contrib/static/overchan.js @@ -1,4 +1,15 @@ +var _onreadyfuncs = []; + +function onready(f) { + _onreadyfuncs.push(function() {f();}); +} + +function ready() { + for (var f in _onreadyfuncs) f(); +} + + function quickreply(shorthash, longhash, url) { if (!window.location.pathname.startsWith("/t/")) { @@ -9,3 +20,266 @@ function quickreply(shorthash, longhash, url) { if(!elem) return; elem.value += ">>" + shorthash + "\n"; } + +function get_storage() { + var st = null; + if (window.localStorage) { + st = window.localStorage; + } else if (localStorage) { + st = localStorage; + } + return st; +} + + + +// 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()); + }; + + // 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 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; + }, + + add : function (msg) { + st[prefix+msg] = "post"; + }, + + 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 ; + }; + + 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]); + } + 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]); + } + 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]); + } + // 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); + } + } +}); diff --git a/contrib/templates/placebo/board.mustache b/contrib/templates/placebo/board.mustache index a9b2565..c587d85 100644 --- a/contrib/templates/placebo/board.mustache +++ b/contrib/templates/placebo/board.mustache @@ -32,7 +32,7 @@ {{{form}}} {{#board.Threads}} {{#Truncate}} -
+
{{{OP.RenderPost}}}
{{MissingPostCount}} posts excluded
{{#Replies}} @@ -47,5 +47,8 @@

To make a DMCA request or report illegal content, please contact the administration

+ diff --git a/contrib/templates/placebo/post.mustache b/contrib/templates/placebo/post.mustache index d96547e..61dba1f 100644 --- a/contrib/templates/placebo/post.mustache +++ b/contrib/templates/placebo/post.mustache @@ -1,9 +1,9 @@
To make a DMCA request or report illegal content, please contact the administration

+ diff --git a/contrib/templates/placebo/ukko.mustache b/contrib/templates/placebo/ukko.mustache index 2ca5f74..9d26f83 100644 --- a/contrib/templates/placebo/ukko.mustache +++ b/contrib/templates/placebo/ukko.mustache @@ -37,7 +37,7 @@
{{#threads}} {{#Truncate}} -
+
Posted on {{Board}}
{{{OP.RenderTruncatedPost}}} @@ -54,5 +54,8 @@

All posts on this site are the responsibility of the individual poster and not the administration, pursuant to 47 U.S.C. ยง 230.

To make a DMCA request or report illegal content, please contact the administration

+