let o={};
const ui={};
let curo,curp;
let editinge=null;
function getcookie(key)
{return document.cookie.replace(new RegExp('(?:(?:^|.*;\\s*)'+key+'\\s*\\=\\s*([^;]*).*$)|^.*$'),'$1');}
function make_sortable(e,updatefunc)
{
	let dragging,nxt;
	function _drag(ev)
	{
		ev.preventDefault();
		ev.dataTransfer.dropEffect='move';
		const targ=ev.target;
		if(targ&&targ!=dragging&&targ.draggable&&targ.parentNode==e)
		{
			const rect=targ.getBoundingClientRect();
			const after=(ev.clientY-rect.top)/(rect.bottom-rect.top)>.5;
			e.insertBefore(dragging,after?targ.nextSibling:targ);
		}
	}
	function _drag_end(ev)
	{
		ev.preventDefault();
		dragging.classList.remove('ghost');
		e.removeEventListener('dragover',_drag,false);
		e.removeEventListener('dragend',_drag_end,false);
		if(nxt!=dragging.nextSibling)updatefunc(dragging);
	}
	function _drag_start(ev)
	{
		dragging=ev.target;
		nxt=dragging.nextSibling;
		ev.dataTransfer.effectAllowed='move';
		ev.dataTransfer.setData('Text',dragging.textContent);
		e.addEventListener('dragover',_drag,false);
		e.addEventListener('dragend',_drag_end,false);
		setTimeout(function(){dragging.classList.add('ghost');},0);
	}
	e.addEventListener('dragstart',_drag_start,false);
}
function remove_children(e)
{
	while(e.firstChild)e.removeChild(e.firstChild);
}
function switch_folder(path)
{
	//path starts and ends with /
	ui.main.style.display='block';
	ui.settings.style.display=null;
	const p=path.split('/');
	remove_children(ui.cont);
	let cur=o;
	for(let i=1;cur&&i<p.length-1;++i)
	{
		if(cur.type!='folder')break;
		let k=-1;
		for(let j=0;j<cur.content.length;++j)
		if(cur.content[j].name==p[i]){k=j;break;}
		if(k==-1||cur.content[k].type!='folder')break;
		cur=cur.content[k];
	}
	curo=cur;
	for(let i=0;i<curo.content.length;++i)
	{
		const e=document.createElement('li');
		const a=document.createElement('a');
		a.innerHTML=e.contname=curo.content[i].name;
		if(curo.content[i].href)
		a.href=curo.content[i].href;
		e.draggable=true;
		e.ondblclick=function(e){
			edit(this);
		}
		e.appendChild(a);
		if(curo.content[i].type=='folder')
		{
			e.style.backgroundColor='rgba(255,255,128,0.4)';
			e.isfolder=true;
			a.onclick=function(e){
				e.preventDefault();
				switch_folder(curp+=this.innerHTML+'/');
			}
		}
		ui.cont.appendChild(e);
	}
	const e=document.createElement('li');
	e.innerHTML='+';
	e.ondblclick=function(e){
		const ne=document.createElement('li');
		const na=document.createElement('a');
		ne.draggable=true;
		ne.ondblclick=function(e){
			edit(this);
		}
		ne.appendChild(na);
		ui.cont.insertBefore(ne,ui.cont.lastChild);
		edit(ne);
	}
	ui.cont.appendChild(e);
	make_sortable(ui.cont,function(x){move(ui.cont,curo,x.contname);})
}
function edit(e)
{
	if(e==editinge)return;
	if(editinge)finish_edit();
	let clon=ui.templates.lnkmod;
	if(e.isfolder||e.parentNode==ui.folderlist)
		clon=ui.templates.fdrmod;
	const cloned=clon.cloneNode(true);
	cloned.id=cloned.id.substring(1);
	for(let i=0;i<cloned.childNodes.length;++i)
	if(cloned.childNodes[i].id)
	{
		cloned.childNodes[i].id=cloned.childNodes[i].id.substring(1);
	}
	e.firstChild.style.display='none';
	e.appendChild(cloned);
	if(e.isfolder||e.parentNode==ui.folderlist)
	{
		if(e.contname)document.getElementById('fdrname').value=e.contname;
		document.getElementById('fdrname').focus();
	}
	else
	{
		if(e.contname)document.getElementById('lnkname').value=e.contname;
		if(e.contname)document.getElementById('lnkhref').value=e.querySelector('a').href;
		document.getElementById('lnkname').focus();
	}
	editinge=e;
}
function finish_edit()
{
	if(editinge)
	{
		const e=document.getElementById('lnkmod')||document.getElementById('fdrmod');
		if(e.parentNode==editinge)
		editinge.removeChild(e);
		editinge.firstChild.style.display=null;
	}
	editinge=null;
}
function confirm_edit()
{
	if(!editinge)return;
	if(editinge.parentNode==ui.folderlist)
	{
		if(editinge.contname)
		{
			for(let i=0;i<o.content.length;++i)
			if(o.content[i].name==editinge.contname)
			{
				if(!document.getElementById('fdrname').value.length)
				{
					o.content.splice(i,1);
					editinge.parentNode.removeChild(editinge);
					editinge=null;
					return;
				}
				o.content[i].name=document.getElementById('fdrname').value;
				editinge.querySelector('a').innerHTML=editinge.contname=
					o.content[i].name;
				break;
			}
		}
		else
		{
			if(!document.getElementById('fdrname').value.length)
			{
				finish_edit();
				editinge.parentNode.removeChild(editinge);
			}
			let newo={};
			newo.type='folder';
			newo.name=document.getElementById('fdrname').value;
			newo.content=[];
			o.content.push(newo);
			editinge.querySelector('a').innerHTML=editinge.contname=newo.name;
		}
	}
	else
	{
		if(editinge.contname)
		{
			for(let i=0;i<curo.content.length;++i)
			if(curo.content[i].name==editinge.contname)
			{
				curo.content[i].name=document.getElementById(editinge.isfolder?'fdrname':'lnkname').value;
				if(!curo.content[i].name)
				{
					curo.content.splice(i,1);
					editinge.parentNode.removeChild(editinge);
					editinge=null;
					return;
				}
				editinge.querySelector('a').innerHTML=editinge.contname=
					curo.content[i].name;
				if(!editinge.isfolder)
				{
					curo.content[i].href=document.getElementById('lnkhref').value;
					editinge.querySelector('a').href=curo.content[i].href;
				}
				break;
			}
		}
		else
		{
			if(!document.getElementById('lnkname').value.length)
			{
				finish_edit();
				editinge.parentNode.removeChild(editinge);
			}
			let newo={};
			newo.type=document.getElementById('lnkhref').value.length?'link':'folder';
			newo.name=document.getElementById('lnkname').value;
			editinge.querySelector('a').innerHTML=editinge.contname=newo.name;
			if(newo.type=='folder')
			{
				newo.content=[];
				editinge.style.backgroundColor='rgba(255,255,128,0.4)';
				editinge.isfolder=true;
				editinge.querySelector('a').onclick=function(e){
					e.preventDefault();
					switch_folder(curp+=this.innerHTML+'/');
				}
			}
			else
			{
				newo.href=document.getElementById('lnkhref').value;
				editinge.querySelector('a').href=newo.href;
			}
			curo.content.push(newo);
		}
	}
	finish_edit();
}
function kp(e)
{
	e=e||window.event;
	const keyCode=e.keyCode||e.which;
	if(keyCode==13)confirm_edit();
	if(keyCode==27)finish_edit();
}
function move(el,o,name)
{
	let origpos=-1,newpos=-1;
	const qs=el.querySelectorAll('li');
	for(let i=0;i<qs.length;++i)
	if(qs[i].contname==name){newpos=i;break;}
	for(let i=0;i<o.content.length;++i)
	if(o.content[i].name==name){origpos=i;break;}
	const ob=o.content.splice(origpos,1);
	o.content.splice(newpos,0,ob[0]);
}
async function load_bookmarks()
{
	const qo={};
	qo.op=1;
	qo.token=getcookie("navigator_token");
	const h=new Headers();h.append('Content-Type','application/json');
	const resp=await fetch(new Request('/navigator/cgi-bin/navigator_api.cgi',{method:"POST",headers:h,body:JSON.stringify(qo)}));
	const r=await resp.text();
	const ro=JSON.parse(r);
	if(ro.result)return -1;
	else try{o=JSON.parse(ro.bookmarks);}catch(e){o={type:"folder",name:"",content:[]};}
	return 0;
}
async function save_bookmarks()
{
	const qo={};
	qo.op=2;
	qo.token=getcookie("navigator_token");
	qo.bookmarks=JSON.stringify(o);
	const h=new Headers();h.append('Content-Type','application/json');
	const resp=await fetch(new Request('/navigator/cgi-bin/navigator_api.cgi',{method:"POST",headers:h,body:JSON.stringify(qo)}));
	const r=await resp.text();
	const ro=JSON.parse(r);
	if(ro.result)return -1;
	return 0;
}
async function login_a()
{
	const o={};
	o.op=0;
	o.username=document.getElementById('usrname').value;
	o.passwd=Sha256.hash(document.getElementById('passwd').value);
	o.sessionname=document.getElementById('session').value;
	const h=new Headers();h.append('Content-Type','application/json');
	const resp=await fetch(new Request('/navigator/cgi-bin/navigator_api.cgi',{method:"POST",headers:h,body:JSON.stringify(o)}));
	const r=await resp.text();
	const ro=JSON.parse(r);
	if(ro.result)return -1;
	else document.cookie='navigator_token='+ro.token;
	return 0;
}
function login()
{
	login_a().then(r=>{
			if(r)
			{
				document.getElementById('loginerr').innerHTML='login failed:'
				switch(r)
				{
					case 1:
					document.getElementById('loginerr').innerHTML+='authentication failure';
					break;
					case 2:
					document.getElementById('loginerr').innerHTML+='duplicate session';
					break;
				}
			}
			else
			{
				document.getElementById('loginerr').innerHTML='';
				init();
			}
		}
	);
}
function display_bookmarks()
{
	remove_children(ui.folderlist);
	for(let i=0;i<o.content.length;++i)
	{
		const e=document.createElement('li');
		const a=document.createElement('a');
		a.classList.add('listitem');
		e.draggable=true;
		a.innerHTML=e.contname=o.content[i].name;
		a.onclick=function(e){
			e.preventDefault();
			switch_folder(curp='/'+this.innerHTML+'/');
		}
		e.ondblclick=function(e){
			edit(this);
		}
		e.appendChild(a);
		ui.folderlist.appendChild(e);
	}
	const e=document.createElement('li');
	const ea=document.createElement('a');
	ea.innerHTML='+';e.appendChild(ea);
	ea.classList.add('listitem');
	e.ondblclick=function(e){
		const ne=document.createElement('li');
		const na=document.createElement('a');
		na.classList.add('listitem');
		ne.draggable=true;
		na.onclick=function(e){
			e.preventDefault();
			switch_folder('/'+this.innerHTML+'/');
		}
		ne.ondblclick=function(e){
			edit(this);
		}
		ne.appendChild(na);
		ui.folderlist.insertBefore(ne,ui.folderlist.lastChild);
		edit(ne);
	}
	make_sortable(ui.folderlist,function(x){move(ui.folderlist,o,x.contname);});
	ui.folderlist.appendChild(e);
}
async function list_sessions()
{
	const o={};
	o.op=3;o.token=getcookie("navigator_token");
	const h=new Headers();h.append('Content-Type','application/json');
	const resp=await fetch(new Request('/navigator/cgi-bin/navigator_api.cgi',{method:"POST",headers:h,body:JSON.stringify(o)}));
	const r=await resp.text();
	const ro=JSON.parse(r);
	if(ro.result)return -1;
	remove_children(ui.sessionlist);
	for(let i=0;i<ro.sessions.length;++i)
	{
		const tr=document.createElement('tr');
		const td1=document.createElement('td');
		const td2=document.createElement('td');
		const td3=document.createElement('td');
		const a=document.createElement('a');
		td1.innerHTML=ro.sessions[i].sessionname;
		const d=new Date(ro.sessions[i].date*1000);
		td2.innerHTML=d.toString();
		a.innerHTML='x';
		a.sessionname=ro.sessions[i].sessionname;
		a.onclick=function(){remove_session(this.sessionname);}
		a.href='javascript:void(0)';
		td3.appendChild(a);
		tr.appendChild(td1);tr.appendChild(td2);tr.appendChild(td3);
		ui.sessionlist.appendChild(tr);
	}
}
async function remove_session(s)
{
	const o={};
	o.op=4;o.token=getcookie("navigator_token");o.session=s;
	const h=new Headers();h.append('Content-Type','application/json');
	const resp=await fetch(new Request('/navigator/cgi-bin/navigator_api.cgi',{method:"POST",headers:h,body:JSON.stringify(o)}));
	const r=await resp.text();
	const ro=JSON.parse(r);
	if(ro.result)return -1;
	return 0;
}
function showsettings()
{
	ui.main.style.display=null;
	ui.settings.style.display='block';
	list_sessions();
}
function init()
{
	ui.login=document.getElementById('login');
	ui.main=document.getElementById('main');
	ui.cont=document.getElementById('container');
	ui.folderlist=document.getElementById('folderlist');
	ui.sessionlist=document.getElementById('sessions');
	ui.settings=document.getElementById('settings');
	ui.templates={};
	ui.templates.lnkmod=document.getElementById('_lnkmod');
	ui.templates.fdrmod=document.getElementById('_fdrmod');
	load_bookmarks().then(
		r=>{
			if(r)
			{
				ui.login.style.display='block';
				ui.main.style.display=null;
			}
			else
			{
				ui.login.style.display=null;
				display_bookmarks();
				ui.main.style.display='block';
			}
		}
	);
}