popup.html

<script type="text/javascript" src="common.js"></script>
<style type="text/css">
#app_list a {
	margin-right: 4px;
}
</style>
<script language="javascript">
var bg = chrome.extension.getBackgroundPage();

chrome.tabs.getSelected(null,function(tab){
	chrome.extension.sendRequest({msg: "get",tab: tab.id}, function(response){
		var display = document.getElementById('app_list');
	
		var apps = response.apps;
		var html = '';
		
		var appinfo = bg.appinfo;
		var count = 0;
	
		for (var appid in apps)
		{
			app = appinfo[appid] ? appinfo[appid] : {};
			
			// i'm lazy to fill all kind of the information :(
			if (!app.title) app.title = appid;
			if (!app.url) app.url = appinfo[''].url.replace('%s',appid); // it's google one
			if (!app.icon) app.icon = appinfo[''].icon;
			
			if( apps[appid] != "-1")
			{
				app.title = appid + ' ' + apps[appid] 
			}
			
			// use DOM to avoid error
			var link = document.createElement('a');
			var icon = document.createElement('img');
			
			link.target = "_blank";
			link.title = app.title;
			link.href = app.url;
			
			icon.alt = app.title;
			icon.width = 16;
			icon.height = 16;
			icon.src = "apps/" + app.icon;
			
			link.appendChild(icon);
			display.appendChild(link);
			
			count++;
		}
		
		if (count < 8) // correct the width for better view
		{
			display.style.width = (count*20) + "px";
		}
		else
		{
			display.style.width = "160px";
		}
	});
});
</script>
<div id="app_list" style="width: 10px;">
	
</div>
<!--
	Chrome AppSniffer by Bao Nguyen <contact@nqbao.com>
	Released under GLPv3 license.
-->