popup.html

<!-- @formatter:off -->
<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="lib/popup/popup.css">
		<script src="lib/popup/popuplib.min.js"></script>
		<script src="lib/store.js"></script>
		<script src="shared.js"></script>
	</head>
	<body>
		<div class="top">
			<div id="globalstat" style="margin-top:2px"></div>
			<div class="right">
				<input type="button" id="capture" class="button" value="Capture:" />
				<input type="button" id="addbtn" class="button" value="Add" />
				<input type="button" id="purgebtn" class="button" value="Purge!" title="Remove all completed or stopped" />
			</div>
		</div>

		<div style="clear: both;"></div>
		<div class="separator"></div>

		<div id="addtaskcontainer" style="display:none">
			<form id="addtask">
				<input type="text" id="taskaddbox" />
				<textarea id="taskaddbatch" rows="5"></textarea>
				<input type="button" id="addmore" value=">>" />
				<input type="submit" id="addsubmit" value="Send" />
				<div style="clear: both;"></div>
			</form>
		</div>

		<div id="tasklist"></div>

		<script id="headInfo" type="x-tmpl-mustache">
			{{> globspeed}}
		</script>
		<script id="taskInfo" type="x-tmpl-mustache">
			<div id=taskInfo_{{gid}}>
				<div class=tasktitle>
					{{> displayName}}
					<button id=removebtn_{{gid}} class="{{status}} tinybtn removebtn">{{> remove_label}}</button>
					<a href="{{> url}}" class="{{> urlActive}} tinybtn urlbtn" title="{{> url}}">url</a>
				</div>
				<div class={{status}}_info1>
					{{> statusUpper}}, {{> clengthPrec}}/{{> tlengthPrec}}/{{> completeRatio}}%
				</div>
				<div class={{status}}_info2>
					{{connections}} conns{{^numSeedersf}}{{> numSeedersf}}{{/numSeedersf}},
					{{> dlspeedPrec}}/s{{^upspeedPrec}}{{> upspeedPrec}}{{/upspeedPrec}}, ETA: {{> eta}}
				</div>
			</div>
			<div id=taskBar_{{gid}} class="{{status}} progbar" style=width:{{>p}}></div>
		</script>
		<script src="lib/popup/popup.js"></script>
	</body>
</html>