index.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  5. <meta http-equiv="cache-control" content="no-cache" />
  6. <meta http-equiv="expires" content="0" />
  7. <meta http-equiv="pragma" content="no-cache" />
  8. <link rel='shortcut icon' href='favicon.ico' type='image/x-icon' />
  9. <title>Transmission Web Control</title>
  10. <!-- Style sheet -->
  11. <link rel="stylesheet" type="text/css" href="tr-web-control/style/before-easyui.css?v=20200914" />
  12. <link id="styleEasyui" rel="stylesheet" type="text/css"
  13. href="tr-web-control/script/easyui/themes/default/easyui.css?v=20200914" />
  14. <link rel="stylesheet" type="text/css" href="tr-web-control/script/plugins/jquery.webui-popover.css" />
  15. <link rel="stylesheet" type="text/css" href="tr-web-control/style/base.css?v=20200914" />
  16. <link rel="stylesheet" type="text/css" href="tr-web-control/script/easyui/themes/icon.css?v=20200914" />
  17. <link rel="stylesheet" type="text/css" href="tr-web-control/style/icon.custom.css?v=20200914" />
  18. <link rel="stylesheet" type="text/css" href="tr-web-control/style/iconfont/iconfont.css?v=20201001" />
  19. <!-- <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_584244_g4d8d6qr58nnrk9.css"/> -->
  20. <!-- Base class library -->
  21. <script type="text/javascript" src="tr-web-control/script/jquery/jquery-1.12.4.min.js"></script>
  22. <script type="text/javascript" src="tr-web-control/script/jquery/jquery.form.js"></script>
  23. <script type="text/javascript" src="tr-web-control/script/jquery/json2.min.js"></script>
  24. <script type="text/javascript" src="tr-web-control/script/jquery/Base64.js"></script>
  25. <script type="text/javascript" src="tr-web-control/script/easyui/jquery.easyui.min.js?v=20200914"></script>
  26. <script type="text/javascript" src="tr-web-control/script/easyui/plugins/jquery.datagrid.drophead.js"></script>
  27. <script type="text/javascript" src="tr-web-control/script/plugins/jquery.webui-popover.min.js"></script>
  28. <!-- -->
  29. <!-- System class library -->
  30. <script type="text/javascript" src="tr-web-control/script/min/FileSaver.min.js?v=20200914"></script>
  31. <script type="text/javascript" src="tr-web-control/script/other/clipboard.min.js"></script>
  32. <script type="text/javascript" src="tr-web-control/script/min/public.min.js?v=20200914"></script>
  33. <script type="text/javascript" src="tr-web-control/script/other/ua-parser.min.js?v=20200914"></script>
  34. <script type="text/javascript" src="tr-web-control/script/min/transmission.min.js?v=20200914"></script>
  35. <script type="text/javascript" src="tr-web-control/script/min/transmission.torrents.min.js?v=20201001"></script>
  36. <script type="text/javascript" src="tr-web-control/script/min/system.min.js?v=20201001"></script>
  37. <script type="text/javascript" src="tr-web-control/config.js?v=20200914"></script>
  38. <script type="text/javascript" src="tr-web-control/plugin.js?v=20200914"></script>
  39. <script type="text/javascript">
  40. var nonpc = ["console", "mobile", "tablet", "smarttv", "wearable", "embedded"]
  41. if ((nonpc.indexOf($.ua.device.type) != -1) && location.search.getQueryString("devicetype") != "computer") {
  42. location.href = "index.mobile.html";
  43. }
  44. </script>
  45. </head>
  46. <body>
  47. <div id="main" class="easyui-layout">
  48. <div id="m_top" data-options="region:'north'">
  49. <div class="easyui-layout" data-options="fit:true">
  50. <div id="m_title_layout" data-options="region:'center'" border="0">
  51. <img id="logo" src="tr-web-control/logo.png" /><span id="m_title" style="padding:10px;display:none;"></span>
  52. <span id="area-update-infos" style="display:none;padding: 13px;position: absolute;background-color: #ffe48c;">
  53. <span id="msg-updateInfos" style="color:#ff3232;"></span>
  54. <a id="button-download-update" href="" class="easyui-linkbutton"
  55. data-options="iconCls:'iconfont tr-icon-help'"><span system-lang="public['text-have-update']"></span></a>
  56. </span>
  57. <div style="float:right;padding:13px;">
  58. <span>Theme: </span>
  59. <!-- 切换主题 -->
  60. <select id="select-themes" style="width:120px;height:25px"></select>
  61. <!-- 切换到移动版 -->
  62. <a id="toolbar_mobile" href="javascript:location.href = 'index.mobile.html';" class="easyui-linkbutton"
  63. data-options="iconCls:'icon-mobile',plain:true" system-tip-lang="toolbar.tip['ui-mobile']"><span
  64. system-lang="toolbar['ui-mobile']"></span></a>
  65. <span class="button-split">|</span>
  66. <!-- 切换到原版 -->
  67. <a id="" href="javascript:location.href = 'index.original.html';" class="easyui-linkbutton"
  68. data-options="iconCls:'icon-transmission',plain:true" system-tip-lang="toolbar.tip['ui-original']"><span
  69. system-lang="toolbar['ui-original']"></span></a>
  70. <span class="button-split">|</span>
  71. <!-- 关于 -->
  72. <a id="toolbar_about" href="javascript:void(0);"
  73. onclick="javascript:system.openDialogFromTemplate({id: 'dialog-about',options: {title: system.lang.toolbar['about'],width: 420,height: 370}});"
  74. class="easyui-linkbutton" data-options="iconCls:'icon-about',plain:true"
  75. system-tip-lang="toolbar.about"><span system-lang="toolbar.about"></span></a>
  76. </div>
  77. <div style="float:right;display:none;">Language:<select id="lang" value="" style="width:200px;"></select>
  78. </div>
  79. </div>
  80. <!-- 工具栏 -->
  81. <div id="m_toolbar" data-options="region:'south',border:0">
  82. <!-- 增加种子 -->
  83. <a id="toolbar_add_torrents" href="javascript:void(0);" class="easyui-linkbutton"
  84. data-options="iconCls:'iconfont tr-icon-plus',plain:true,disabled:true"></a>
  85. <span class="button-split">|</span>
  86. <!-- 限速 -->
  87. <a id="toolbar_alt_speed" href="javascript:void(0);" class="easyui-linkbutton"
  88. data-options="iconCls:'iconfont tr-icon-rocket',plain:true"></a>
  89. <span class="button-split">|</span>
  90. <!-- 刷新 -->
  91. <a id="toolbar_reload" href="javascript:void(0);" class="easyui-linkbutton"
  92. data-options="iconCls:'iconfont tr-icon-reload',plain:true"></a>
  93. <!-- 设置 -->
  94. <a id="toolbar_config" href="javascript:void(0);" class="easyui-linkbutton"
  95. data-options="iconCls:'iconfont tr-icon-system-config',plain:true"></a>
  96. <span class="button-split">|</span>
  97. <!-- 扩展功能/插件 -->
  98. <a id="toolbar_plugin" href="#" class="easyui-menubutton"
  99. data-options="menu:'#menu-plugin',iconCls:'iconfont tr-icon-plugin',disabled:false"
  100. system-tip-lang="toolbar.plugin"></a>
  101. <span class="button-split">|</span>
  102. <!-- 开始 -->
  103. <a id="toolbar_start" href="javascript:void(0);" class="easyui-linkbutton"
  104. data-options="iconCls:'iconfont tr-icon-start',plain:true,disabled:true"></a>
  105. <!-- 暂停 -->
  106. <a id="toolbar_pause" href="javascript:void(0);" class="easyui-linkbutton"
  107. data-options="iconCls:'iconfont tr-icon-pause',plain:true,disabled:true"></a>
  108. <!-- 改名 -->
  109. <a id="toolbar_rename" href="javascript:void(0);" class="easyui-linkbutton"
  110. data-options="iconCls:'iconfont tr-icon-rename',plain:true,disabled:true"
  111. system-tip-lang="toolbar.tip.rename"></a>
  112. <!-- 删除 -->
  113. <a id="toolbar_remove" href="javascript:void(0);" class="easyui-linkbutton"
  114. data-options="iconCls:'iconfont tr-icon-delete',plain:true,disabled:true"></a>
  115. <!-- 重新校验 -->
  116. <a id="toolbar_recheck" href="javascript:void(0);" class="easyui-linkbutton"
  117. data-options="iconCls:'iconfont tr-icon-data-check',plain:true,disabled:true"></a>
  118. <!-- 获取更多Peers -->
  119. <a id="toolbar_morepeers" href="javascript:void(0);" class="easyui-linkbutton"
  120. data-options="iconCls:'iconfont tr-icon-more-peers',plain:true,disabled:true"
  121. system-tip-lang="toolbar.tip['more-peers']"></a>
  122. <!-- 设置下载目录 -->
  123. <a id="toolbar_changeDownloadDir" href="javascript:void(0);" class="easyui-linkbutton"
  124. data-options="iconCls:'iconfont tr-icon-folder-change',plain:true,disabled:true"></a>
  125. <!-- 设置上传下载限制 -->
  126. <a id="toolbar_changeSpeedLimit" href="javascript:void(0);" class="easyui-linkbutton"
  127. data-options="iconCls:'iconfont tr-icon-speedlimit',plain:true,disabled:true"></a>
  128. <!-- 复制下载目录 -->
  129. <a id="toolbar_copyPath" href="javascript:void(0);" class="easyui-linkbutton"
  130. data-options="iconCls:'iconfont tr-icon-clippy',plain:true,disabled:true" data-clipboard-action="copy"
  131. data-clipboard-target="#clipboard-source"></a>
  132. <span class="button-split">|</span>
  133. <!-- 队列 -->
  134. <a id="toolbar_queue" href="#" class="easyui-menubutton"
  135. data-options="menu:'#menu-queue',iconCls:'iconfont tr-icon-queue-move',disabled:true"
  136. system-tip-lang="toolbar.queue"></a>
  137. <span class="button-split">|</span>
  138. <!-- 开始所有 -->
  139. <a id="toolbar_start_all" href="javascript:void(0);" class="easyui-linkbutton"
  140. data-options="iconCls:'iconfont tr-icon-start-all',plain:true,disabled:true"></a>
  141. <!-- 暂停所有 -->
  142. <a id="toolbar_pause_all" href="javascript:void(0);" class="easyui-linkbutton"
  143. data-options="iconCls:'iconfont tr-icon-pause-all',plain:true,disabled:true"></a>
  144. <span class="button-split">|</span>
  145. <label id="toolbar_label_reload_time"></label>
  146. <input id="toolbar_reload_time" style="width:50px;text-align:center;" class="easyui-numberspinner" />
  147. <label id="toolbar_label_reload_time_unit"></label>
  148. <a id="toolbar_autoreload" href="javascript:void(0);" class="easyui-linkbutton" data-options="plain:true"></a>
  149. <span id="toolbar_right_area" style="padding:1px;position: absolute;right: 2px;">
  150. <!-- 搜索 -->
  151. <input id="toolbar_search" type="text" class="easyui-searchbox" style="width:200px;" />
  152. </span>
  153. </div>
  154. </div>
  155. </div>
  156. <div id="m_left_layout" title="." data-options="region:'west',split:true,border:0">
  157. <div id="layout_left" class="easyui-layout" data-options="fit:true">
  158. <div id="m_left"
  159. data-options="region:'center',border:0,onResize:function(w,h){system.layoutResize('nav', {width:w});}"></div>
  160. <div id="m_status" title="status" data-options="region:'south',split:true,border:0,collapsed:true">
  161. <span id="status_text"></span>
  162. <a id="button-cancel-checked" class="easyui-linkbutton"
  163. data-options="iconCls:'iconfont tr-icon-cancel-checked'"
  164. style="display:none;right: 5px;bottom: 5px;position:absolute;"
  165. system-tip-lang="dialog['public']['button-cancel']"></a>
  166. </div>
  167. </div>
  168. </div>
  169. <div id="m_body" title="." data-options="region:'center',border:0">
  170. <div id="layout_body" class="easyui-layout" data-options="fit:true">
  171. <div id="m_list" data-options="region:'center',border:0"></div>
  172. <div id="m_attribute" title="attribute"
  173. data-options="region:'south',split:true,border:0,collapsed:true,href:'tr-web-control/template/torrent-attribute.html',cache:true,onResize:function(w,h){system.layoutResize('attribute', {height:h});}">
  174. </div>
  175. </div>
  176. </div>
  177. <div id="m_statusbar" data-options="region:'south'">
  178. <span id="status_alt_speed" style="display:none;">&nbsp;&nbsp;&nbsp;&nbsp;</span>
  179. <span id="status_title_downloadspeed" class="iconlabel icon-down"></span>&nbsp;<span
  180. id="status_downloadspeed"></span>
  181. <span class="button-split">|</span>
  182. <span id="status_title_uploadspeed" class="iconlabel icon-up"></span>&nbsp;<span id="status_uploadspeed"></span>
  183. <span class="button-split">|</span>
  184. <span id="status_freespace"></span><span id="status_version" style="float:right;"></span>
  185. </div>
  186. <div id="dropArea" class="dropArea" style="display:none;">
  187. <span id="text-drop-title" style="position:absolute;top:150px;left:150px;font-size:40px;font-weight: bold;"
  188. disabled="disabled"></span>
  189. </div>
  190. </div>
  191. <!-- 队列子菜单 -->
  192. <div id="menu-queue" style="width:150px;">
  193. <div id="menu-queue-move-top" data-options="iconCls:'iconfont tr-icon-top'"
  194. onclick="system.changeSelectedTorrentStatus('',null,'queue-move-top');" system-tip-lang="menus.queue['move-top']">
  195. <span system-lang="menus.queue['move-top']"></span></div>
  196. <div id="menu-queue-move-up" data-options="iconCls:'iconfont tr-icon-up'"
  197. onclick="system.changeSelectedTorrentStatus('',null,'queue-move-up');" system-tip-lang="menus.queue['move-up']">
  198. <span system-lang="menus.queue['move-up']"></span></div>
  199. <div id="menu-queue-move-down" data-options="iconCls:'iconfont tr-icon-down'"
  200. onclick="system.changeSelectedTorrentStatus('',null,'queue-move-down');"
  201. system-tip-lang="menus.queue['move-down']"><span system-lang="menus.queue['move-down']"></span></div>
  202. <div id="menu-queue-move-bottom" data-options="iconCls:'iconfont tr-icon-bottom'"
  203. onclick="system.changeSelectedTorrentStatus('',null,'queue-move-bottom');"
  204. system-tip-lang="menus.queue['move-bottom']"><span system-lang="menus.queue['move-bottom']"></span></div>
  205. </div>
  206. <!-- 扩展功能/插件 -->
  207. <div id="menu-plugin" style="width:260px;">
  208. <div id="menu-plugin-tracker-replace" data-options="iconCls:'iconfont tr-icon-replace'"
  209. system-tip-lang="toolbar.tip['tracker-replace']" onclick="system.plugin.exec('replace-tracker');"><span
  210. system-lang="toolbar['tracker-replace']"></span></div>
  211. <div id="menu-plugin-auto-match-data-folder" data-options="iconCls:'iconfont tr-icon-auto-match'"
  212. system-tip-lang="menus.plugin['auto-match-data-folder']" onclick="system.plugin.exec('auto-match-data-folder');">
  213. <span system-lang="menus.plugin['auto-match-data-folder']"></span></div>
  214. </div>
  215. <textarea id="clipboard-source"></textarea>
  216. </body>
  217. </html>