$def with(Data)

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>InstallApp</title>
	<link rel="stylesheet" type="text/css" href="../../static/style/Install.css" />
	<script src="../../static/js/jquery-1.7.1.js"></script>
	<script src="../../static/js/ui.core.js"></script>
	<script src="../../static/js/ui.progressbar.js"></script>
	<script src="../../static/js/Install.js"></script>
	<script src="../../static/js/plantform.js"></script>
	<style>
	.ui-progressbar-value { background-image: url(../../static/imgs/Install/pbar-ani.gif); }
	.ui-progressbar { height:15px; text-align: left;margin-top:4px;}
	.ui-progressbar .ui-progressbar-value {height:100%; }
	</style>
	<script type="text/javascript">
	var Init_data = $:json_encode(Data);
	function KeyDownFunction()
		{
		if (typeof window.event != 'undefined') {  
		           document.onkeydown = function() {  
		             var type = event.srcElement.type;  
		             var code = event.keyCode;  
		             return ((code != 8 && code != 13) ||  
		                     (type == 'text' && code != 13 ) ||  
		                     (type == 'textarea') ||  
		                     (type == 'submit' && code == 13))  
		           }  
		         } else { // FireFox/Others  
		           document.onkeypress = function(e) {  
		   
		             var type = e.target.localName.toLowerCase();  
		             var code = e.keyCode;  
		             if ((code != 8 && code != 13) ||  
		                 (type == 'input' && code != 13 ) ||  
		                 (type == 'textarea') ||  
		                 (type == 'submit' && code == 13)) {  
		                 return true;  
		             } else {  
		                 return false ;  
		             }  
		           }  
		         } 
		}
	</script>

	<script>
	$$(function() {
		var progressbar = $$( ".Progress" ),
			progressLabel = $$( ".progress-label" );

		progressbar.progressbar({
			value: false,
		});
	});
	</script>
</head>
<body onselectstart="return false" onkeydown="KeyDownFunction()" style="overflow:hidden">
	<table>
		<tr>
			<th class="checkbox" bgcolor='#eee'><input type="checkbox" name="checkAll" id="checkAll"/></th>
			<th class="name" bgcolor='#eee'>$trans("Task_Name")</th>
			<th class="type" bgcolor='#eee'>$trans("Task_Type")</th>
			<th class="state" bgcolor='#eee'>$trans("Task_State")</th>
			<th class="operate" bgcolor='#eee'>$trans("Task_Operate")</th>
		</tr>
	</table>
	<div class = 'container'>
		$if not Data:
			<div class="lineLeft"></div>
			<div class="lineTop"></div>
			<div class="lineRight"></div>
			<div class="lineBottom"></div>
			<div class="progressNum">$trans("No_Task")</div>


		$for item in Data:
			<div class="taskItem" name="$item['Name']" id="$item['Name']">
				<div class="checkbox"><input type="checkbox" name="check" id="check"/></div>
				<div class="taskName">$item['Name']</div>
				$if (item['Type'] == 'InstallApp'):
					<div class="taskType">$trans("Task_InstallApp")</div>
				$elif (item['Type'] == 'downloadapp'):
					<div class="taskType">$trans("Task_DownloadApp")</div>
				$elif (item['Type'] == 'uploadfile'):
					<div class="taskType">$trans("Task_FileUpload")</div>
				$elif (item['Type'] == 'downloadfile'):
					<div class="taskType">$trans("Task_FileDownload")</div>
				$else:
					<div class="taskType">$trans("Task_Unknown")</div>
				<div class="taskState"><div class="Progress"><div class="progress-label"></div></div></div>
				<div class="taskClose" name="$item['Name']" onclick="OnHide(this)" title=$trans("Task_Delete")></div>
			</div>
	</div>

<div class="container"><div>
<div class="control"><input type="button" value="$trans('ApplicationView_ClearTask')" onclick="ClearCompleteTask()" /><input type="button" value="$trans('ApplicationView_OpenFolder')" onclick="OpenDownFolder()"/></div>	
<!-- Preload imgs -->
		<img src="../../static/imgs/button_100_Hover.png" style="display:none"/>
</body>


</html>
