4chan Gallery

Adds board title, catalog, gallery, and style to the top bar.

À data de 17/11/2014. Ver a versão mais recente.

Terá de instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

Terá de instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Terá de instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Terá de instalar uma extensão como Tampermonkey para instalar este script.

Terá de instalar uma extensão de gestão de scripts de utilizador para instalar este script.

(Já tenho um gestor de scripts de utilizador, deixe-me instalá-lo!)

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

(Já tenho um gestor de estilos de utilizador, deixe-me instalá-lo!)

// ==UserScript==
// @name			4chan Gallery
// @version			2.0.0
// @description		Adds board title, catalog, gallery, and style to the top bar.
// @include			*://boards.4chan.org/*
// @namespace		https://greasyfork.org/users/3159
// ==/UserScript==

/* my adblock filters
boards.4chan.org###absbot
boards.4chan.org###blotter
boards.4chan.org###ctrl-top
boards.4chan.org##.boardBanner
boards.4chan.org##.bottomCtrl
boards.4chan.org##.center
boards.4chan.org##.navLinks
boards.4chan.org#HR
44chan */

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' ? '' : '[<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=#a>Style</a>]&nbsp<span>';
xi('navtopright').insertAdjacentHTML('afterend',nr);
xi('navbotright').insertAdjacentHTML('afterend',nr);
document.getElementsByClassName('low')[0].onclick = function(){ccss()};
document.getElementsByClassName('low')[1].onclick = function(){ccss()};

//use cookie? Main.getCookie(style_group)?idk
if (GM_getValue("4theme"));
else GM_setValue("4theme",1);
var links = document.getElementsByTagName('link'),css=[];
for (i=0;i<links.length;i++){
    if(links[i].href.indexOf('/css/') > -1){
        css.push(links[i]);
    }
}
function o(a){if(typeof a != 'undefined')GM_setValue("4theme", a);return GM_getValue("4theme")};

function ccss(a){
    a==1 ? css[0].href = css[o()].href : o() > (css.length-2) ? css[0].href=css[o(1)].href : css[0].href = css[o(o()+1)].href;
}
ccss(1);

document.getElementsByName('post')[0].insertAdjacentHTML('afterend','<br>');

if (path[2]=='thread'){
    xc('beforeend','[<a class=gl href=#a>Gallery</a>] ');
    
    var s = document.getElementsByClassName('gl');		
	for (i=0; i < s.length; i++){
		s[i].onclick=function(){trigger()};
	}
    xi('postForm').style.display='none';
    xi('togglePostFormLink').style.display='block';
    xi('togglePostFormLink').onclick = function(){
        xi('postForm').style.display='table';
        xi('togglePostFormLink').style.display='none';
    }
}

// code bellow is the gallery, works on most image boards, simply add a way to trigger
// to test, copy paste code bellow into console then run trigger()
function trigger(){
	if(find().length){
		find();bg.style.display='block';img.style.display='block';ii.style.display='block';i2.style.display='block';larw.style.display='block';rarw.style.display='block';loader();
	}
	else endalert();
}

function find(l) {
    var aa = document.getElementsByTagName("a"),imgLinks=[];
	for (i = 0; i < aa.length; i++) {
		var link = aa[i].getAttribute('href');
		if (link){
			ext = link.split('.').pop();
			if ( (ext=='jpg' || ext=='png' || ext=='gif') && link.indexOf('google')<0 && link.indexOf('iqdb')<0 && link.indexOf('saucenao')<0){
				imgLinks.push(link);
			}
		}
	}
	var sorted = imgLinks.sort(),results = [];
	for (i = 0; i < sorted.length; i++) {
		if (sorted[i + 1] != sorted[i]) {
			results.push(sorted[i]);
		}
	}
	var names=document.getElementsByClassName('fileText'),title =[];
	for (i = 0; i < names.length; i++) {
		ext = names[i].children[0].getAttribute('href').split('.').pop();
		if(ext=='jpg' || ext=='png' || ext=='gif'){
			n = names[i].children[0].getAttribute('title');
			if(!n) n= names[i].children[0].innerText;
			title.push(n); //this is for 4chan only
		}
	}
	img.src = results[a];
    atitle = (title[a] ? title[a] : img.src);
    aii();
	i2.innerText='[ ' + (a+1) + '/' + results.length + ' ]';	
    return results;
}

function aii(){ii.innerText='[ ' + img.width + 'x' + img.height + ' ][ ' + atitle + ' ]'};

function endalert(){
	b=document.createElement('div'),c=b.style,b.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';
	b.innerText='The End';
	document.body.appendChild(b);
	setTimeout(function(){z=document.getElementById('theend');z.parentNode.removeChild(z)}, 420);
}

var a=0,h=0,atitle,img = new Image(),bg = document.createElement('div'),larw = document.createElement('div'),rarw = document.createElement('div'),ii = document.createElement('p'),i2 = document.createElement('p');

bg.style.cssText='opacity:0.9;position:fixed;top:0;left:0;z-index:9999;background-color:black;width:100%;height:100%;display:none';
bg.onclick = function(){bg.style.display='none';img.style.display='none';ii.style.display='none';i2.style.display='none';larw.style.display='none';rarw.style.display='none'};
document.body.appendChild(bg);

img.style.cssText='position:fixed;z-index:10000;max-height:calc(100% - 40px);max-width:calc(100% - 60px);margin:auto;top:0;bottom:0;left:0;right:0;display:none';
img.onclick = function(){if (a < --find().length){a++;find()} else endalert()};
document.body.appendChild(img);

function loader(){
	var timg = new Image();
    timg.src = find()[h];
    timg.onload = function(){if(h==0)aii();if(h++<find().length)loader()};
}

var iv = 'position:fixed;bottom:0;z-index:10000;color:#bababa;margin:0;display:none;';
ii.style.cssText=iv+ 'left:0';
i2.style.cssText=iv+ 'right:0';
ii.onclick = function(){a=0;find()};
i2.onclick = function(){a=--find().length;find()};
document.body.appendChild(ii);document.body.appendChild(i2);

var arw = '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(){if(a>0){a--;find()}};
rarw.onclick = function(){if(a< --find().length){a++;find()}else endalert()};
document.body.appendChild(larw);document.body.appendChild(rarw);

document.addEventListener("keydown", function(e){switch(e.which){
	case 37:
		if(a>0 && bg.style.display != 'none'){a--;find()};
		break;
	case 39:
		if(a< --find().length && bg.style.display != 'none'){a++;find()}else endalert();
		break;
	
	}
});