目录结构调整及压缩包更新测试

正在熟悉GitHub，建立更合理的目录结构。
发布最新压缩包，更新安装脚本；
修改Readme.md文件，初步描述项目情况。

README.md

@@ -1,7 +1,113 @@
-transmission-web-control
-========================
-
-Transmission Web Control (a custom web UI)
-
 关于
-	本项目主要目的是想加强Transmission Web的操作能力。
+-----
+本项目主要目的是想加强[Transmission](https://www.transmissionbt.com/) Web的操作能力，本项目原本在Goolge Code托管，现迁移至GitHub。
+本项目设计之初仅针对PT站，因此增加了 Tracker 服务器分组及状态，但这不并适用于普通BT种子。
+
+#### [English Introduction](#Introduction)
+
+### 支持的Transmission版本(Support Transmission Version)
+ - Transmission 2.40 及以上版本（RPC版本：14及以上）
+ - Transmission 2.40 and above (RPC version: 14 and above)
+
+### 功能介绍
+ - 在线查看Transmission当前工作情况；
+ - 在线添加新的种子文件或连接；
+ - 在线修改Transmission参数；
+ - 分页浏览方式加载种子；
+ - 多语言环境支持；
+ - 文件拖放添加种子；
+ - 删除指定的种子；
+ - 批量修改 Tracker；
+ - 移动指定种子的数据存放目录；
+ - 可按 Trackers 分组浏览；
+ - 其他……
+
+### 浏览器支持
+ - 所有支持HTML5的浏览器(Chrome 15.0.874，Firefox 8.0.1，IE 9.0.8112，Opera 11.52)
+
+### 下载列表
+ - 可通过以下地址获取最新版的程序：
+ - https://github.com/ronggang/transmission-web-control/raw/master/release/transmission-control-full.tar.gz
+ - 或到下载列表中下载安装脚本，此脚本只需要下载一次，以后只需要执行即可
+ - http://code.google.com/p/transmission-control/downloads/list
+
+### 安装方法
+ - https://code.google.com/p/transmission-control/wiki/Install
+
+### 关于多语言(Multi-language)
+系统使用多语言的方式构建，所以可以支持其他任何语言；但，由于本人水平有限，只会中文，所以需要懂其他语言的您的帮助，如果您已经翻译好了一个语言版本，请同时发给我一份，我会打包在一起，分享给更多的用户，谢谢。
+
+#### 当前已支持的语言(Currently supported languages)：
+ - `2013-04-22` [简体中文(Simplified Chinese)](https://transmission-control.googlecode.com/svn/trunk/lang/zh-CN.js) @栽培者
+ - `2014-02-09` [正體中文(Traditional Chinese)](https://transmission-control.googlecode.com/svn/trunk/lang/zh-TW.js) @Sean
+ - `2013-04-22` [英文(English)](https://transmission-control.googlecode.com/svn/trunk/lang/en.js) @栽培者
+ - `2014-02-09` [俄语(Russian)](https://transmission-control.googlecode.com/svn/trunk/lang/ru.js) @Oleksandr Gureiev & @irherder
+ - `2013-04-17` [西班牙语(Spanish)](https://transmission-control.googlecode.com/svn/trunk/lang/es.js) @Adrián González
+ - `2013-02-05` [波兰语(Polish)](https://transmission-control.googlecode.com/svn/trunk/lang/pl.js) @Daniel Kolek
+ - `2013-11-11` [匈牙利语(Hungarian)](https://transmission-control.googlecode.com/svn/trunk/lang/hu.js) @Swartzy
+ - `2013-05-18` [罗马尼亚(Romanian)](https://transmission-control.googlecode.com/svn/trunk/lang/ro.js) @Laurentiu Dinulescu
+ - `2013-05-28` [意大利(Italian)](https://transmission-control.googlecode.com/svn/trunk/lang/it.js) @Daniele Buccilli
+ - `2014-02-12` [葡萄牙语（巴西）(Brazilian Portuguese)](https://transmission-control.googlecode.com/svn/trunk/lang/pt-BR.js) @Dudu Maroja & @pcgaldo
+ - `2013-08-20` [荷兰语 (Dutch/Flemmisch)](https://transmission-control.googlecode.com/svn/trunk/lang/nl.js) @Alwin Hummels
+ - `2013-09-12` [法语 (French)](https://transmission-control.googlecode.com/svn/trunk/lang/fr.js) @Amaury Aubry
+ - `2013-12-05` [韩语 (Korean)](https://transmission-control.googlecode.com/svn/trunk/lang/ko.js) @kdsz330
+ - `2014-02-12` [葡萄牙语(European Portuguese)](https://transmission-control.googlecode.com/svn/trunk/lang/pt-PT.js) @pcgaldo
+
+
+Introduction
+-------------------
+Transmission Web Control is a custom web UI. The project began in Google Code. 
+
+### Support Transmission Version
+ - Transmission 2.40 and above (RPC version: 14 and above)
+
+### Features
+ - Add torrent files or URLs
+ - Drag-and-drop to add torrent files
+ - Online modify the Transmission setting (Download folder,Speed ​​limit,Port,etc.)
+ - Pause / resume / recheck selected or all torrents
+ - View the current torrents status (Files,Peers,Trackers,etc.)
+ - View Statistics(Cumulative/Current)
+ - The pagination torrents
+ - Set files priority
+ - Change the torrent download directory
+ - Trackers list
+ - ...
+
+### Browsers support
+ - All browsers support HTML5. (Chrome 15.0.874，Firefox 8.0.1，IE 9.0.8112，Opera 11.52 etc.)
+
+### Multi-language
+#### How to use the language pack:
+ - All language files are needed to put the "lang" directory, format refer "lang/en.js";
+ - Translated language file naming, and then copied to the lang directory, note that necessary ".js" suffix, such as: en.js;
+ - Modify the the "lang/`_`languages.js" file, the new language format to add a line;
+ - Regain access to the TR, if your browser's default configuration language "`_`languages.js" where it will automatically display the current language, if not, please manually select the language or the end of the page plus "?lang=language"; such as: 192.168.1.1/transmission/web/?lang=en
+
+#### Currently supported languages：
+ - `2013-04-22` [Simplified Chinese](https://transmission-control.googlecode.com/svn/trunk/lang/zh-CN.js) @栽培者
+ - `2014-02-09` [Traditional Chinese](https://transmission-control.googlecode.com/svn/trunk/lang/zh-TW.js) @Sean
+ - `2013-04-22` [English](https://transmission-control.googlecode.com/svn/trunk/lang/en.js) @栽培者
+ - `2014-02-09` [Russian)](https://transmission-control.googlecode.com/svn/trunk/lang/ru.js) @Oleksandr Gureiev & @irherder
+ - `2013-04-17` [Spanish](https://transmission-control.googlecode.com/svn/trunk/lang/es.js) @Adrián González
+ - `2013-02-05` [Polish](https://transmission-control.googlecode.com/svn/trunk/lang/pl.js) @Daniel Kolek
+ - `2013-11-11` [Hungarian](https://transmission-control.googlecode.com/svn/trunk/lang/hu.js) @Swartzy
+ - `2013-05-18` [Romanian](https://transmission-control.googlecode.com/svn/trunk/lang/ro.js) @Laurentiu Dinulescu
+ - `2013-05-28` [Italian](https://transmission-control.googlecode.com/svn/trunk/lang/it.js) @Daniele Buccilli
+ - `2014-02-12` [Brazilian Portuguese](https://transmission-control.googlecode.com/svn/trunk/lang/pt-BR.js) @Dudu Maroja & @pcgaldo
+ - `2013-08-20` [Dutch/Flemmisch](https://transmission-control.googlecode.com/svn/trunk/lang/nl.js) @Alwin Hummels
+ - `2013-09-12` [French](https://transmission-control.googlecode.com/svn/trunk/lang/fr.js) @Amaury Aubry
+ - `2013-12-05` [Korean](https://transmission-control.googlecode.com/svn/trunk/lang/ko.js) @kdsz330
+ - `2014-02-12` [European Portuguese](https://transmission-control.googlecode.com/svn/trunk/lang/pt-PT.js) @pcgaldo
+ - If you have translated a language pack, please upload it here issue 9
+
+#### [How to install](https://code.google.com/p/transmission-control/wiki/Install#1._Automatic_Installation_(Linux))
+
+### Download
+ - You can get the latest version of the program for this address:
+ - https://transmission-control.googlecode.com/svn/resouces/transmission-control-full.tar.gz
+ - Or download easy install script:
+ - http://code.google.com/p/transmission-control/downloads/list
+
+
+###### 创建于(Create): 2012.12.18；更新于(Update): 2014.10.13 By 栽培者(ronggang) ######

release/tr-control-easy-install.sh

@@ -0,0 +1,47 @@
+#! /bin/sh
+rootFolder=""
+webFolder=""
+orgindex="index.original.html"
+index="index.html"
+tmpFolder="/tmp/tr-web-control/"
+packname="transmission-control-full.tar.gz"
+host="https://github.com/ronggang/transmission-web-control/raw/master/release/"
+donwloadurl="$host$packname"
+if [ ! -d "$tmpFolder" ]; then
+	cd /tmp
+	mkdir tr-web-control
+fi
+cd "$tmpFolder"
+# 找出web ui 目录
+folderIsExist=0
+echo "Searching Transmission Web Folder..."
+rootFolder=`find / -name 'web' -type d | grep 'transmission/web' | head -n 1 | sed 's/web.*$//g'`
+
+echo "Folder: ""$rootFolder""..."
+if [ -d "$rootFolder""web/" ]; then
+	webFolder="$rootFolder""web/"
+	folderIsExist=1
+fi
+
+# 如果目录存在，则进行下载和更新动作
+if [ $folderIsExist = 1 ]; then
+	echo "Transmission Web Control Is Downloading..."
+	wget "$donwloadurl"
+	echo "Installing..."
+	tar -xzf "$packname"
+	rm "$packname"
+	# 如果之前没有安装过，则先将原系统的文件改为
+	if [ ! -f "$webFolder$orgindex" -a -f "$webFolder$index" ]; then
+		mv "$webFolder$index" "$webFolder$orgindex"
+	fi
+	# 复制文件到
+	cp -r web "$rootFolder"
+	echo "Done."
+else
+	echo "##############################################"
+	echo "#"
+	echo "# ERROR : Transmisson WEB UI Folder is missing."
+	echo "#"
+	echo "##############################################"
+fi
+rm -rf "$tmpFolder"

src/index.html

@@ -1,145 +1,145 @@
-<!DOCTYPE HTML>
-<html>
-<head>
-	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
-	<meta http-equiv="Pragma" content="no-cache">
-	<meta http-equiv="no-cache">
-	<meta http-equiv="Expires" content="-1">
-	<meta http-equiv="Cache-Control" content="no-cache">
-	<title>Transmission Web Control</title>
-	<!-- 样式表 -->
-	<link rel="stylesheet" type="text/css" href="tr-web-control/style/base.css?v=20131031" />
-	<link rel="stylesheet" type="text/css" href="tr-web-control/script/easyui/themes/default/easyui.css?v=20131031"/>  
-	<link rel="stylesheet" type="text/css" href="tr-web-control/script/easyui/themes/icon.css?v=20131031"/>
-	<!-- 基础类库 -->
-	<script type="text/javascript" src="tr-web-control/script/jquery/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="tr-web-control/script/jquery/jquery.form.js"></script>
-	<script type="text/javascript" src="tr-web-control/script/jquery/json2.min.js"></script>
-	<script type="text/javascript" src="tr-web-control/script/jquery/Base64.js"></script>
-	<script type="text/javascript" src="tr-web-control/script/easyui/jquery.easyui.min.js?v=20131031"></script>
-	<script type="text/javascript" src="tr-web-control/script/easyui/plugins/jquery.datagrid.drophead.js"></script>
-	<!-- -->
-	<!-- 系统类库 -->
-	<script type="text/javascript" src="tr-web-control/script/min/public.js?v=20131031"></script>
-	<script type="text/javascript" src="tr-web-control/script/min/cookies.js?v=20131031"></script>
-	<script type="text/javascript" src="tr-web-control/script/min/clientDevice.js?v=20131031"></script>
-	<script type="text/javascript" src="tr-web-control/script/min/transmission.js?v=20131031"></script>
-	<script type="text/javascript" src="tr-web-control/script/min/transmission.torrents.js?v=20131031"></script>	
-	<script type="text/javascript" src="tr-web-control/script/min/system.js?v=20131031"></script>
-	<script type="text/javascript" src="tr-web-control/config.js?v=20131031"></script>
-	<script type="text/javascript" src="tr-web-control/plugin.js?v=20131031"></script>
-</head>
-<style type="text/css">
-	.tree-title {
-		display: inline;
-	}
-</style>
-<body>
-	<div id="main" class="easyui-layout">
-		<div id="m_top" data-options="region:'north'">
-			<div class="easyui-layout" data-options="fit:true">
-				<div id="m_title_layout" data-options="region:'center'" border="0">
-					<img src="tr-web-control/logo.png"/><span id="m_title" style="padding:10px;display:none;"></span>
-					<span id="area-update-infos" style="display:none;">
-						<span id="msg-updateInfos" style="color:red;"></span>
-						<a id="button-download-update" href="https://code.google.com/p/transmission-control/wiki/ChangeLog" system-lang="public['text-have-update']" target="_blank"></a>
-					</span>
-					<div style="float:right;padding:13px;">
-						<!-- 切换到移动版 -->
-						<a id="toolbar_mobile" href="javascript:location.href = 'index.mobile.html';" class="easyui-linkbutton" data-options="iconCls:'icon-mobile',plain:true" system-tip-lang="toolbar.tip['ui-mobile']"><label system-lang="toolbar['ui-mobile']"></label></a>
-						<span class="button-split">|</span>
-						<!-- 切换到原版 -->
-						<a id="" href="javascript:location.href = 'index.original.html';" class="easyui-linkbutton" data-options="iconCls:'icon-transmission',plain:true" system-tip-lang="toolbar.tip['ui-original']"><label system-lang="toolbar['ui-original']"></label></a>
-						<span class="button-split">|</span>
-						<!-- 关于 -->
-						<a id="toolbar_about" href="javascript:void(0);" onclick="javascript:system.openDialogFromTemplate({id: 'dialog-about',options: {title: system.lang.toolbar['about'],width: 340,height: 220}});" class="easyui-linkbutton" data-options="iconCls:'icon-about',plain:true" system-tip-lang="toolbar.about"><span system-lang="toolbar.about"></span></a>
-					</div>
-					<div style="float:right;display:none;">Language：<select id="lang" value="" style="width:200px;"></select></div>
-				</div>
-				<!-- 工具栏 -->
-				<div id="m_toolbar" data-options="region:'south',border:0">
-					<!-- 增加种子 -->
-					<a id="toolbar_add_torrents" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true,disabled:true"></a>
-					<span class="button-split">|</span>
-					<!-- 刷新 -->
-					<a id="toolbar_reload" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true"></a>
-					<!-- 限速 -->
-					<a id="toolbar_alt_speed" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-alt-speed-false',plain:true"></a>
-					<!-- 设置 -->
-					<a id="toolbar_config" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-system-config',plain:true"></a>
-					<span class="button-split">|</span>
-					<!-- 扩展功能/插件 -->
-					<a id="toolbar_plugin" href="#" class="easyui-menubutton" data-options="menu:'#menu-plugin',iconCls:'icon-plugin',disabled:false" system-tip-lang="toolbar.plugin"></a>
-					<span class="button-split">|</span>
-					<!-- 开始 -->
-					<a id="toolbar_start" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-start-one',plain:true,disabled:true"></a>
-					<!-- 暂停 -->
-					<a id="toolbar_pause" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-pause-one',plain:true,disabled:true"></a>
-					<!-- 删除 -->
-					<a id="toolbar_remove" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-remove-torrent',plain:true,disabled:true"></a>
-					<!-- 重新校验 -->
-					<a id="toolbar_recheck" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-recheck-torrent',plain:true,disabled:true"></a>
-					<!-- 获取更多Peers -->
-					<a id="toolbar_morepeers" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-more-peers',plain:true,disabled:true" system-tip-lang="toolbar.tip['more-peers']"></a>
-					<!-- 设置下载目录 -->
-					<a id="toolbar_changeDownloadDir" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-folder-change',plain:true,disabled:true"></a>
-					<span class="button-split">|</span>
-					<!-- 队列 -->
-					<a id="toolbar_queue" href="#" class="easyui-menubutton" data-options="menu:'#menu-queue',iconCls:'icon-queue-move',disabled:true" system-tip-lang="toolbar.queue"></a>
-					<span class="button-split">|</span>
-					<!-- 开始所有 -->
-					<a id="toolbar_start_all" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-start-all',plain:true,disabled:true"></a>
-					<!-- 暂停所有 -->
-					<a id="toolbar_pause_all" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-pause-all',plain:true,disabled:true"></a>
-					<span class="button-split">|</span>
-					<label id="toolbar_label_reload_time"></label>
-					<input id="toolbar_reload_time" style="width:50px;text-align:center;" class="easyui-numberspinner"/>
-					<label id="toolbar_label_reload_time_unit"></label>
-					<a id="toolbar_autoreload" href="javascript:void(0);" class="easyui-linkbutton" data-options="plain:true"></a>
-					<span id="toolbar_right_area" style="float:right;padding:2px;">
-						<!-- 搜索 -->
-						<input id="toolbar_search" type="text" class="easyui-searchbox" style="width:200px;"/>
-					</span>
-				</div>
-			</div>
-		</div>
-		<div id="m_left_layout" title="." data-options="region:'west',split:true,border:0">
-			<div id="layout_left" class="easyui-layout" data-options="fit:true">
-				<div id="m_left" data-options="region:'center',border:0"></div>
-				<div id="m_status" title="status" data-options="region:'south',split:true,border:0,collapsed:true">
-					<span id="status_text"></span>
-				</div>
-			</div>
-		</div>
-		<div id="m_body" title="." data-options="region:'center',border:0" >
-			<div id="layout_body"  class="easyui-layout" data-options="fit:true">
-				<div id="m_list" data-options="region:'center',border:0"></div>
-				<div id="m_attribute" title="attribute" data-options="region:'south',split:true,border:0,collapsed:true,href:'tr-web-control/template/torrent-attribute.html',cache:true"></div>
-			</div>
-		</div>
-		<div id="m_statusbar" data-options="region:'south'">
-			<span id="status_alt_speed" style="display:none;">&nbsp;&nbsp;&nbsp;&nbsp;</span>
-			<span id="status_title_downloadspeed" class="iconlabel icon-down"></span>&nbsp;<span id="status_downloadspeed"></span>
-			<span class="button-split">|</span>
-			<span id="status_title_uploadspeed" class="iconlabel icon-up"></span>&nbsp;<span id="status_uploadspeed"></span>
-			<span class="button-split">|</span>
-			<span id="status_freespace"></span><span id="status_version" style="float:right;"></span>
-		</div>
-		<div id="dropArea" class="dropArea" style="display:none;">
-			<span id="text-drop-title" style="position:absolute;top:150px;left:150px;font-size:40px;font-weight: bold;" disabled="disabled"></span>
-		</div>
-	</div>
-	<!-- 队列子菜单 -->
-	<div id="menu-queue" style="width:150px;">
-		<div id="menu-queue-move-top" data-options="iconCls:'icon-queue-move-top'" onclick="system.changeSelectedTorrentStatus('',null,'queue-move-top');" system-tip-lang="menus.queue['move-top']"><span system-lang="menus.queue['move-top']"></span></div>
-		<div id="menu-queue-move-up" data-options="iconCls:'icon-queue-move-up'" onclick="system.changeSelectedTorrentStatus('',null,'queue-move-up');" system-tip-lang="menus.queue['move-up']"><span system-lang="menus.queue['move-up']"></span></div>
-		<div id="menu-queue-move-down" data-options="iconCls:'icon-queue-move-down'" onclick="system.changeSelectedTorrentStatus('',null,'queue-move-down');" system-tip-lang="menus.queue['move-down']"><span system-lang="menus.queue['move-down']"></span></div>
-		<div id="menu-queue-move-bottom" data-options="iconCls:'icon-queue-move-bottom'" onclick="system.changeSelectedTorrentStatus('',null,'queue-move-bottom');" system-tip-lang="menus.queue['move-bottom']"><span system-lang="menus.queue['move-bottom']"></span></div>
-	</div>
-	<!-- 扩展功能/插件 -->
-	<div id="menu-plugin" style="width:260px;">
-		<div id="menu-plugin-tracker-replace" data-options="iconCls:'icon-tracker-replace'" system-tip-lang="toolbar.tip['tracker-replace']" onclick="system.plugin.exec('replace-tracker');"><span system-lang="toolbar['tracker-replace']"></span></div>
-		<div id="menu-plugin-auto-match-data-folder" data-options="iconCls:'icon-target'" system-tip-lang="menus.plugin['auto-match-data-folder']" onclick="system.plugin.exec('auto-match-data-folder');"><span system-lang="menus.plugin['auto-match-data-folder']"></span></div>
-	</div>
-</body>
+<!DOCTYPE HTML>
+<html>
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+	<meta http-equiv="Pragma" content="no-cache">
+	<meta http-equiv="no-cache">
+	<meta http-equiv="Expires" content="-1">
+	<meta http-equiv="Cache-Control" content="no-cache">
+	<title>Transmission Web Control</title>
+	<!-- 样式表 -->
+	<link rel="stylesheet" type="text/css" href="tr-web-control/style/base.css?v=20131031" />
+	<link rel="stylesheet" type="text/css" href="tr-web-control/script/easyui/themes/default/easyui.css?v=20131031"/>  
+	<link rel="stylesheet" type="text/css" href="tr-web-control/script/easyui/themes/icon.css?v=20131031"/>
+	<!-- 基础类库 -->
+	<script type="text/javascript" src="tr-web-control/script/jquery/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="tr-web-control/script/jquery/jquery.form.js"></script>
+	<script type="text/javascript" src="tr-web-control/script/jquery/json2.min.js"></script>
+	<script type="text/javascript" src="tr-web-control/script/jquery/Base64.js"></script>
+	<script type="text/javascript" src="tr-web-control/script/easyui/jquery.easyui.min.js?v=20131031"></script>
+	<script type="text/javascript" src="tr-web-control/script/easyui/plugins/jquery.datagrid.drophead.js"></script>
+	<!-- -->
+	<!-- 系统类库 -->
+	<script type="text/javascript" src="tr-web-control/script/min/public.js?v=20131031"></script>
+	<script type="text/javascript" src="tr-web-control/script/min/cookies.js?v=20131031"></script>
+	<script type="text/javascript" src="tr-web-control/script/min/clientDevice.js?v=20131031"></script>
+	<script type="text/javascript" src="tr-web-control/script/min/transmission.js?v=20131031"></script>
+	<script type="text/javascript" src="tr-web-control/script/min/transmission.torrents.js?v=20131031"></script>	
+	<script type="text/javascript" src="tr-web-control/script/min/system.js?v=20131031"></script>
+	<script type="text/javascript" src="tr-web-control/config.js?v=20131031"></script>
+	<script type="text/javascript" src="tr-web-control/plugin.js?v=20131031"></script>
+</head>
+<style type="text/css">
+	.tree-title {
+		display: inline;
+	}
+</style>
+<body>
+	<div id="main" class="easyui-layout">
+		<div id="m_top" data-options="region:'north'">
+			<div class="easyui-layout" data-options="fit:true">
+				<div id="m_title_layout" data-options="region:'center'" border="0">
+					<img src="tr-web-control/logo.png"/><span id="m_title" style="padding:10px;display:none;"></span>
+					<span id="area-update-infos" style="display:none;">
+						<span id="msg-updateInfos" style="color:red;"></span>
+						<a id="button-download-update" href="https://code.google.com/p/transmission-control/wiki/ChangeLog" system-lang="public['text-have-update']" target="_blank"></a>
+					</span>
+					<div style="float:right;padding:13px;">
+						<!-- 切换到移动版 -->
+						<a id="toolbar_mobile" href="javascript:location.href = 'index.mobile.html';" class="easyui-linkbutton" data-options="iconCls:'icon-mobile',plain:true" system-tip-lang="toolbar.tip['ui-mobile']"><label system-lang="toolbar['ui-mobile']"></label></a>
+						<span class="button-split">|</span>
+						<!-- 切换到原版 -->
+						<a id="" href="javascript:location.href = 'index.original.html';" class="easyui-linkbutton" data-options="iconCls:'icon-transmission',plain:true" system-tip-lang="toolbar.tip['ui-original']"><label system-lang="toolbar['ui-original']"></label></a>
+						<span class="button-split">|</span>
+						<!-- 关于 -->
+						<a id="toolbar_about" href="javascript:void(0);" onclick="javascript:system.openDialogFromTemplate({id: 'dialog-about',options: {title: system.lang.toolbar['about'],width: 340,height: 220}});" class="easyui-linkbutton" data-options="iconCls:'icon-about',plain:true" system-tip-lang="toolbar.about"><span system-lang="toolbar.about"></span></a>
+					</div>
+					<div style="float:right;display:none;">Language：<select id="lang" value="" style="width:200px;"></select></div>
+				</div>
+				<!-- 工具栏 -->
+				<div id="m_toolbar" data-options="region:'south',border:0">
+					<!-- 增加种子 -->
+					<a id="toolbar_add_torrents" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true,disabled:true"></a>
+					<span class="button-split">|</span>
+					<!-- 刷新 -->
+					<a id="toolbar_reload" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true"></a>
+					<!-- 限速 -->
+					<a id="toolbar_alt_speed" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-alt-speed-false',plain:true"></a>
+					<!-- 设置 -->
+					<a id="toolbar_config" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-system-config',plain:true"></a>
+					<span class="button-split">|</span>
+					<!-- 扩展功能/插件 -->
+					<a id="toolbar_plugin" href="#" class="easyui-menubutton" data-options="menu:'#menu-plugin',iconCls:'icon-plugin',disabled:false" system-tip-lang="toolbar.plugin"></a>
+					<span class="button-split">|</span>
+					<!-- 开始 -->
+					<a id="toolbar_start" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-start-one',plain:true,disabled:true"></a>
+					<!-- 暂停 -->
+					<a id="toolbar_pause" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-pause-one',plain:true,disabled:true"></a>
+					<!-- 删除 -->
+					<a id="toolbar_remove" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-remove-torrent',plain:true,disabled:true"></a>
+					<!-- 重新校验 -->
+					<a id="toolbar_recheck" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-recheck-torrent',plain:true,disabled:true"></a>
+					<!-- 获取更多Peers -->
+					<a id="toolbar_morepeers" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-more-peers',plain:true,disabled:true" system-tip-lang="toolbar.tip['more-peers']"></a>
+					<!-- 设置下载目录 -->
+					<a id="toolbar_changeDownloadDir" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-folder-change',plain:true,disabled:true"></a>
+					<span class="button-split">|</span>
+					<!-- 队列 -->
+					<a id="toolbar_queue" href="#" class="easyui-menubutton" data-options="menu:'#menu-queue',iconCls:'icon-queue-move',disabled:true" system-tip-lang="toolbar.queue"></a>
+					<span class="button-split">|</span>
+					<!-- 开始所有 -->
+					<a id="toolbar_start_all" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-start-all',plain:true,disabled:true"></a>
+					<!-- 暂停所有 -->
+					<a id="toolbar_pause_all" href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-pause-all',plain:true,disabled:true"></a>
+					<span class="button-split">|</span>
+					<label id="toolbar_label_reload_time"></label>
+					<input id="toolbar_reload_time" style="width:50px;text-align:center;" class="easyui-numberspinner"/>
+					<label id="toolbar_label_reload_time_unit"></label>
+					<a id="toolbar_autoreload" href="javascript:void(0);" class="easyui-linkbutton" data-options="plain:true"></a>
+					<span id="toolbar_right_area" style="float:right;padding:2px;">
+						<!-- 搜索 -->
+						<input id="toolbar_search" type="text" class="easyui-searchbox" style="width:200px;"/>
+					</span>
+				</div>
+			</div>
+		</div>
+		<div id="m_left_layout" title="." data-options="region:'west',split:true,border:0">
+			<div id="layout_left" class="easyui-layout" data-options="fit:true">
+				<div id="m_left" data-options="region:'center',border:0"></div>
+				<div id="m_status" title="status" data-options="region:'south',split:true,border:0,collapsed:true">
+					<span id="status_text"></span>
+				</div>
+			</div>
+		</div>
+		<div id="m_body" title="." data-options="region:'center',border:0" >
+			<div id="layout_body"  class="easyui-layout" data-options="fit:true">
+				<div id="m_list" data-options="region:'center',border:0"></div>
+				<div id="m_attribute" title="attribute" data-options="region:'south',split:true,border:0,collapsed:true,href:'tr-web-control/template/torrent-attribute.html',cache:true"></div>
+			</div>
+		</div>
+		<div id="m_statusbar" data-options="region:'south'">
+			<span id="status_alt_speed" style="display:none;">&nbsp;&nbsp;&nbsp;&nbsp;</span>
+			<span id="status_title_downloadspeed" class="iconlabel icon-down"></span>&nbsp;<span id="status_downloadspeed"></span>
+			<span class="button-split">|</span>
+			<span id="status_title_uploadspeed" class="iconlabel icon-up"></span>&nbsp;<span id="status_uploadspeed"></span>
+			<span class="button-split">|</span>
+			<span id="status_freespace"></span><span id="status_version" style="float:right;"></span>
+		</div>
+		<div id="dropArea" class="dropArea" style="display:none;">
+			<span id="text-drop-title" style="position:absolute;top:150px;left:150px;font-size:40px;font-weight: bold;" disabled="disabled"></span>
+		</div>
+	</div>
+	<!-- 队列子菜单 -->
+	<div id="menu-queue" style="width:150px;">
+		<div id="menu-queue-move-top" data-options="iconCls:'icon-queue-move-top'" onclick="system.changeSelectedTorrentStatus('',null,'queue-move-top');" system-tip-lang="menus.queue['move-top']"><span system-lang="menus.queue['move-top']"></span></div>
+		<div id="menu-queue-move-up" data-options="iconCls:'icon-queue-move-up'" onclick="system.changeSelectedTorrentStatus('',null,'queue-move-up');" system-tip-lang="menus.queue['move-up']"><span system-lang="menus.queue['move-up']"></span></div>
+		<div id="menu-queue-move-down" data-options="iconCls:'icon-queue-move-down'" onclick="system.changeSelectedTorrentStatus('',null,'queue-move-down');" system-tip-lang="menus.queue['move-down']"><span system-lang="menus.queue['move-down']"></span></div>
+		<div id="menu-queue-move-bottom" data-options="iconCls:'icon-queue-move-bottom'" onclick="system.changeSelectedTorrentStatus('',null,'queue-move-bottom');" system-tip-lang="menus.queue['move-bottom']"><span system-lang="menus.queue['move-bottom']"></span></div>
+	</div>
+	<!-- 扩展功能/插件 -->
+	<div id="menu-plugin" style="width:260px;">
+		<div id="menu-plugin-tracker-replace" data-options="iconCls:'icon-tracker-replace'" system-tip-lang="toolbar.tip['tracker-replace']" onclick="system.plugin.exec('replace-tracker');"><span system-lang="toolbar['tracker-replace']"></span></div>
+		<div id="menu-plugin-auto-match-data-folder" data-options="iconCls:'icon-target'" system-tip-lang="menus.plugin['auto-match-data-folder']" onclick="system.plugin.exec('auto-match-data-folder');"><span system-lang="menus.plugin['auto-match-data-folder']"></span></div>
+	</div>
+</body>
 </html>

src/index.mobile.html

@@ -1,254 +1,254 @@
-<!DOCTYPE HTML>
-<html>
-<head>
-	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta http-equiv="Pragma" content="no-cache">
-	<meta http-equiv="no-cache">
-	<meta http-equiv="Expires" content="-1">
-	<meta http-equiv="Cache-Control" content="no-cache">
-	<title>Transmission Web Control Mobile</title>
-	<!-- 样式表 -->
-	<link rel="stylesheet" type="text/css" href="tr-web-control/style/base.mobile.css?v=20130913" />
-   <link rel="stylesheet" type="text/css" href="tr-web-control/script/jquery/mobile/jquery.mobile-1.3.2.min.css?v=20130913"/>  
-	<!-- 基础类库 -->
-	<script type="text/javascript" src="tr-web-control/script/jquery/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="tr-web-control/script/jquery/jquery.form.js"></script>
-	<script type="text/javascript" src="tr-web-control/script/jquery/json2.min.js"></script>
-	<script type="text/javascript" src="tr-web-control/script/jquery/Base64.js"></script>
-	<script type="text/javascript" src="tr-web-control/script/jquery/mobile/jquery.mobile-1.3.2.min.js?v=20130913"></script>
-	<!-- -->
-	<!-- 系统类库 -->
-	<script type="text/javascript" src="tr-web-control/script/min/public.js?v=20130913"></script>
-	<script type="text/javascript" src="tr-web-control/script/min/cookies.js?v=20130913"></script>
-	<script type="text/javascript" src="tr-web-control/script/min/transmission.js?v=20130913"></script>
-	<script type="text/javascript" src="tr-web-control/script/min/transmission.torrents.js?v=20130913"></script>
-	<script type="text/javascript" src="tr-web-control/script/min/system.mobile.js?v=20130913"></script>
-</head>
-<body>
-	<!-- Home -->
-	<div data-role="page" id="main-page">
-		<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
-			<h1 id="page-title">Transmission Web Control Mobile</h1>
-			<a href="#" data-icon="home" data-iconpos="notext" data-direction="reverse" onclick="system.showContent('home');"></a>
-			<a href="#navPanel" data-icon="bars" data-iconpos="notext" data-direction="reverse"></a>
-		</div>
-		<div data-role="header"  data-theme="z" data-position="fixed" data-tap-toggle="false" data-fullscreen="true">
-			<div id="torrent-page-bar" class="page-bar" style="display:none;">
-				<a id="page-prev" href="javascript:void(0);" class="iconlabel icon-arrow-left"></a>
-				<a id="page-number" class="page-number"></a>
-				<a id="page-next" href="javascript:void(0);" class="iconlabel icon-arrow-right"></a>
-			</div>
-		</div>
-		<!-- 导航栏 -->
-		<div data-role="panel" id="navPanel" data-display="overlay" data-position="right">
-			<ul data-role="listview" data-divider-theme="a" data-theme="c">
-				<li data-role='list-divider'><span system-lang="title.left"></span></li>
-				<li data-icon="plus"><a href="#" onclick="showAddTorrent();"><span system-lang="toolbar['add-torrent']"></span></a></li>
-				<li data-icon="gear" style="display:none;"><a href="#"><span system-lang="toolbar['system-config']"></span></a></li>
-			</ul>
-			<ul data-role="listview" data-divider-theme="e" data-theme="e" data-icon="false" style="margin-top:15px;">
-				<li data-role='list-divider' style="padding:0px 10px;">
-					<table style="width:100%;">
-						<tr>
-							<td style="width:70%;"><span system-lang="toolbar['reload-time']"></span></td>
-							<td style="width:30%;">
-								<select name="autoreload" id="autoreload" data-role="slider" data-mini="true">
-									<option value="false" system-lang="toolbar['autoreload-disabled']">Off</option>
-									<option value="true" system-lang="toolbar['autoreload-enabled']">On</option>
-								</select>
-							</td>
-						</tr>
-						<tr>
-							<td><input type="range" name="auto-reload-time" id="auto-reload-time" value="1" min="1" max="100"/></td>
-							<td><label for="auto-reload-time" system-lang="toolbar['reload-time-unit']"></label></td>
-						</tr>
-					</table>
-				</li>
-			</ul>
-			<ul data-role="listview" data-divider-theme="a" data-theme="c" data-icon="false" style="margin-top:15px;">
-				<li data-role='list-divider'>UI</li>
-				<li><a href="#" onclick="location.href = 'index.html?devicetype=computer';"><img src="tr-web-control/style/images/computer.png" class="ui-li-icon"/><span system-lang="toolbar['ui-computer']"></span></a></li>
-				<li><a href="#" onclick="location.href = 'index.original.html';"><img src="tr-web-control/style/images/transmission.png" class="ui-li-icon"/><span system-lang="toolbar['ui-original']"></span></a></li>
-			</ul>
-			<ul data-role="listview" data-divider-theme="a" data-theme="c" data-icon="false" style="margin-top:15px;">
-				<li data-role='list-divider'><span system-lang="title.status"></span></li>
-				<li id="status" style="display:none;"><span id="status-msg"></span><span id="status-count" class="ui-li-count">0</span></li>
-			</ul>
-		</div>
-		<div data-role="content" style="padding:0px;">
-			<!-- 种子分类列表 -->
-			<div id="content-home" style="padding:15px;">
-				<ul data-role="listview" data-count-theme="e">
-					<li><a href="#" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'all'});"><span system-lang="tree.all"></span><span id="count-all" class="ui-li-count" style="display:none;">0</span></a></li>
-					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'downloading'});"><span system-lang="tree.downloading"></span><span id="count-downloading" class="ui-li-count" style="display:none;">0</span></a></li>
-					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'paused'});"><span system-lang="tree.paused"></span><span id="count-paused" class="ui-li-count" style="display:none;">0</span></a></li>
-					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'sending'});"><span system-lang="tree.sending"></span><span id="count-sending" class="ui-li-count" style="display:none;">0</span></a></li>
-					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'check'});"><span system-lang="tree.check"></span><span id="count-check" class="ui-li-count" style="display:none;">0</span></a></li>
-					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'actively'});"><span system-lang="tree.actively"></span><span id="count-actively" class="ui-li-count" style="display:none;">0</span></a></li>
-					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'error'});"><span system-lang="tree.error"></span><span id="count-error" class="ui-li-count" style="display:none;">0</span></a></li>
-					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'warning'});"><span system-lang="tree.warning"></span><span id="count-warning" class="ui-li-count" style="display:none;">0</span></a></li>
-				</ul>
-			</div>
-			<!-- 种子明细列表 -->
-			<div id="content-torrent-list" _style="padding:0px;overflow: hidden;" data-role="content">
-				<ul data-role="listview"
-					data-theme="c" data-dividertheme="d"
-					data-split-icon="gear" data-split-theme="d"
-					id="torrent-list"
-				/>
-			</div>
-			<!-- 添加种子 -->
-			<div id="content-add-torrent" style="padding:15px;display:none;">
-				<label for="torrent-url" system-lang="dialog['torrent-add']['torrent-url']"></label>
-				<textarea id="torrent-url" style="height:130px;"></textarea>
-				<label for="download-dir" system-lang="dialog['torrent-add']['download-dir']"></label>
-				<input id="download-dir"/>
-				<div data-role="fieldcontain">
-					<label for="autostart" system-lang="dialog['torrent-add']['autostart']"></label>
-					<select name="autostart" id="autostart" data-role="slider">
-						<option value="false"></option>
-						<option value="true"></option>
-					</select>
-				</div>
-				<span system-lang="dialog['torrent-add']['tip-torrent-url']"></span><br/>
-				<button onclick="addUrl();"><label system-lang="dialog['public']['button-ok']"></label></button>
-				<button onclick="system.showContent('home');"><label system-lang="dialog['public']['button-cancel']"></label></button>
-			</div>
-		</div>
-		<div data-theme="c" data-role="footer" data-position="fixed" data-tap-toggle="false">
-			<!-- 种子操作工具栏 -->
-			<div id="torrent-toolbar"  data-role="content" style="display:none;padding:0px 10px;" data-theme="a">
-				<div data-role="controlgroup" data-type="horizontal">
-					<a id="torrent-check-all" data-role="button" data-inline="true" href="#" data-icon="check" data-theme="b">
-						<span id="torrent-checked-count"></span>
-					</a>
-					<a data-role="button" data-inline="true" id="toolbar_start" href="#" onclick="system.changeSelectedTorrentStatus('start',this);">
-						<span system-lang="toolbar.start"></span>
-					</a>
-					<a data-role="button" data-inline="true" id="toolbar_pause" href="#" onclick="system.changeSelectedTorrentStatus('stop',this);">
-						<span system-lang="toolbar.pause"></span>
-					</a>
-					<a data-role="button" data-inline="true" id="toolbar_recheck" href="#" onclick="system.changeSelectedTorrentStatus('verify',this);">
-						<span system-lang="toolbar.recheck"></span>
-					</a>
-					<a data-role="button" data-inline="true" id="toolbar_remove" href="#dialog-torrent-remove-confirm" data-icon="delete" data-iconpos="right">
-						<span system-lang="toolbar.remove"></span>
-					</a>
-				</div>
-			</div>
-			<div id="m_statusbar">
-				<span id="status_alt_speed" style="display:none;">&nbsp;&nbsp;&nbsp;&nbsp;</span>
-				<span id="status_downloadspeed" class="iconlabel icon-down"></span>
-				<span id="status_uploadspeed" class="iconlabel icon-up"></span>
-				<span id="status_freespace" class="iconlabel icon-drive"></span>
-			</div>
-		</div>
-	</div>
-	<!-- 删除种子确认 -->
-	<div data-role="popup" id="dialog-torrent-remove-confirm" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all">
-		<div data-role="header" data-theme="a" class="ui-corner-top">
-			<h1 system-lang="dialog['torrent-remove']['title']"></h1>
-		</div>
-		<div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
-			<h3 class="ui-title" system-lang="dialog['torrent-remove']['confirm-text']"></h3>
-			<div data-role="fieldcontain">
-				<label for="remove-data" system-lang="dialog['torrent-remove']['remove-data']"></label>
-				<select name="remove-data" id="remove-data" data-role="slider" data-mini="true">
-					<option value="false"></option>
-					<option value="true"></option>
-				</select>
-			</div>
-			<a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c" system-lang="dialog.public['button-cancel']"></a>
-			<a href="#" onclick="system.changeSelectedTorrentStatus('remove',this,{removeData:$('#remove-data').val()});" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b" system-lang="dialog.public['button-ok']"></a>
-		</div>
-	</div>
-</body>
-<script type="text/javascript">
-	function showAddTorrent()
-	{
-		var autostart = system.serverConfig['start-added-torrents'];
-		$("#autostart").val(autostart.toString()).slider('refresh');
-		$('#download-dir').val(system.downloadDir);
-		system.showContent('add-torrent');
-		$("#navPanel").panel("close");
-	}
-	function addUrl()
-	{
-		var urls = $("#torrent-url").val();
-		if (urls=="")
-		{
-			$("#torrent-url").fadeOut("fast").fadeIn("fast").fadeOut("fast").fadeIn("fast").select();
-			return;
-		}
-		urls = urls.split("\n");
-		var autostart = ($("#autostart").val()=="true"?true:false);
-		system.addTorrentsToServer(urls,urls.length,autostart,$("#download-dir").val(),function(){
-			$("#status").hide();
-			$("#navPanel").panel("close");
-		});
-		$("#torrent-url").val("");
-		system.showContent('home');
-		$("#navPanel").panel("open");
-	}
-
-	(function(){
-		$("#navPanel").on("panelbeforeopen", function(event, ui) {
-			$("#autoreload").val(system.config.autoReload.toString()).slider('refresh');
-			$("#auto-reload-time").val(system.config.reloadStep/1000);
-			if (system.config.autoReload)
-			{
-				$("#auto-reload-time").slider("enable");
-			}
-			else
-			{
-				$("#auto-reload-time").slider("disable");
-			}
-		});
-
-		$("#autoreload").change(function(){
-			saveConfig();
-		});
-
-		$("#auto-reload-time").on("slidestop", function(event, ui) {
-			saveConfig();
-		});
-
-		$("#torrent-check-all").click(function(){
-			var checked = $(this).data("checked");
-			if (checked==true)
-			{
-				checked = false;
-			}
-			else
-			{
-				checked = true;
-			}
-			$(this).data("checked",checked);
-			system.control.torrentlist.find("input[type='checkbox']").prop("checked",checked).checkboxradio("refresh");
-			system.changeTorrentToolbar();
-		});
-
-		function saveConfig()
-		{
-			system.config.autoReload = ($("#autoreload").val()=="true"?true:false);
-			var value = $("#auto-reload-time").val();
-			if ($.isNumeric(value))
-			{
-				system.config.reloadStep = value * 1000;
-			}
-			if (system.config.autoReload)
-			{
-				system.reloadData();
-				$("#auto-reload-time").slider("enable");
-			}
-			else
-			{
-				clearTimeout(system.autoReloadTimer);
-				$("#auto-reload-time").slider("disable");
-			}
-			system.saveConfig();
-		};
-	})();
-</script>
+<!DOCTYPE HTML>
+<html>
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta http-equiv="Pragma" content="no-cache">
+	<meta http-equiv="no-cache">
+	<meta http-equiv="Expires" content="-1">
+	<meta http-equiv="Cache-Control" content="no-cache">
+	<title>Transmission Web Control Mobile</title>
+	<!-- 样式表 -->
+	<link rel="stylesheet" type="text/css" href="tr-web-control/style/base.mobile.css?v=20130913" />
+   <link rel="stylesheet" type="text/css" href="tr-web-control/script/jquery/mobile/jquery.mobile-1.3.2.min.css?v=20130913"/>  
+	<!-- 基础类库 -->
+	<script type="text/javascript" src="tr-web-control/script/jquery/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="tr-web-control/script/jquery/jquery.form.js"></script>
+	<script type="text/javascript" src="tr-web-control/script/jquery/json2.min.js"></script>
+	<script type="text/javascript" src="tr-web-control/script/jquery/Base64.js"></script>
+	<script type="text/javascript" src="tr-web-control/script/jquery/mobile/jquery.mobile-1.3.2.min.js?v=20130913"></script>
+	<!-- -->
+	<!-- 系统类库 -->
+	<script type="text/javascript" src="tr-web-control/script/min/public.js?v=20130913"></script>
+	<script type="text/javascript" src="tr-web-control/script/min/cookies.js?v=20130913"></script>
+	<script type="text/javascript" src="tr-web-control/script/min/transmission.js?v=20130913"></script>
+	<script type="text/javascript" src="tr-web-control/script/min/transmission.torrents.js?v=20130913"></script>
+	<script type="text/javascript" src="tr-web-control/script/min/system.mobile.js?v=20130913"></script>
+</head>
+<body>
+	<!-- Home -->
+	<div data-role="page" id="main-page">
+		<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
+			<h1 id="page-title">Transmission Web Control Mobile</h1>
+			<a href="#" data-icon="home" data-iconpos="notext" data-direction="reverse" onclick="system.showContent('home');"></a>
+			<a href="#navPanel" data-icon="bars" data-iconpos="notext" data-direction="reverse"></a>
+		</div>
+		<div data-role="header"  data-theme="z" data-position="fixed" data-tap-toggle="false" data-fullscreen="true">
+			<div id="torrent-page-bar" class="page-bar" style="display:none;">
+				<a id="page-prev" href="javascript:void(0);" class="iconlabel icon-arrow-left"></a>
+				<a id="page-number" class="page-number"></a>
+				<a id="page-next" href="javascript:void(0);" class="iconlabel icon-arrow-right"></a>
+			</div>
+		</div>
+		<!-- 导航栏 -->
+		<div data-role="panel" id="navPanel" data-display="overlay" data-position="right">
+			<ul data-role="listview" data-divider-theme="a" data-theme="c">
+				<li data-role='list-divider'><span system-lang="title.left"></span></li>
+				<li data-icon="plus"><a href="#" onclick="showAddTorrent();"><span system-lang="toolbar['add-torrent']"></span></a></li>
+				<li data-icon="gear" style="display:none;"><a href="#"><span system-lang="toolbar['system-config']"></span></a></li>
+			</ul>
+			<ul data-role="listview" data-divider-theme="e" data-theme="e" data-icon="false" style="margin-top:15px;">
+				<li data-role='list-divider' style="padding:0px 10px;">
+					<table style="width:100%;">
+						<tr>
+							<td style="width:70%;"><span system-lang="toolbar['reload-time']"></span></td>
+							<td style="width:30%;">
+								<select name="autoreload" id="autoreload" data-role="slider" data-mini="true">
+									<option value="false" system-lang="toolbar['autoreload-disabled']">Off</option>
+									<option value="true" system-lang="toolbar['autoreload-enabled']">On</option>
+								</select>
+							</td>
+						</tr>
+						<tr>
+							<td><input type="range" name="auto-reload-time" id="auto-reload-time" value="1" min="1" max="100"/></td>
+							<td><label for="auto-reload-time" system-lang="toolbar['reload-time-unit']"></label></td>
+						</tr>
+					</table>
+				</li>
+			</ul>
+			<ul data-role="listview" data-divider-theme="a" data-theme="c" data-icon="false" style="margin-top:15px;">
+				<li data-role='list-divider'>UI</li>
+				<li><a href="#" onclick="location.href = 'index.html?devicetype=computer';"><img src="tr-web-control/style/images/computer.png" class="ui-li-icon"/><span system-lang="toolbar['ui-computer']"></span></a></li>
+				<li><a href="#" onclick="location.href = 'index.original.html';"><img src="tr-web-control/style/images/transmission.png" class="ui-li-icon"/><span system-lang="toolbar['ui-original']"></span></a></li>
+			</ul>
+			<ul data-role="listview" data-divider-theme="a" data-theme="c" data-icon="false" style="margin-top:15px;">
+				<li data-role='list-divider'><span system-lang="title.status"></span></li>
+				<li id="status" style="display:none;"><span id="status-msg"></span><span id="status-count" class="ui-li-count">0</span></li>
+			</ul>
+		</div>
+		<div data-role="content" style="padding:0px;">
+			<!-- 种子分类列表 -->
+			<div id="content-home" style="padding:15px;">
+				<ul data-role="listview" data-count-theme="e">
+					<li><a href="#" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'all'});"><span system-lang="tree.all"></span><span id="count-all" class="ui-li-count" style="display:none;">0</span></a></li>
+					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'downloading'});"><span system-lang="tree.downloading"></span><span id="count-downloading" class="ui-li-count" style="display:none;">0</span></a></li>
+					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'paused'});"><span system-lang="tree.paused"></span><span id="count-paused" class="ui-li-count" style="display:none;">0</span></a></li>
+					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'sending'});"><span system-lang="tree.sending"></span><span id="count-sending" class="ui-li-count" style="display:none;">0</span></a></li>
+					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'check'});"><span system-lang="tree.check"></span><span id="count-check" class="ui-li-count" style="display:none;">0</span></a></li>
+					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'actively'});"><span system-lang="tree.actively"></span><span id="count-actively" class="ui-li-count" style="display:none;">0</span></a></li>
+					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'error'});"><span system-lang="tree.error"></span><span id="count-error" class="ui-li-count" style="display:none;">0</span></a></li>
+					<li><a href="" onclick="system.showContent({page:'torrent-list',type:'torrent-list',data:'warning'});"><span system-lang="tree.warning"></span><span id="count-warning" class="ui-li-count" style="display:none;">0</span></a></li>
+				</ul>
+			</div>
+			<!-- 种子明细列表 -->
+			<div id="content-torrent-list" _style="padding:0px;overflow: hidden;" data-role="content">
+				<ul data-role="listview"
+					data-theme="c" data-dividertheme="d"
+					data-split-icon="gear" data-split-theme="d"
+					id="torrent-list"
+				/>
+			</div>
+			<!-- 添加种子 -->
+			<div id="content-add-torrent" style="padding:15px;display:none;">
+				<label for="torrent-url" system-lang="dialog['torrent-add']['torrent-url']"></label>
+				<textarea id="torrent-url" style="height:130px;"></textarea>
+				<label for="download-dir" system-lang="dialog['torrent-add']['download-dir']"></label>
+				<input id="download-dir"/>
+				<div data-role="fieldcontain">
+					<label for="autostart" system-lang="dialog['torrent-add']['autostart']"></label>
+					<select name="autostart" id="autostart" data-role="slider">
+						<option value="false"></option>
+						<option value="true"></option>
+					</select>
+				</div>
+				<span system-lang="dialog['torrent-add']['tip-torrent-url']"></span><br/>
+				<button onclick="addUrl();"><label system-lang="dialog['public']['button-ok']"></label></button>
+				<button onclick="system.showContent('home');"><label system-lang="dialog['public']['button-cancel']"></label></button>
+			</div>
+		</div>
+		<div data-theme="c" data-role="footer" data-position="fixed" data-tap-toggle="false">
+			<!-- 种子操作工具栏 -->
+			<div id="torrent-toolbar"  data-role="content" style="display:none;padding:0px 10px;" data-theme="a">
+				<div data-role="controlgroup" data-type="horizontal">
+					<a id="torrent-check-all" data-role="button" data-inline="true" href="#" data-icon="check" data-theme="b">
+						<span id="torrent-checked-count"></span>
+					</a>
+					<a data-role="button" data-inline="true" id="toolbar_start" href="#" onclick="system.changeSelectedTorrentStatus('start',this);">
+						<span system-lang="toolbar.start"></span>
+					</a>
+					<a data-role="button" data-inline="true" id="toolbar_pause" href="#" onclick="system.changeSelectedTorrentStatus('stop',this);">
+						<span system-lang="toolbar.pause"></span>
+					</a>
+					<a data-role="button" data-inline="true" id="toolbar_recheck" href="#" onclick="system.changeSelectedTorrentStatus('verify',this);">
+						<span system-lang="toolbar.recheck"></span>
+					</a>
+					<a data-role="button" data-inline="true" id="toolbar_remove" href="#dialog-torrent-remove-confirm" data-icon="delete" data-iconpos="right">
+						<span system-lang="toolbar.remove"></span>
+					</a>
+				</div>
+			</div>
+			<div id="m_statusbar">
+				<span id="status_alt_speed" style="display:none;">&nbsp;&nbsp;&nbsp;&nbsp;</span>
+				<span id="status_downloadspeed" class="iconlabel icon-down"></span>
+				<span id="status_uploadspeed" class="iconlabel icon-up"></span>
+				<span id="status_freespace" class="iconlabel icon-drive"></span>
+			</div>
+		</div>
+	</div>
+	<!-- 删除种子确认 -->
+	<div data-role="popup" id="dialog-torrent-remove-confirm" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all">
+		<div data-role="header" data-theme="a" class="ui-corner-top">
+			<h1 system-lang="dialog['torrent-remove']['title']"></h1>
+		</div>
+		<div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
+			<h3 class="ui-title" system-lang="dialog['torrent-remove']['confirm-text']"></h3>
+			<div data-role="fieldcontain">
+				<label for="remove-data" system-lang="dialog['torrent-remove']['remove-data']"></label>
+				<select name="remove-data" id="remove-data" data-role="slider" data-mini="true">
+					<option value="false"></option>
+					<option value="true"></option>
+				</select>
+			</div>
+			<a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c" system-lang="dialog.public['button-cancel']"></a>
+			<a href="#" onclick="system.changeSelectedTorrentStatus('remove',this,{removeData:$('#remove-data').val()});" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b" system-lang="dialog.public['button-ok']"></a>
+		</div>
+	</div>
+</body>
+<script type="text/javascript">
+	function showAddTorrent()
+	{
+		var autostart = system.serverConfig['start-added-torrents'];
+		$("#autostart").val(autostart.toString()).slider('refresh');
+		$('#download-dir').val(system.downloadDir);
+		system.showContent('add-torrent');
+		$("#navPanel").panel("close");
+	}
+	function addUrl()
+	{
+		var urls = $("#torrent-url").val();
+		if (urls=="")
+		{
+			$("#torrent-url").fadeOut("fast").fadeIn("fast").fadeOut("fast").fadeIn("fast").select();
+			return;
+		}
+		urls = urls.split("\n");
+		var autostart = ($("#autostart").val()=="true"?true:false);
+		system.addTorrentsToServer(urls,urls.length,autostart,$("#download-dir").val(),function(){
+			$("#status").hide();
+			$("#navPanel").panel("close");
+		});
+		$("#torrent-url").val("");
+		system.showContent('home');
+		$("#navPanel").panel("open");
+	}
+
+	(function(){
+		$("#navPanel").on("panelbeforeopen", function(event, ui) {
+			$("#autoreload").val(system.config.autoReload.toString()).slider('refresh');
+			$("#auto-reload-time").val(system.config.reloadStep/1000);
+			if (system.config.autoReload)
+			{
+				$("#auto-reload-time").slider("enable");
+			}
+			else
+			{
+				$("#auto-reload-time").slider("disable");
+			}
+		});
+
+		$("#autoreload").change(function(){
+			saveConfig();
+		});
+
+		$("#auto-reload-time").on("slidestop", function(event, ui) {
+			saveConfig();
+		});
+
+		$("#torrent-check-all").click(function(){
+			var checked = $(this).data("checked");
+			if (checked==true)
+			{
+				checked = false;
+			}
+			else
+			{
+				checked = true;
+			}
+			$(this).data("checked",checked);
+			system.control.torrentlist.find("input[type='checkbox']").prop("checked",checked).checkboxradio("refresh");
+			system.changeTorrentToolbar();
+		});
+
+		function saveConfig()
+		{
+			system.config.autoReload = ($("#autoreload").val()=="true"?true:false);
+			var value = $("#auto-reload-time").val();
+			if ($.isNumeric(value))
+			{
+				system.config.reloadStep = value * 1000;
+			}
+			if (system.config.autoReload)
+			{
+				system.reloadData();
+				$("#auto-reload-time").slider("enable");
+			}
+			else
+			{
+				clearTimeout(system.autoReloadTimer);
+				$("#auto-reload-time").slider("disable");
+			}
+			system.saveConfig();
+		};
+	})();
+</script>
 </html>