// ==UserScript==
// @name 4chan Gallery
// @version 2.1.13
// @description Adds board title, catalog, images, and style to the top bar.
// @include http://boards.4chan.org/*
// @include https://boards.4chan.org/*
// @namespace https://greasyfork.org/users/3159
// @grant GM_getValue
// @grant GM_setValue
// @run-at document-end
// ==/UserScript==
var bname = document.getElementsByClassName("boardTitle")[0].innerHTML;
if (bname.indexOf("/ - ") > -1) {
bname = bname.split("/ - ")[1];
}
var path = document.location.pathname.split("/");
function xc(q, r) {
a = document.getElementsByClassName("boardList");
a[0].insertAdjacentHTML(q, r);
a[1].insertAdjacentHTML(q, r);
b = document.getElementsByClassName("customBoardList");
if (b[0]) {
b[0].insertAdjacentHTML(q, r);
b[1].insertAdjacentHTML(q, r);
}
}
xc("afterbegin", '[<a href="//boards.4chan.org/' + path[1] + '">' + bname + "</a>] ");
xc("beforeend", ( path[2] == "catalog" || path[2] == "thread" ) ? "" : '[<a href="//boards.4chan.org/' + path[1] + '/catalog">Catalog</a>] ');
function xi(q) {
var b = document.getElementById(q);
return b;
}
var nr = '<span style="float:right">[<a class=low href=javascript:void(0)>Style</a>] <span>';
xi("navtopright").insertAdjacentHTML("afterend", nr);
xi("navbotright").insertAdjacentHTML("afterend", nr);
var themes = ['Yotsuba New', 'Yotsuba B New', 'Futaba New', 'Burichan New', 'Tomorrow', 'Photon', 'myn1', 'myn2']; // with custom themes!
var style = document.createElement('style');
stylev = "#togglePostFormLink{font-size:1.3em;margin:.7em}#postForm{margin-top:1em;margin-bottom:1em}.ad-cnt{margin:1vh}.center{font-size:0;border:0 !important;height:100% !important}.frameImage{display:none !important}";
document.getElementsByTagName('head')[0].appendChild(style);
nws=document.getElementsByClassName('nws').length;
function get() {
a = nws ? GM_getValue("4cIbackupT") : GM_getValue("4cIbackupT2");
if (a) return a;
if (nws) {cur = document.cookie.match(/nws_style=((\w|\s)*)/) && document.cookie.match(/nws_style=((\w|\s)*)/)[1];}
else if (document.cookie.match(/(^|[^n])ws_style=((\w|\s)*)/)) cur = document.cookie.match(/(^|[^n])ws_style=((\w|\s)*)/)[2];
else cur = 'Yotsuba New';
for (i = 0; i < themes.length; i++) {
if (themes[i] == cur) {
return i;
}
}
}
function set(a) {
console.log(themes[a]);
if (themes[a].split('myn')[1]){
if (nws) GM_setValue("4cIbackupT", a);
else GM_setValue("4cIbackupT2", a);
//custom themes!
if(themes[a] == "myn1"){
a=0;
style.innerHTML = stylev + "body{background:#f4f4f4;background:url('http://i.imgur.com/MrGskEp.png')}div.reply{background-color:#FDFDFD;border-color:#D6D6D6}";
} else if (themes[a] == "myn2"){
a=4;
style.innerHTML = stylev + "body{transition: background 300ms ease-in 200ms;background:url('http://i.imgur.com/xv3RmOQ.png');color:#999}div.reply{background-color:#1b1b1b;border-color:#454546}.reply.highlight{border: 1px solid #5eaf55 !important;}";
}
//end custom themes!
} else {
if (nws) GM_setValue("4cIbackupT", 0);
else GM_setValue("4cIbackupT2", 0);
style.innerHTML = stylev;
}
if (nws){
document.cookie = "nws_style="+themes[a];
} else {
document.cookie = "ws_style="+themes[a];
}
if (x && path[2] == "catalog") {
location.reload();
} else {
location.href = "javascript:setActiveStyleSheet('" + themes[a] + "')";
}
}
function cstyle() {
if (get() > (themes.length - 2)) {
set(0);
}
else {
set(get() + 1);
}
}
x=0;
set(get());
x=1;
var low = document.getElementsByClassName("low");
low[0].onclick = cstyle;
low[1].onclick = cstyle;
// Gallery
// in 4chan Settings (Images & Media) enable "Image expansion"
// Don't want the Images button? delete everything bellow!
window.addEventListener('load', function () {
bonus = [];
tt = 1;
titles = [];
links = [];
fi = 0;
frameN = 0;
cln = 0;
ai = 0;
z=0;
if (document.getElementsByClassName('post reply').length) pColor = window.getComputedStyle(document.getElementsByClassName('post reply')[0]).backgroundColor;
if (path[2] == "thread") {
xc("beforeend", "[<a class=gl href=javascript:void(0)>Gallery</a>] ");
s = document.getElementsByClassName("gl");
for (i = 0; i < s.length; i++) {
s[i].onclick = trigger;
}
}
function endalert() {
ea = document.createElement("div");
c = ea.style;
ea.id = "theend";
for (var d = "0123456789ABCDEF".split(""), a = "#", e = 0; 6 > e; e++) {
a += d[Math.round(15 * Math.random())];
}
c.backgroundColor = a;
c.cssText += "line-height:50px;width:200px;height:50px;position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;font-size:42px;text-align:center;color:#fff;z-index:10001";
ea.innerText = "The End";
document.body.appendChild(ea);
setTimeout(function () {
z = document.getElementById("theend");
z.parentNode.removeChild(z);
}, 420);
}
function change(a) {
i1 = document.getElementsByClassName('file');
if (a) {
bg.style.display = "block";
larw.style.display = "block";
rarw.style.display = "block";
li.style.display = "block";
ri.style.display = "block";
for (fi; fi < i1.length; fi++) {
console.log(fi + ' ' + i1.length);
if (i1[fi].getElementsByClassName('expanded-thumb').length) {
cln = i1[fi].getElementsByClassName('expanded-thumb')[0];
} else if (i1[fi].getElementsByClassName('expandedWebm').length) {
cln = i1[fi].getElementsByClassName('expandedWebm')[0];
} else cln = null;
if (cln) {
console.log('adding');
cln.style.cssText = "display:none !important;position:fixed;max-height:calc(100% - 1.5em) !important;max-width:calc(100% - 60px) !important;margin:auto;top:0;bottom:1.5em;left:0;right:0;z-index:10000;";
cln.className = "frameImage";
cln.onclick = function () {
next(1);
};
document.body.appendChild(cln);
links[ai] = i1[fi].parentElement.id;
if (i1[fi].parentElement.getElementsByClassName('backlink').length) {
bonus[ai] = i1[fi].parentElement.getElementsByClassName('backlink')[0].getElementsByClassName('quotelink');
} else bonus[ai] = "";
titles[ai] = i1[fi].children[0].children[0].getAttribute("title");
if (titles[ai]) {
titles[ai] = "[ " + i1[fi].children[0].innerText.split(", ")[1].split(")")[0] + " ][ " + titles[ai] + " ]";
} else {
t2 = i1[fi].children[0].innerText;
titles[ai] = "[ " + t2.split(", ")[1].split(")")[0] + " ][ " + t2.split("File: ")[1].split(" (")[0] + " ]";
}
ai++;
}
}
next(2);
} else {
frame = document.getElementsByClassName('frameImage');
for (i = 0; i < frame.length; i++) {
frame[i].style.setProperty ("display", "none", "important");
}
bg.style.display = "none";
larw.style.display = "none";
rarw.style.display = "none";
li.style.display = "none";
ri.style.display = "none";
}
}
function i4(a){
r = document.createElement("a");
r.style.setProperty ("color", "#bababa", "important"); //add colors?
r.innerText = z ? " [ " + a.split("p")[1] + " ]" : " +";
r.onmouseover = function () {
bb = document.getElementById(a);
bb.style.backgroundColor = pColor;
bb.style.cssText += "position:fixed;z-index:10001;left:50%;top:50%;transform:translate(-50%,-50%);margin:0";
};
r.onmouseout = function () {
bb.style.cssText = "";
};
r.onclick = function () {
bb.style.cssText = "";
bb.scrollIntoView();
trigger();
};
bi.appendChild(r);
z=0;
}
function info(a) {
bi.innerHTML = "";
ii.innerText = titles[a];
i2.innerText = "[ " + (a + 1) + "/" + frame.length + " ]";
if (bonus[a].length){
for (i=--bonus[a].length;i>-1;i--){
i4(bonus[a][i].href.split(/#(p.*)/)[1]);
}
}
z=1;
i4(links[a]);
}
function next(a) {
if (!tt) {
frame = document.getElementsByClassName('frameImage');
console.log('next '+a+'frames'+frame.length+'N'+frameN);
if (a == 2) {
frame[frameN].style.setProperty ("display", "block", "important");
} else if (a == 1) {
if (frameN < --frame.length) {
frame[frameN].style.setProperty ("display", "none", "important");
frame[++frameN].style.setProperty ("display", "block", "important");
} else {
endalert();
}
} else {
if (frameN > 0) {
frame[frameN].style.setProperty ("display", "none", "important");
frame[--frameN].style.setProperty ("display", "block", "important");
}
}
info(frameN);
}
}
function trigger() {
tt = tt ? 0 : 1;
if (tt) {
change(0);
} else {
pics = document.getElementsByClassName('fileThumb');
a=fi;
while (a < pics.length) {
pics[a].children[0].click();
a++;
}
change(1);
}
}
bg = document.createElement("div");
bg.style.cssText = "background: rgba(0, 0, 0, .85);position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;display:none";
bg.onclick = trigger;
document.body.appendChild(bg);
//extra buttons
larw = document.createElement("div");
rarw = document.createElement("div");
var arw = "cursor:pointer;position:fixed;z-index:10000;top:calc(50% - 15px);border-top: 15px solid transparent;border-bottom: 15px solid transparent;display:none;border-";
larw.style.cssText = arw + "right: 20px solid #bababa;left:5px";
rarw.style.cssText = arw + "left: 20px solid #bababa;right:5px";
larw.onclick = function () {
next(0);
};
rarw.onclick = function () {
next(1);
};
document.body.appendChild(larw);
document.body.appendChild(rarw);
li = document.createElement("div");
ri = document.createElement("div");
bi = document.createElement("span");
var iv = "position:fixed;bottom:0;z-index:10000;margin:0;display:none;text-decoration:none;";
li.style.cssText = iv + "left:0";
ri.style.cssText = iv + "right:0";
ii = document.createElement("a");
ii.onclick = function () {
for (i = 0; i < frame.length; i++) {
frame[i].style.setProperty ("display", "none", "important");
}
frameN = 0;
next(2);
};
i2 = document.createElement("a");
i2.onclick = function () {
for (i = 0; i < frame.length; i++) {
frame[i].style.setProperty ("display", "none", "important");
}
frameN = --frame.length;
next(2);
};
document.body.appendChild(li);
ii.style.setProperty ("color", "#bababa", "important");
li.appendChild(ii);
document.body.appendChild(ri);
i2.style.setProperty ("color", "#bababa", "important");
ri.appendChild(bi);
ri.appendChild(i2);
//end buttons
document.addEventListener("keydown", function (e) {
switch (e.which) {
case 37:
next(0);
break;
case 39:
next(1);
break;
}
});
});
