//License: Expat(MIT)
//Chris Xiong 2017
var pp=5,pn=0,animating,adir=1;
var t,c,psw,curp,cbuf,cmdtl,flt;
function request(url,func)
{
	var h=new XMLHttpRequest();
	h.open("GET",url);
	h.onload=()=>{func(h.response,h.status)};
	h.send();
}
function parsetags(tgs)
{
	var r="";
	var a=tgs.split(",");
	r="#"+a[0];
	for(var i=1;i<a.length;++i)r+=" #"+a[i];
	return r;
}
function rmblk(i)
{
	var l=c.querySelectorAll("div.pendingrm");
	if(i>=l.length)
	{
		setTimeout(function(){for(var i of l)c.removeChild(i);},500);
		return;
	}
	var e=l.item(i);
	var w=e.getBoundingClientRect().width;
	e.style.left=adir*-1.3*w+"px";
	setTimeout(rmblk,100,i+1);
}
function etrblk(i)
{
	var l=c.querySelectorAll("div.block:not(.pendingrm)");
	if(!i)
	{
		for(var e of l)
		if(e.id!="ptemplate")e.style.left=(adir*1.2*e.getBoundingClientRect().width)+"px";
	}
	if(i>=l.length)
	{
		setTimeout(()=>{animating=false;},500);
		return;
	}
	var e=l.item(i);
	if(e.id!="ptemplate")
	e.style.left="0";
	setTimeout(etrblk,100,i+1);
}
function setfilter(f,nlp)
{
	if(animating)return;
	if(f[0]=='#')f=f.substr(1);
	var ch=document.getElementById('tagslist').children;
	var ff=false;
	for(var i=0;i<ch.length;++i)
	if(ch[i].children[0].innerHTML=="#"+f)
	if(ch[i].children[0].classList.contains('active'))ch[i].children[0].classList.remove('active'),ff=true;
	else ch[i].children[0].classList.add('active');else ch[i].children[0].classList.remove('active');
	flt=f;if(ff)flt="";
	pn=-1;if(!nlp)loadpage(0);
}
function modloc()
{
	var base=window.location.toString().substr(0,window.location.toString().search('/blog/list')+10);
	var ret=base+(flt.length?'/'+flt:'')+'/'+pn;
	window.history.replaceState("","Chrisoft::Blog",ret);
}
function loadpage(_pn)
{
	if(animating||_pn==pn)return;
	if(_pn>pn)adir=1;else adir=-1;
	pn=_pn;animating=true;modloc();
	var l=c.querySelectorAll("div.block");
	for(var i of l)
	if(i.id!="ptemplate")
	{
		i.classList.add("pendingrm");
		r=i.getBoundingClientRect();
		i.style.top=(r.top-16)+"px";
		i.style.left=r.left+"px";
		i.style.width=r.width+"px";
	}
	for(var i of l)if(i.id!="ptemplate")i.style.position="fixed";
	setTimeout(rmblk,10,0);
	curp.innerHTML=(pn+1)+"/";
	request("/blog/cgi-bin/get-archive-list.cgi?pp="+pp+"&pc"+(flt.length?"&f="+flt:""),
	function(r){curp.innerHTML+=Number(r).toString();});
	request("/blog/cgi-bin/get-archive-list.cgi?pp="+pp+"&pn="+pn+(flt.length?"&f="+flt:""),
		function(r,s)
		{
			if(s!=200){animating=false;return;}
			o=JSON.parse(r);
			for(var i=0;i<o.postsOnPage;++i)
			{
				var e=t.cloneNode(true);
				e.style.display="block";e.id="";
				e.querySelector("h3").innerHTML='<a href=/blog/post/'+o.posts[i].filename+'>'+o.posts[i].title+'</a>';
				e.querySelector("span.left").innerHTML=parsetags(o.posts[i].tags);
				e.querySelector("span.right").innerHTML=o.posts[i].date;
				c.insertBefore(e,psw);
			}
			setTimeout(etrblk,10,0);
		}
	);
}
function lastpage(){loadpage(pn-1<0?0:pn-1);}
function nextpage(){request("/blog/cgi-bin/get-archive-list.cgi?pp="+pp+"&pc"+(flt.length?"&f="+flt:""),function(r){var pc=Number(r);if(pn+1<pc)loadpage(pn+1);});}
function blinit()
{
	var parr=window.location.pathname.substr(10).split('/');
	var pflt="";ppn=0;
	if(parr.length>1&&parr[1].length)
	{
		if(!isNaN(parr[1]))ppn=Number(parr[1]);
		else if(parr.length>2&&parr[2].length&&!isNaN(parr[2])){pflt=parr[1];ppn=Number(parr[2]);}
		else if(parr.length>=2)pflt=parr[1];
	}
	t=document.getElementById("ptemplate");
	c=document.getElementById("content");
	psw=document.getElementById("insanch");
	curp=document.getElementById("curp");
	cbuf=document.getElementById("cmdbuf");
	document.onkeypress=keypress;
	document.onkeydown=(e)=>{switch(e.key){case "ArrowLeft":lastpage();break;case "ArrowRight":nextpage();break;}};
	request("/blog/cgi-bin/get-archive-list.cgi?gt",
		(r)=>
		{
			o=JSON.parse(r);
			for(var i=0;i<o.length;++i)
			{
				var l=document.createElement('li');
				l.innerHTML='<a href="javascript:void(0);" onclick="setfilter(\''+o[i]+'\');">'+o[i]+"</a>";
				document.getElementById('tagslist').appendChild(l);
			}
			pn=-1;setfilter("#"+pflt,true);loadpage(ppn);
		}
	);
}

function showcmdbuf()
{
	cbuf.style.opacity="1";
	if(cmdtl){clearTimeout(cmdtl);cmdtl=0;}
	cmdtl=setTimeout(execcmd,1000);
}
function execcmd()
{
	var v=false;
	switch(cbuf.innerHTML)
	{
		case "h":case "k":
			lastpage();v=true;
		break;
		case "j":case "l":
			nextpage();v=true;
		break;
		case "gg":
			loadpage(0);v=true;
		break;
		case "G":
			v=true;
			request("/blog/cgi-bin/get-archive-list.cgi?pp="+pp+"&pc",
				function(r){var pc=Number(r);loadpage(pc-1);}
			);
		break;
		case "xyzzy":
			cbuf.innerHTML="Going minesweeping!";
			v=true;setTimeout(()=>{window.location.href="/minesweeper";},500);
		break;
	}
	if(parseInt(cbuf.innerHTML).toString()+"G"==cbuf.innerHTML.trim())
	{
		v=true;
		request("/blog/cgi-bin/get-archive-list.cgi?pp="+pp+"&pc",
			function(r)
			{var pc=Number(r),tpn=parseInt(cbuf.innerHTML)-1;if(tpn>=pc)tpn=pc-1;if(tpn<0)tpn=0;loadpage(tpn);}
		);
	}
	if(cbuf.innerHTML[0]==':')
	{
		var sparr=cbuf.innerHTML.split(' ');
		switch(sparr[0])
		{
			case ':setfilter':
			case ':filter':
			case ':flt':
				v=true;
				if(sparr.length<2)
				{
					cbuf.innerHTML='require 1 parameter';
				}
				else setfilter(sparr[1]);
			break;
			case ':nofilter':
			case ':noflt':
				v=true;
				setfilter('');
			break;
		}
	}
	cbuf.style.opacity="0";
	if(!v)cbuf.innerHTML="Unknown command.";
}
function keypress(e)
{
	if(cbuf.style.opacity=="0")cbuf.innerHTML="";
	if(e.key.length==1)
	{
		cbuf.innerHTML+=e.key;showcmdbuf();
		if(cbuf.innerHTML.length==1&&'hjkl'.search(cbuf.innerHTML)!=-1)
		execcmd();
	}
	if(e.key=="Enter")execcmd();
}