popup.js

function $(i){return document.getElementById(i);}
var bg=opera.extension.bgProcess,P=$('popup'),C=$('commands'),
		pT=P.querySelector('.top'),pB=P.querySelector('.bot'),
		cT=C.querySelector('.top'),cB=C.querySelector('.bot'),
		_=bg.getI18nString,tab=bg.opera.extension.tabs.getFocused();
function loadItem(d,c){
	if(c) {
		d.firstChild.innerText=d.symbol;
		d.classList.remove('disabled');
	} else {
		d.firstChild.innerText='';
		d.classList.add('disabled');
	}
}
function addItem(h,t,c){
	var d=document.createElement('label'),s='';
	d.innerHTML='<span></span>'+h;
	if(t) {if(typeof t!='string') t=h;d.title=t;}
	d.className='ellipsis';
	c.holder.appendChild(d);
	if('symbol' in c) d.firstChild.innerText=c.symbol;
	else if('data' in c) c.symbol='✓';
	for(t in c) d[t]=c[t];
	if('data' in c) loadItem(d,c.data);
}
function menuCommand(e){e=e.target;tab.postMessage({topic:'Command',data:e.cmd});}
function menuScript(i) {
	var s=bg.map[i];if(!s) return;
	var n=s.meta.name?s.meta.name.replace(/&/g,'&amp;').replace(/</g,'&lt;'):'<em>'+_('Null name')+'</em>';
	addItem(n,s.meta.name,{holder:pB,data:s.enabled,onclick:function(e){
		loadItem(this,s.enabled=!s.enabled);bg.saveScript(s);bg.optionsUpdate('save',s);
	}});
}
function load(e,data){
	addItem(_('Manage scripts'),true,{holder:pT,symbol:'➤',onclick:function(){
		var t=bg.opera.extension.tabs.create({url:'/options.html'});
		if(t.focus) t.focus();	// Opera 12+ Only
	}});
	if(data) addItem(_('Find scripts for this site'),true,{holder:pT,symbol:'➤',onclick:function(){
		var q='site:userscripts.org+inurl:show+'+tab.url.replace(/^.*?:\/\/([^\/]*?)\.\w+\/.*$/,function(v,g){
			return g.replace(/\.(com|..)$/,'').replace(/\./g,'+');
		}),url=bg.format(bg.search,q);
		var t=bg.opera.extension.tabs.create({url:url});
		if(t.focus) t.focus();	// Opera 12+ Only
	}});
	if(data&&data[0]&&data[0].length) {
		addItem(_('Back'),true,{holder:cT,symbol:'◄',onclick:function(){
			C.classList.add('hide');P.classList.remove('hide');
			bg.button.popup.height=P.offsetHeight;
		}});
		cT.appendChild(document.createElement('hr'));
		data[0].forEach(function(i){addItem(i[0],true,{holder:cB,symbol:'➤',onclick:menuCommand,cmd:i[0]});});
		addItem(_('Script commands...'),true,{holder:pT,symbol:'➤',onclick:function(){
			P.classList.add('hide');C.classList.remove('hide');
			bg.button.popup.height=C.offsetHeight;
			setTimeout(function(){cB.style.pixelHeight=innerHeight-cB.offsetTop;},0);
		}});
	}
	addItem(_('Scripts enabled'),true,{holder:pT,data:bg.isApplied,onclick:function(e){
		bg.setItem('isApplied',bg.isApplied=!bg.isApplied);bg.updateIcon();loadItem(this,bg.isApplied);
	}});
	if(data&&data[1]&&data[1].length) {
		pT.appendChild(document.createElement('hr'));
		data[1].forEach(menuScript);
	}
	bg.button.popup.height=P.offsetHeight;
	setTimeout(function(){pB.style.pixelHeight=innerHeight-pB.offsetTop;},0);
}
bg.messages['GotPopup']=load;
try{tab.postMessage({topic:'GetPopup'});}catch(e){load();}