$def with(TokenData)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>ZTE Cloud</title>

<link rel="stylesheet" type="text/css" href="../../static/style/ZTECloud/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="../../static/style/ZTECloud/zTreeStyle.css" />
<link rel="stylesheet" type="text/css" href="../../static/style/ZTECloud/CloudMainView.css" />
<link rel="stylesheet" type="text/css" href="../../static/style/ZTECloud/basic.css" />



<script src="../../static/js/jquery-1.7.1.js"></script>
<script src="../../static/js/ZTECloud/jquery-ui-1.10.1.custom.js"></script>
<script src="../../static/js/ZTECloud/jquery.simplemodal.js"></script>
<script type="text/javascript" src="../../static/js/ZTECloud/jquery.ztree-2.6.js"></script>
<script src="../../static/js/ui.core.js"></script>
<script src="../../static/js/ui.progressbar.js"></script>
<script src="../../static/js/ZTECloud/CloudMainView.js"></script>








<script type="text/javascript">
	
	var login_data = $:json_encode(TokenData);
	console.log('Init login_data:',login_data);
	var dir_info = new Object();
	var zTree;
	var zNodes = new Array();
	var fid_list = new Array();
	var demoIframe;
	var test;
	var test2;
	var Oper_Id_List = new Array();
	var Back_Id_List = new Array();
	Oper_Id_List.push(0);
	var userHaveDoneCopyOrCut = false;
	var copyOrCutList = new Array();
	var OfflineDownload_List = new Array();
	var setting = {
		isSimpleData: true,
		treeNodeKey: "id",
		treeNodeParentKey: "pId",
		checkable: true,
		checkStyle : "checkbox",
		checkType : {"Y":"s", "N":"s"},
		showLine: false,
		keepParent : true,
		async:{
			enable:true,
			},
		root:{ 
			isRoot:true,
			nodes:[]
		},
		callback: {
		
		click:zTreeOnClick,
		change:zTreeOnChange,

			}

	};
	var MyCloudDiskLabel = '$trans("Cloud_MyCloudDisk")';
	var NewFolderLabel = '$trans("Cloud_NewFolder")';
	var CopyLabel = '$trans("Cloud_CopyLabel")';
	var LogingLabel = '$trans("Cloud_Loging_Warning")';
	var PasteingLabel = '$trans("Cloud_PasteingLabel")';
	var RefreshingLabel = '$trans("Cloud_RefreshingLabel")';
	var FolderNullLabel = '$trans("Cloud_FolderNullLabel")';
	var InputOfflineDownloadURL = '$trans("Cloud_InputOfflineDownloadURL")';
	var OfflineDownloadHasAdded = '$trans("Cloud_OfflineDownloadHasAdded")';
	var SelectedFileHasCopyed = '$trans("Cloud_SelectedFileHasCopyed")';

</script>

</head>

<body>
	<div class="toolbar_container">
				<dl class='toolbar'>
					<dt class='back' title=$trans("Cloud_Back") onmouseover='OnMouseHover(this)' onmouseout='OnMouseOut(this)' onclick="OnBack(this)">
					<p class='back'></p>
					<label>$trans("Cloud_Back")</label>
					</dt>
					<dt class='refresh' title=$trans("Cloud_Refresh") onmouseover='OnMouseHover(this)' onmouseout='OnMouseOut(this)' onclick="OnRefresh()">
					<p class='refresh'></p>
					<label>$trans("Cloud_Refresh")</label>
					</dt>
					<dt class='delim'></dt>
					<dt class='upload' title=$trans("Cloud_Upload") onmouseover='OnMouseHover(this)' onmouseout='OnMouseOut(this)' onclick="OnUpload(this)">
					<p class='upload'></p>
					<label>$trans("Cloud_Upload")</label>
					</dt>
					<dt class='download' title=$trans("Cloud_Download") onmouseover='OnMouseHover(this)' onmouseout='OnMouseOut(this)' onclick="OnDownload(this)">
					<p class='download'></p>
					<label>$trans("Cloud_Download")</label>
					</dt>
					</dt>
					<dt class='offlineDownload' title=$trans("Cloud_OfflineDownload") onmouseover='OnMouseHover(this)' onmouseout='OnMouseOut(this)' onclick="OnOfflineDownload(this)">
					<p class='offlineDownload'></p>
					<label class='offlineDownload'>$trans("Cloud_OfflineDownload")</label>
					</dt>
					<dt class='delim'></dt>
					</dt>
					<dt class='new' title=$trans("Cloud_New") onmouseover='OnMouseHover(this)' onmouseout='OnMouseOut(this)' onclick="OnNew(this, event)">
					<p class='new'></p>
					<label>$trans("Cloud_New")</label>
					</dt>
					<dt class='rename' title=$trans("Cloud_Rename") onmouseover='OnMouseHover(this)' onmouseout='OnMouseOut(this)' onclick="OnRename(event)">
					<p class='rename'></p>
					<label>$trans("Cloud_Rename")</label>
					</dt>
					</dt>
					<dt class='delete' title=$trans("Cloud_Delete") onmouseover='OnMouseHover(this)' onmouseout='OnMouseOut(this)' onclick="OnDelete(this)">
					<p class='delete'></p>
					<label>$trans("Cloud_Delete")</label>
					</dt>
					</dt>
					<dt class='copy' title=$trans("Cloud_Copy") onmouseover='OnMouseHover(this)' onmouseout='OnMouseOut(this)' onclick="OnCopy(this)">
					<p class='copy'></p>
					<label>$trans("Cloud_Copy")</label>
					</dt>
					</dt>
					<dt class='paste' title=$trans("Cloud_Paste") onmouseover='OnMouseHover(this)' onmouseout='OnMouseOut(this)' onclick="OnPaste(this)">
					<p class='paste'></p>
					<label>$trans("Cloud_Paste")</label>
					</dt>
					<dt class='delim'></dt>
					<!--dt class='user' onmouseover='OnMouseHover(this)' onmouseout='OnMouseOut(this)' onclick="OnUserNameClick()">
					<p class='user'></p>
					<label class='user'></label>
					</dt-->
				</dl>
				<div class="StorageLabel">$trans("Cloud_Storage")</div>
				<div class="Progress"></div>
				<div class="Storage"></div>
				
				<div class="UserNameLabel" style="display:none" title=$trans("Cloud_UserInfo") onmouseover='OnMouseHover(this)' onmouseout='OnMouseOut(this)' onclick="OnUserNameClick()"></div>

	</div>
	<div class='content'>
		<div id="left">
		
			<ul id="tree" class="tree"></ul>
		</div>
		<div id="right" onclick='OnRightPanelClick(event)'>

		</div>
	</div>
	<div id="progress" style="display:none">
		  <div id='progressLabel'></div>
		  <img src='../../static/imgs/ZTECloud/spinner.gif'>
	</div>
	
	<div id="UserOperate" style="display:none">
		<div class='UserOperate' onclick='ModifyUserInfo()' onmouseover='OnMouseHover1(this)' onmouseout='OnMouseOut1(this)'>$trans("Cloud_ModifyUserInfo")</div>
		<div class='UserOperate' onclick='OnExit()' onmouseover='OnMouseHover1(this)' onmouseout='OnMouseOut1(this)'>$trans("Cloud_Exit")</div>
	</div>
	
	<div id="dialog" title=$trans("Cloud_OfflineDownload")>
					<p>$trans("Cloud_InputOfflineDownloadURL")</p>
					<input class="input_normal350" id="offlineURL"	tabindex="1" type="text" value="" />
					<input type="button" id="offline_ok" value="Cloud_OK" class="btn_common_normal" style="margin-left: 65px" tabindex="6" onclick="OnOfflineDownloadOKClick()" />
	</div>
	<script>
		$$("#dialog").dialog({ autoOpen: false,
						modal: true,
						width: 400,
						height: 200,
						resizable: false,
						show: {
							effect: "blind",
							duration: 1000
						},
						hide: {
							effect: "explode",
							duration: 1000
						}});

	</script>
	
</body>

</html>