1<!DOCTYPE html> 2<html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=8,IE=9"><!-- ticket #4555 --> 6 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/> 7 <meta name="apple-mobile-web-app-capable" content="yes" /> 8 <link href="./images/favicon.ico" rel="icon" /> 9 <link href="./images/favicon.png" rel="shortcut icon" /> 10 <link rel="apple-touch-icon" href="./images/webclip-icon.png"/> 11 <script type="text/javascript" src="./javascript/jquery/jquery.min.js"></script> 12 <script type="text/javascript" src="./javascript/jquery/jqueryui-1.8.16.min.js"></script> 13 <link rel="stylesheet" href="./style/jqueryui/jqueryui-1.8.16.css" type="text/css" media="all" /> 14<!-- 15 <link media="screen" href="./style/transmission/mobile.css" type= "text/css" rel="stylesheet" /> 16--> 17 <link media="only screen and (max-device-width: 480px)" href="./style/transmission/mobile.css" type= "text/css" rel="stylesheet" /> 18 <link media="screen and (min-device-width: 481px)" href="./style/transmission/common.css" type="text/css" rel="stylesheet" /> 19 <!--[if IE 8]> 20 <link media="screen" href="./style/transmission/common.css" type="text/css" rel="stylesheet" /> 21 <![endif]--> 22 <script type="text/javascript" src="./javascript/jquery/jquery.transmenu.min.js"></script> 23 <script type="text/javascript" src="./javascript/jquery/jquery.contextmenu.min.js"></script> 24 <script type="text/javascript" src="./javascript/jquery/jquery.form.min.js"></script> 25 <script type="text/javascript" src="./javascript/jquery/json2.min.js"></script> 26 <script type="text/javascript" src="./javascript/common.js"></script> 27 <script type="text/javascript" src="./javascript/inspector.js"></script> 28 <script type="text/javascript" src="./javascript/prefs-dialog.js"></script> 29 <script type="text/javascript" src="./javascript/remote.js"></script> 30 <script type="text/javascript" src="./javascript/transmission.js"></script> 31 <script type="text/javascript" src="./javascript/torrent.js"></script> 32 <script type="text/javascript" src="./javascript/torrent-row.js"></script> 33 <script type="text/javascript" src="./javascript/file-row.js"></script> 34 <script type="text/javascript" src="./javascript/dialog.js"></script> 35 <script type="text/javascript" src="./javascript/formatter.js"></script> 36 <script type="text/javascript" src="./javascript/notifications.js"></script> 37 <title>Transmission Web Interface</title> 38 </head> 39 <body id="transmission_body"> 40 41 <div id="toolbar"> 42 <div id="toolbar-open" title="Open Torrent"></div> 43 <div id="toolbar-remove" title="Remove Selected Torrents"></div> 44 <div id="toolbar-separator"></div> 45 <div id="toolbar-start" title="Start Selected Torrents"></div> 46 <div id="toolbar-pause" title="Pause Selected Torrents"></div> 47 <div id="toolbar-separator"></div> 48 <div id="toolbar-start-all" title="Start All Torrents"></div> 49 <div id="toolbar-pause-all" title="Pause All Torrents"></div> 50 <div id="toolbar-inspector" title="Toggle Inspector"></div> 51 </div> 52 53 <div id="statusbar"> 54 <div id='filter'> 55 Show 56 <select id="filter-mode"> 57 <option value="all">All</option> 58 <option value="active">Active</option> 59 <option value="downloading">Downloading</option> 60 <option value="seeding">Seeding</option> 61 <option value="paused">Paused</option> 62 <option value="finished">Finished</option> 63 </select> 64 <select id="filter-tracker"></select> 65 <input type="search" id="torrent_search" placeholder="Filter" /> 66 <span id="filter-count"> </span> 67 </div> 68 69 <div id='speed-info'> 70 <div id='speed-dn-container'> 71 <div id='speed-dn-icon'></div> 72 <div id='speed-dn-label'></div> 73 </div> 74 <div id='speed-up-container'> 75 <div id='speed-up-icon'></div> 76 <div id='speed-up-label'></div> 77 </div> 78 </div> 79 </div> 80 81 <div id="prefs-dialog" style="display:none;"> 82 <ul> 83 <li id="prefs-tab-general"><a href="#prefs-page-torrents">Torrents</a></li> 84 <li id="prefs-tab-speed"><a href="#prefs-page-speed">Speed</a></li> 85 <li id="prefs-tab-peers"><a href="#prefs-page-peers">Peers</a></li> 86 <li id="prefs-tab-network"><a href="#prefs-page-network">Network</a></li> 87 <li class="ui-tab-dialog-close"></li> 88 </ul> 89 <div> 90 <div id="prefs-page-torrents"> 91 <div class="prefs-section"> 92 <div class="title">Downloading</div> 93 <div class="row"><div class="key">Download to:</div><div class="value"><input type="text" id="download-dir"/></div></div> 94 <div class="checkbox-row"><input type="checkbox" id="start-added-torrents"/><label for="start-added-torrents">Start when added</label></div> 95 <div class="checkbox-row"><input type="checkbox" id="rename-partial-files"/><label for="rename-partial-files">Append ".part" to incomplete files' names</label></div> 96 </div> 97 <div class="prefs-section"> 98 <div class="title">Seeding</div> 99 <div class="row"><div class="key"><input type="checkbox" id="seedRatioLimited"/><label for="seedRatioLimited">Stop seeding at ratio:</label></div> 100 <div class="value"><input type="text" class="numberinput" id="seedRatioLimit"/></div></div> 101 <div class="row"><div class="key"><input type="checkbox" id="idle-seeding-limit-enabled"/><label for="idle-seeding-limit-enabled">Stop seeding if idle for (min):</label></div> 102 <div class="value"><input type="text" class="numberinput" id="idle-seeding-limit"/></div></div> 103 </div> 104 </div> 105 <div id="prefs-page-speed"> 106 <div class="prefs-section"> 107 <div class="title">Speed Limits</div> 108 <div class="row"><div class="key"><input type="checkbox" id="speed-limit-up-enabled"/><label for="speed-limit-up-enabled">Upload (kB/s):</label></div> 109 <div class="value"><input type="text" class="numberinput" id="speed-limit-up"/></div></div> 110 <div class="row"><div class="key"><input type="checkbox" id="speed-limit-down-enabled"/><label for="speed-limit-down-enabled">Download (kB/s):</label></div> 111 <div class="value"><input type="text" class="numberinput" id="speed-limit-down"/></div></div> 112 </div> 113 <div class="prefs-section"> 114 <div class="title"><div id="alternative-speed-limits-title">Alternative Speed Limits</div></div> 115 <div class="row" style="font-size: smaller; padding-bottom: 4px;">Override normal speed limits manually or at scheduled times</div> 116 <div class="row"><div class="key">Upload (kB/s):</div> 117 <div class="value"><input type="text" class="numberinput" id="alt-speed-up"/></div></div> 118 <div class="row"><div class="key">Download (kB/s):</div> 119 <div class="value"><input type="text" class="numberinput" id="alt-speed-down"/></div></div> 120 <div class="checkbox-row"><input type="checkbox" id="alt-speed-time-enabled"/><label for="alt-speed-time-enabled">Scheduled Times</label></div> 121 <div class="row"><div class="key">From:</div> 122 <div class="value"><select id="alt-speed-time-begin"></select></div></div> 123 <div class="row"><div class="key">To:</div> 124 <div class="value"><select id="alt-speed-time-end"></select></div></div> 125 <div class="row"><div class="key"><label for="alt-speed-time-day">On days:</label></div> 126 <div class="value"><select id="alt-speed-time-day"> 127 <option value="127">Everyday</option> 128 <option value="62">Weekdays</option> 129 <option value="65">Weekends</option> 130 <option value="1">Sunday</option> 131 <option value="2">Monday</option> 132 <option value="4">Tuesday</option> 133 <option value="8">Wednesday</option> 134 <option value="16">Thursday</option> 135 <option value="32">Friday</option> 136 <option value="64">Saturday</option></select></div></div> 137 </div> 138 </div> 139 <div id="prefs-page-peers"> 140 <div class="prefs-section"> 141 <div class="title">Connections</div> 142 <div class="row"><div class="key"><label for="peer-limit-per-torrent">Max peers per torrent:</label></div> 143 <div class="value"><input type="text" class="numberinput" id="peer-limit-per-torrent"/></div></div> 144 <div class="row"><div class="key"><label for="peer-limit-global">Max peers overall:</label></div> 145 <div class="value"><input type="text" class="numberinput" id="peer-limit-global"/></div></div> 146 </div> 147 <div class="prefs-section"> 148 <div class="title">Options</div> 149 <div class="row"><div class="key">Encryption mode:</div> 150 <div class="value"><select id="encryption"> 151 <option value="tolerated">Allow encryption</option> 152 <option value="preferred">Prefer encryption</option> 153 <option value="required">Require encryption</option></select></div></div> 154 <div class="checkbox-row"><input type="checkbox" id="pex-enabled" title="PEX is a tool for exchanging peer lists with the peers you're connected to."/> 155 <label for="pex-enabled" title="PEX is a tool for exchanging peer lists with the peers you're connected to.">Use PEX to find more peers</label></div> 156 <div class="checkbox-row"><input type="checkbox" id="dht-enabled" title="DHT is a tool for finding peers without a tracker."/> 157 <label for="dht-enabled" title="DHT is a tool for finding peers without a tracker.">Use DHT to find more peers</label></div> 158 <div class="checkbox-row"><input type="checkbox" id="lpd-enabled" title="LPD is a tool for finding peers on your local network."/> 159 <label for="lpd-enabled" title="LPD is a tool for finding peers on your local network.">Use LPD to find more peers</label></div> 160 </div> 161 <div class="prefs-section"> 162 <div class="title">Blocklist</div> 163 <div class="row"><div class="key"><input type="checkbox" id="blocklist-enabled"/><label for="blocklist-enabled">Enable blocklist:</label></div> 164 <div class="value"><input type="url" id="blocklist-url"/></div></div> 165 <div class="row"><div class="key" style="margin-top: 3px; font-size: smaller;">Blocklist has <span id="blocklist-size">?</span> rules</div> 166 <div class="value"><input type="button" id="blocklist-update-button" value="Update"/></div></div> 167 </div> 168 </div> 169 <div id="prefs-page-network"> 170 <div class="prefs-section"> 171 <div class="title">Listening Port</div> 172 <div class="row"><div class="key"><label for="peer-port">Peer listening port:</label></div> 173 <div class="value"><input type="text" class="numberinput" id="peer-port"/></div></div> 174 <div class="row"><div class="key"> </div> 175 <div class="value"><span id="port-label">Status: Unknown</span></div></div> 176 <div class="checkbox-row"><input type="checkbox" id="peer-port-random-on-start"/><label for="peer-port-random-on-start">Randomize port on launch</label></div> 177 <div class="checkbox-row"><input type="checkbox" id="port-forwarding-enabled"/><label for="port-forwarding-enabled">Use port forwarding from my router</label></div> 178 </div> 179 <div class="prefs-section"> 180 <div class="title">Options</div> 181 <div class="checkbox-row"><input type="checkbox" id="utp-enabled" title="uTP is a tool for reducing network congestion."/> 182 <label for="utp-enabled" title="uTP is a tool for reducing network congestion.">Enable uTP for peer communication</label></div> 183 </div> 184 </div> 185 </div> 186 </div> 187 188 <div id="torrent_inspector" style="display:none;"> 189 190 <div id="inspector-tabs-wrapper"> 191 <div id="inspector-tabs"> 192 <div class="inspector-tab selected" id="inspector-tab-info" title="Info"><a href="#info"></a></div><div class="inspector-tab" id="inspector-tab-peers" title="Peers"><a href="#peers"></a></div><div class="inspector-tab" id="inspector-tab-trackers" title="Trackers"><a href="#trackers"></a></div><div class="inspector-tab" id="inspector-tab-files" title="Files"><a href="#files"></a></div> 193 </div><!-- inspector-tabs --> 194 </div><!-- inspector-tabs-wrapper --> 195 196 <div id="inspector_header"> 197 <div id="torrent_inspector_name"></div> 198 <span id="torrent_inspector_size"></span> 199 </div> 200 201 <div class="inspector-page" id="inspector-page-info"> 202 <div class="prefs-section"> 203 <div class="title">Activity</div> 204 <div class="row"><div class="key">Have:</div><div class="value" id="inspector-info-have"> </div></div> 205 <div class="row"><div class="key">Availability:</div><div class="value" id="inspector-info-availability"> </div></div> 206 <div class="row"><div class="key">Downloaded:</div><div class="value" id="inspector-info-downloaded"> </div></div> 207 <div class="row"><div class="key">Uploaded:</div><div class="value" id="inspector-info-uploaded"> </div></div> 208 <div class="row"><div class="key">State:</div><div class="value" id="inspector-info-state"> </div></div> 209 <div class="row"><div class="key">Running Time:</div><div class="value" id="inspector-info-running-time"> </div></div> 210 <div class="row"><div class="key">Remaining Time:</div><div class="value" id="inspector-info-remaining-time"> </div></div> 211 <div class="row"><div class="key">Last Activity:</div><div class="value" id="inspector-info-last-activity"> </div></div> 212 <div class="row"><div class="key">Error:</div><div class="value" id="inspector-info-error"> </div></div> 213 </div> 214 <div class="prefs-section"> 215 <div class="title">Details</div> 216 <div class="row"><div class="key">Size:</div><div class="value" id="inspector-info-size"> </div></div> 217 <div class="row"><div class="key">Location:</div><div class="value" id="inspector-info-location"> </div></div> 218 <div class="row"><div class="key">Hash:</div><div class="value" id="inspector-info-hash"> </div></div> 219 <div class="row"><div class="key">Privacy:</div><div class="value" id="inspector-info-privacy"> </div></div> 220 <div class="row"><div class="key">Origin:</div><div class="value" id="inspector-info-origin"> </div></div> 221 <div class="row"><div class="key">Comment:</div><div class="value" id="inspector-info-comment"> </div></div> 222 </div> 223 </div><!-- id="inspector_tab_info_container" --> 224 225 <div style="display:none;" class="inspector-page" id="inspector-page-peers"> 226 <div id="inspector_peers_list"> 227 </div> 228 </div><!-- id="inspector_tab_peers_container" --> 229 230 <div style="display:none;" class="inspector-page" id="inspector-page-trackers"> 231 <div id="inspector_trackers_list"> 232 </div> 233 </div><!-- id="inspector_tab_trackers_container" --> 234 235 <div style="display:none;" class="inspector-page" id="inspector-page-files"> 236 <ul id="inspector_file_list"> 237 </ul> 238 </div><!-- id="inspector_tab_files_container" --> 239 240 </div> 241 242 <div id="torrent_container"> 243 <ul class="torrent_list" id="torrent_list"></ul> 244 </div> 245 246 <div class="dialog_container" id="dialog_container" style="display:none;"> 247 <div class="dialog_top_bar"></div> 248 <div class="dialog_window"> 249 <div class="dialog_logo" id="dialog_logo"></div> 250 <h2 class="dialog_heading" id="dialog_heading"></h2> 251 <div class="dialog_message" id="dialog_message"></div> 252 <a href="#confirm" id="dialog_confirm_button">Confirm</a> 253 <a href="#cancel" id="dialog_cancel_button">Cancel</a> 254 </div> 255 </div> 256 257 <div id="about-dialog" style="display:none;"> 258 <p id="about-logo"></p> 259 <p id="about-title">Transmission X</p> 260 <p id="about-blurb">A fast and easy BitTorrent client</p> 261 <p id="about-copyright">Copyright (c) The Transmission Project</p> 262 </div> 263 264 <div id="stats-dialog" style="display:none;"> 265 <div class="prefs-section"> 266 <div class="title">Current Session</div> 267 <div class="row"><div class="key">Uploaded:</div><div class="value" id='stats-session-uploaded'> </div></div> 268 <div class="row"><div class="key">Downloaded:</div><div class="value" id='stats-session-downloaded'> </div></div> 269 <div class="row"><div class="key">Ratio:</div><div class="value" id='stats-session-ratio'> </div></div> 270 <div class="row"><div class="key">Running Time:</div><div class="value" id='stats-session-duration'> </div></div> 271 </div> 272 <div class="prefs-section"> 273 <div class="title">Total</div> 274 <div class="row"><div class="key">Started:</div><div class="value" id='stats-total-count'> </div></div> 275 <div class="row"><div class="key">Uploaded:</div><div class="value" id='stats-total-uploaded'> </div></div> 276 <div class="row"><div class="key">Downloaded:</div><div class="value" id='stats-total-downloaded'> </div></div> 277 <div class="row"><div class="key">Ratio:</div><div class="value" id='stats-total-ratio'> </div></div> 278 <div class="row"><div class="key">Running Time:</div><div class="value" id='stats-total-duration'> </div></div> 279 </div> 280 </div> 281 282 <div class="dialog_container" id="upload_container" style="display:none;"> 283 <div class="dialog_top_bar"></div> 284 <div class="dialog_window"> 285 <div class="dialog_logo" id="upload_dialog_logo"></div> 286 <h2 class="dialog_heading">Upload Torrent Files</h2> 287 <form action="#" method="post" id="torrent_upload_form" 288 enctype="multipart/form-data" target="torrent_upload_frame"> 289 <div class="dialog_message"> 290 <label for="torrent_upload_file">Please select a torrent file to upload:</label> 291 <input type="file" name="torrent_files[]" id="torrent_upload_file" multiple="multiple" /> 292 <label for="torrent_upload_url">Or enter a URL:</label> 293 <input type="url" id="torrent_upload_url"/> 294 <input type="checkbox" id="torrent_auto_start" /> 295 <label for="torrent_auto_start" id="auto_start_label">Start when added</label> 296 </div> 297 <a href="#upload" id="upload_confirm_button">Upload</a> 298 <a href="#cancel" id="upload_cancel_button">Cancel</a> 299 </form> 300 </div> 301 </div> 302 303 <div class="dialog_container" id="move_container" style="display:none;"> 304 <div class="dialog_top_bar"></div> 305 <div class="dialog_window"> 306 <div class="dialog_logo" id="move_dialog_logo"></div> 307 <h2 class="dialog_heading">Set Location</h2> 308 <form action="#" method="post" id="torrent_move_form" 309 enctype="multipart/form-data" target="torrent_move_frame"> 310 <div class="dialog_message"> 311 <label for="torrent_path">Location:</label> 312 <input type="text" id="torrent_path"/> 313 </div> 314 <a href="#move" id="move_confirm_button">Apply</a> 315 <a href="#cancel" id="move_cancel_button">Cancel</a> 316 </form> 317 </div> 318 </div> 319 320 <div class="torrent_footer"> 321 <ul id="settings_menu" title="Settings Menu"> 322 <li id="button"> 323 <ul id="footer_super_menu"> 324 <li id="about-button">About</li> 325 <li class="separator"></li> 326 <li id="homepage">Transmission Homepage</li> 327 <li id="tipjar">Transmission Tip Jar</li> 328 <li class="separator"></li> 329 <li id="statistics">Statistics</li> 330 <li id="toggle_notifications" style="display: none">Notifcations</li> 331 <li class="separator"></li> 332 <li>Total Download Rate 333 <ul id="footer_download_rate_menu"> 334 <li id="unlimited_download_rate">Unlimited</li> 335 <li id="limited_download_rate">Limit (10 kB/s)</li> 336 <li class="separator"></li> 337 <li class='download-speed'>5 kB/s</li> 338 <li class='download-speed'>10 kB/s</li> 339 <li class='download-speed'>20 kB/s</li> 340 <li class='download-speed'>30 kB/s</li> 341 <li class='download-speed'>40 kB/s</li> 342 <li class='download-speed'>50 kB/s</li> 343 <li class='download-speed'>75 kB/s</li> 344 <li class='download-speed'>100 kB/s</li> 345 <li class='download-speed'>150 kB/s</li> 346 <li class='download-speed'>200 kB/s</li> 347 <li class='download-speed'>250 kB/s</li> 348 <li class='download-speed'>500 kB/s</li> 349 <li class='download-speed'>750 kB/s</li> 350 </ul> 351 </li> 352 <li>Total Upload Rate 353 <ul id="footer_upload_rate_menu"> 354 <li id="unlimited_upload_rate">Unlimited</li> 355 <li id="limited_upload_rate">Limit (10 kB/s)</li> 356 <li class="separator"></li> 357 <li class='upload-speed'>5 kB/s</li> 358 <li class='upload-speed'>10 kB/s</li> 359 <li class='upload-speed'>20 kB/s</li> 360 <li class='upload-speed'>30 kB/s</li> 361 <li class='upload-speed'>40 kB/s</li> 362 <li class='upload-speed'>50 kB/s</li> 363 <li class='upload-speed'>75 kB/s</li> 364 <li class='upload-speed'>100 kB/s</li> 365 <li class='upload-speed'>150 kB/s</li> 366 <li class='upload-speed'>200 kB/s</li> 367 <li class='upload-speed'>250 kB/s</li> 368 <li class='upload-speed'>500 kB/s</li> 369 <li class='upload-speed'>750 kB/s</li> 370 </ul> 371 </li> 372 <li class="separator"></li> 373 <li>Sort Transfers By 374 <ul id="footer_sort_menu"> 375 <li class='sort-mode' id="sort_by_queue_order">Queue Order</li> 376 <li class='sort-mode' id="sort_by_activity">Activity</li> 377 <li class='sort-mode' id="sort_by_age">Age</li> 378 <li class='sort-mode' id="sort_by_name">Name</li> 379 <li class='sort-mode' id="sort_by_percent_completed">Progress</li> 380 <li class='sort-mode' id="sort_by_ratio">Ratio</li> 381 <li class='sort-mode' id="sort_by_size">Size</li> 382 <li class='sort-mode' id="sort_by_state">State</li> 383 <li class="separator"></li> 384 <li id="reverse_sort_order">Reverse Sort Order</li> 385 </ul> 386 </li> 387 </ul> 388 </li> 389 </ul> 390 <div id="prefs-button" title="Edit Preferences..."> </div> 391 <div id="turtle-button" title="Alternative Speed Limits"> </div> 392 <div id="compact-button" title="Compact View"> </div> 393 </div> 394 395 <div class="contextMenu" id="torrent_context_menu"> 396 <ul> 397 <li id="context_pause_selected" class="disabled context_pause_selected">Pause</li> 398 <li id="context_resume_selected" class="disabled context_resume_selected">Resume</li> 399 <li id="context_resume_now_selected" class="disabled context_resume_selected">Resume Now</li> 400 <li class="separator"></li> 401 <li id="context_move_top">Move to Top</li> 402 <li id="context_move_up">Move Up</li> 403 <li id="context_move_down">Move Down</li> 404 <li id="context_move_bottom">Move to Bottom</li> 405 <li class="separator"></li> 406 <li id="context_remove">Remove From List...</li> 407 <li id="context_removedata">Trash Data & Remove From List...</li> 408 <li class="separator"></li> 409 <li id="context_verify">Verify Local Data</li> 410 <li id="context_move">Set Location...</li> 411 <li class="separator"></li> 412 <li id="context_reannounce">Ask tracker for more peers</li> 413 <li class="separator"></li> 414 <li id="context_select_all">Select All</li> 415 <li id="context_deselect_all">Deselect All</li> 416 </ul> 417 </div> 418 419 <iframe name="torrent_upload_frame" id="torrent_upload_frame" src="about:blank" ></iframe> 420 </body> 421</html> 422