source: trunk/web/index.html @ 12988

Last change on this file since 12988 was 12988, checked in by jordan, 11 years ago

(trunk web) revert part of the previous commit. IE didn't add media query support until IE9, so we still have to explicitly call common.css in an "if IE8" block.

  • Property svn:executable set to *
File size: 24.3 KB
Line 
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-1.6.4.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="./stylesheets/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                <!-- required by IE8... -->
20                <!--[if IE]>
21                <link media="screen" href="./style/transmission/common.css" type="text/css" rel="stylesheet" />
22                <![endif]-->
23                <script type="text/javascript" src="./javascript/jquery/jquery.transmenu.min.js"></script>
24                <script type="text/javascript" src="./javascript/jquery/jquery.contextmenu.min.js"></script>
25                <script type="text/javascript" src="./javascript/jquery/jquery.form.min.js"></script>
26                <script type="text/javascript" src="./javascript/jquery/json2.min.js"></script>
27                <script type="text/javascript" src="./javascript/common.js"></script>
28                <script type="text/javascript" src="./javascript/inspector.js"></script>
29                <script type="text/javascript" src="./javascript/prefs-dialog.js"></script>
30                <script type="text/javascript" src="./javascript/remote.js"></script>
31                <script type="text/javascript" src="./javascript/transmission.js"></script>
32                <script type="text/javascript" src="./javascript/torrent.js"></script>
33                <script type="text/javascript" src="./javascript/torrent-row.js"></script>
34                <script type="text/javascript" src="./javascript/file-row.js"></script>
35                <script type="text/javascript" src="./javascript/dialog.js"></script>
36                <script type="text/javascript" src="./javascript/formatter.js"></script>
37                <title>Transmission Web Interface</title>
38        </head>
39        <body id="transmission_body">
40
41                <div id="toolbar">
42                        <ul>
43                                <li id="open"><div id="open_link"><div class="toolbar_image"></div>Open</div></li>
44                                <li id="remove" class="disabled"><div id="remove_link"><div class="toolbar_image"></div>Remove</div></li>
45                                <li class="divider">&nbsp;</li>
46                                <li id="pause_selected" class="disabled"><div id="pause_selected_link"><div class="toolbar_image"></div>Pause</div></li>
47                                <li id="resume_selected" class="disabled"><div id="resume_selected_link"><div class="toolbar_image"></div>Resume</div></li>
48                                <li class="divider">&nbsp;</li>
49                                <li id="pause_all" class="disabled"><div id="pause_all_link"><div class="toolbar_image"></div>Pause All</div></li>
50                                <li id="resume_all" class="disabled"><div id="resume_all_link"><div class="toolbar_image"></div>Resume All</div></li>
51                                <li id="inspector"><div id="inspector_link"><div class="toolbar_image"></div>Inspector</div></li>
52                        </ul>
53                </div>
54
55                <div id="statusbar">
56                        <input type="search" id="torrent_search" placeholder="Filter" />
57                        <div id='filter-button'></div>
58                        <div id='speed-info'>
59                                <span id="speed-dn-label">0 B/s</span>
60                                <span id="speed-up-label">0 B/s</span>
61                        </div>
62                </div>
63
64                <div id="filter-popup" style="display:none;">
65                        <div id='filter-popup-workarea'>
66                                <div id='filter-by-state'></div>
67                                <div id='filter-by-tracker'></div>
68                        </div>
69                </div>
70
71                <div id="prefs-dialog" style="display:none;">
72                        <ul>
73                                <li id="prefs-tab-general"><a href="#prefs-page-torrents">Torrents</a></li>
74                                <li id="prefs-tab-speed"><a href="#prefs-page-speed">Speed</a></li>
75                                <li id="prefs-tab-peers"><a href="#prefs-page-peers">Peers</a></li>
76                                <li id="prefs-tab-network"><a href="#prefs-page-network">Network</a></li>
77                                <li class="ui-tab-dialog-close"></li>
78                        </ul>
79                        <div>
80                                <div id="prefs-page-torrents">
81                                        <div class="prefs-section">
82                                                <div class="title">Downloading</div>
83                                                <div class="row"><div class="key">Download to:</div><div class="value"><input type="text" id="download-dir"/></div></div>
84                                                <div class="checkbox-row"><input type="checkbox" id="start-added-torrents"/><label for="start-added-torrents">Start when added</label></div>
85                                                <div class="checkbox-row"><input type="checkbox" id="rename-partial-files"/><label for="rename-partial-files">Append &quot;.part&quot; to incomplete files' names</label></div>
86                                        </div>
87                                        <div class="prefs-section">
88                                                <div class="title">Seeding</div>
89                                                <div class="row"><div class="key"><input type="checkbox" id="seedRatioLimited"/><label for="seedRatioLimited">Stop seeding at ratio:</label></div>
90                                                                 <div class="value"><input type="text" class="numberinput" id="seedRatioLimit"/></div></div>
91                                                <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>
92                                                                 <div class="value"><input type="text" class="numberinput" id="idle-seeding-limit"/></div></div>
93                                        </div>
94                                </div>
95                                <div id="prefs-page-speed">
96                                        <div class="prefs-section">
97                                                <div class="title">Speed Limits</div>
98                                                <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>
99                                                                 <div class="value"><input type="text" class="numberinput" id="speed-limit-up"/></div></div>
100                                                <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>
101                                                                 <div class="value"><input type="text" class="numberinput" id="speed-limit-down"/></div></div>
102                                        </div>
103                                        <div class="prefs-section">
104                                                <div class="title"><div id="alternative-speed-limits-title">Alternative Speed Limits</div></div>
105                                                <div class="row" style="font-size: smaller; padding-bottom: 4px;">Override normal speed limits manually or at scheduled times</div>
106                                                <div class="row"><div class="key">Upload (kB/s):</div>
107                                                                 <div class="value"><input type="text" class="numberinput" id="alt-speed-up"/></div></div>
108                                                <div class="row"><div class="key">Download (kB/s):</div>
109                                                                 <div class="value"><input type="text" class="numberinput" id="alt-speed-down"/></div></div>
110                                                <div class="checkbox-row"><input type="checkbox" id="alt-speed-time-enabled"/><label for="alt-speed-time-enabled">Scheduled Times</label></div>
111                                                <div class="row"><div class="key">From:</div>
112                                                                 <div class="value"><select id="alt-speed-time-begin"></select></div></div>
113                                                <div class="row"><div class="key">To:</div>
114                                                                 <div class="value"><select id="alt-speed-time-end"></select></div></div>
115                                                <div class="row"><div class="key"><label for="alt-speed-time-day">On days:</label></div>
116                                                                 <div class="value"><select id="alt-speed-time-day">
117                                                                                <option value="127">Everyday</option>
118                                                                                <option value="62">Weekdays</option>
119                                                                                <option value="65">Weekends</option>
120                                                                                <option value="1">Sunday</option>
121                                                                                <option value="2">Monday</option>
122                                                                                <option value="4">Tuesday</option>
123                                                                                <option value="8">Wednesday</option>
124                                                                                <option value="16">Thursday</option>
125                                                                                <option value="32">Friday</option>
126                                                                                <option value="64">Saturday</option></select></div></div>
127                                        </div>
128                                </div>
129                                <div id="prefs-page-peers">
130                                        <div class="prefs-section">
131                                                <div class="title">Connections</div>
132                                                <div class="row"><div class="key"><label for="peer-limit-per-torrent">Max peers per torrent:</label></div>
133                                                                 <div class="value"><input type="text" class="numberinput" id="peer-limit-per-torrent"/></div></div>
134                                                <div class="row"><div class="key"><label for="peer-limit-global">Max peers overall:</label></div>
135                                                                 <div class="value"><input type="text" class="numberinput" id="peer-limit-global"/></div></div>
136                                        </div>
137                                        <div class="prefs-section">
138                                                <div class="title">Options</div>
139                                                <div class="row"><div class="key">Encryption mode:</div>
140                                                                 <div class="value"><select id="encryption">
141                                                                        <option value="tolerated">Allow encryption</option>
142                                                                        <option value="preferred">Prefer encryption</option>
143                                                                        <option value="required">Require encryption</option></select></div></div>
144                                                <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."/>
145                                                                          <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>
146                                                <div class="checkbox-row"><input type="checkbox" id="dht-enabled" title="DHT is a tool for finding peers without a tracker."/>
147                                                                          <label for="dht-enabled" title="DHT is a tool for finding peers without a tracker.">Use DHT to find more peers</label></div>
148                                                <div class="checkbox-row"><input type="checkbox" id="lpd-enabled" title="LPD is a tool for finding peers on your local network."/>
149                                                                          <label for="lpd-enabled" title="LPD is a tool for finding peers on your local network.">Use LPD to find more peers</label></div>
150                                        </div>
151                                        <div class="prefs-section">
152                                                <div class="title">Blocklist</div>
153                                                <div class="row"><div class="key"><input type="checkbox" id="blocklist-enabled"/><label for="blocklist-enabled">Enable blocklist:</label></div>
154                                                                 <div class="value"><input type="url" id="blocklist-url"/></div></div>
155                                                <div class="row"><div class="key" style="margin-top: 3px; font-size: smaller;">Blocklist has <span id="blocklist-size">?</span> rules</div>
156                                                                 <div class="value"><input type="button" id="blocklist-update-button" value="Update"/></div></div>
157                                        </div>
158                                </div>
159                                <div id="prefs-page-network">
160                                        <div class="prefs-section">
161                                                <div class="title">Listening Port</div>
162                                                <div class="row"><div class="key"><label for="peer-port">Peer listening port:</label></div>
163                                                                 <div class="value"><input type="text" class="numberinput" id="peer-port"/></div></div>
164                                                <div class="row"><div class="key">&nbsp;</div>
165                                                                 <div class="value"><span id="port-label">Status: Unknown</span></div></div>
166                                                <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>
167                                                <div class="checkbox-row"><input type="checkbox" id="port-forwarding-enabled"/><label for="port-forwarding-enabled">Use port forwarding from my router</label></div>
168                                        </div>
169                                        <div class="prefs-section">
170                                                <div class="title">Options</div>
171                                                <div class="checkbox-row"><input type="checkbox" id="utp-enabled" title="uTP is a tool for reducing network congestion."/>
172                                                                          <label for="utp-enabled" title="uTP is a tool for reducing network congestion.">Enable uTP for peer communication</label></div>
173                                        </div>
174                                </div>
175                        </div>
176                </div>
177
178                <div id="torrent_inspector" style="display:none;">
179
180                        <div style="display:none;" class="inspector_close" id="inspector_close"></div>
181
182                        <div id="inspector_tabs">
183                                <div class="inspector_tab selected" id="inspector_tab_info"><div id="inspector-tab-label-info"></div><a href="#info"></a></div>
184                                <div class="inspector_tab" id="inspector_tab_activity"><div id="inspector-tab-label-activity"></div><a href="#activity"></a></div>
185                                <div class="inspector_tab" id="inspector_tab_peers"><div id="inspector-tab-label-peers"></div><a href="#peers"></a></div>
186                                <div class="inspector_tab" id="inspector_tab_trackers"><div id="inspector-tab-label-trackers"></div><a href="#trackers"></a></div>
187                                <div class="inspector_tab" id="inspector_tab_files"><div id="inspector-tab-label-files"></div><a href="#files"></a></div>
188                        </div>
189
190                        <div id="inspector_header">
191                                <h1 id="torrent_inspector_name"></h1>
192                                <span id="torrent_inspector_size"></span>
193                        </div>
194
195                        <div class="inspector_container" id="inspector_tab_info_container">
196                                <div class="inspector_group">
197                                        <div class="inspector_group_label">Information</div>
198                                        <div class="inspector_row">
199                                                <div class="inspector_label">Pieces:</div>
200                                                <div id="torrent_inspector_pieces"></div>
201                                        </div>
202                                        <div class="inspector_row">
203                                                <div class="inspector_label">Hash:</div>
204                                                <div id="torrent_inspector_hash"></div>
205                                        </div>
206                                        <div class="inspector_row">
207                                                <div class="inspector_label">Secure:</div>
208                                                <div id="torrent_inspector_secure"></div>
209                                        </div>
210                                        <div class="inspector_row">
211                                                <div class="inspector_label">Comment:</div>
212                                                <div id="torrent_inspector_comment"></div>
213                                        </div>
214                                </div><!-- class="inspector_group"-->
215
216                                <div class="inspector_group">
217                                        <div class="inspector_group_label">Created By</div>
218                                        <div class="inspector_row">
219                                                <div class="inspector_label">Creator:</div>
220                                                <div id="torrent_inspector_creator">N/A</div>
221                                        </div>
222                                        <div class="inspector_row">
223                                                <div class="inspector_label">Date:</div>
224                                                <div id="torrent_inspector_creator_date">N/A</div>
225                                        </div>
226                                </div><!-- class="inspector_group"-->
227
228                                <div class="inspector_group">
229                                        <div class="inspector_group_label">Where</div>
230                                        <div class="inspector_row">
231                                                <div class="inspector_label">Download Dir:</div>
232                                                <div id="torrent_inspector_download_dir">N/A</div>
233                                        </div>
234                                </div><!-- class="inspector_group"-->
235                        </div><!-- id="inspector_tab_info_container" -->
236
237                        <div style="display:none;" class="inspector_container" id="inspector_tab_activity_container">
238
239                                <div class="inspector_group">
240                                        <div class="inspector_group_label">Activity</div>
241                                        <div class="inspector_row">
242                                                <div class="inspector_label">State:</div>
243                                                <div id="torrent_inspector_state">N/A</div>
244                                        </div>
245                                        <div class="inspector_row">
246                                                <div class="inspector_label">Progress:</div>
247                                                <div id="torrent_inspector_progress">N/A</div>
248                                        </div>
249                                        <div class="inspector_row">
250                                                <div class="inspector_label">Have:</div>
251                                                <div id="torrent_inspector_have">N/A</div>
252                                        </div>
253                                        <div class="inspector_row">
254                                                <div class="inspector_label">Availability:</div>
255                                                <div id="torrent_inspector_availability">N/A</div>
256                                        </div>
257                                        <div class="inspector_row">
258                                                <div class="inspector_label">Downloaded:</div>
259                                                <div id="torrent_inspector_downloaded">N/A</div>
260                                        </div>
261                                        <div class="inspector_row">
262                                                <div class="inspector_label">Uploaded:</div>
263                                                <div id="torrent_inspector_uploaded">N/A</div>
264                                        </div>
265                                        <div class="inspector_row">
266                                                <div class="inspector_label">Ratio:</div>
267                                                <div id="torrent_inspector_ratio">N/A</div>
268                                        </div>
269                                        <div class="inspector_row">
270                                                <div class="inspector_label">Error:</div>
271                                                <div id="torrent_inspector_error">N/A</div>
272                                        </div>
273                                        <div class="inspector_row">
274                                                <div class="inspector_label">DL Speed:</div>
275                                                <div id="torrent_inspector_download_speed">N/A</div>
276                                        </div>
277                                        <div class="inspector_row">
278                                                <div class="inspector_label">UL Speed:</div>
279                                                <div id="torrent_inspector_upload_speed">N/A</div>
280                                        </div>
281                                </div><!-- class="inspector_group"-->
282
283                                <div class="inspector_group">
284                                        <div class="inspector_group_label">Peers</div>
285                                        <div class="inspector_row">
286                                                <div class="inspector_label">UL To:</div>
287                                                <div id="torrent_inspector_upload_to">N/A</div>
288                                        </div>
289                                        <div class="inspector_row">
290                                                <div class="inspector_label">DL From:</div>
291                                                <div id="torrent_inspector_download_from">N/A</div>
292                                        </div>
293                                </div><!-- class="inspector_group"-->
294                        </div><!-- id="inspector_tab_activity_container" -->
295
296                        <div style="display:none;" class="inspector_container" id="inspector_tab_peers_container">
297                                <div id="inspector_peers_list">
298                                </div>
299                        </div><!-- id="inspector_tab_peers_container" -->
300
301                        <div style="display:none;" class="inspector_container" id="inspector_tab_trackers_container">
302                                <div id="inspector_trackers_list">
303                                </div>
304                        </div><!-- id="inspector_tab_trackers_container" -->
305
306                        <div style="display:none;" class="inspector_container" id="inspector_tab_files_container">
307                                <div id="select_all_button_container">
308                                        <div id="files_deselect_all" class="select_all_button">Deselect All</div>
309                                        <div id="files_select_all" class="select_all_button">Select All</div>
310                                </div>
311                                <ul id="inspector_file_list">
312                                </ul>
313                        </div><!-- id="inspector_tab_files_container" -->
314
315                </div>
316
317                <div id="torrent_container">
318                        <ul class="torrent_list" id="torrent_list"></ul>
319                </div>
320
321                <div class="dialog_container" id="dialog_container" style="display:none;">
322                        <div class="dialog_top_bar"></div>
323                        <div class="dialog_window">
324                                <div class="dialog_logo" id="dialog_logo"></div>
325                                <h2 class="dialog_heading" id="dialog_heading"></h2>
326                                <div class="dialog_message" id="dialog_message"></div>
327                                <a href="#confirm" id="dialog_confirm_button">Confirm</a>
328                                <a href="#cancel" id="dialog_cancel_button">Cancel</a>
329                        </div>
330                </div>
331
332                <div id="about-dialog" style="display:none;">
333                        <p id="about-logo"></p>
334                        <p id="about-title">Transmission X</p>
335                        <p id="about-blurb">A fast and easy BitTorrent client</p>
336                        <p id="about-copyright">Copyright (c) The Transmission Project</p>
337                </div>
338
339                <div id="stats-dialog" style="display:none;">
340                        <div class="prefs-section">
341                                <div class="title">Current Session</div>
342                                <div class="row"><div class="key">Uploaded:</div><div class="value" id='stats-session-uploaded'>&nbsp;</div></div>
343                                <div class="row"><div class="key">Downloaded:</div><div class="value" id='stats-session-downloaded'>&nbsp;</div></div>
344                                <div class="row"><div class="key">Ratio:</div><div class="value" id='stats-session-ratio'>&nbsp;</div></div>
345                                <div class="row"><div class="key">Running Time:</div><div class="value" id='stats-session-duration'>&nbsp;</div></div>
346                        </div>
347                        <div class="prefs-section">
348                                <div class="title">Total</div>
349                                <div class="row"><div class="key">Started:</div><div class="value" id='stats-total-count'>&nbsp;</div></div>
350                                <div class="row"><div class="key">Uploaded:</div><div class="value" id='stats-total-uploaded'>&nbsp;</div></div>
351                                <div class="row"><div class="key">Downloaded:</div><div class="value" id='stats-total-downloaded'>&nbsp;</div></div>
352                                <div class="row"><div class="key">Ratio:</div><div class="value" id='stats-total-ratio'>&nbsp;</div></div>
353                                <div class="row"><div class="key">Running Time:</div><div class="value" id='stats-total-duration'>&nbsp;</div></div>
354                        </div>
355                </div>
356
357                <div class="dialog_container" id="upload_container" style="display:none;">
358                        <div class="dialog_top_bar"></div>
359                        <div class="dialog_window">
360                                <div class="dialog_logo" id="upload_dialog_logo"></div>
361                                <h2 class="dialog_heading">Upload Torrent Files</h2>
362                                <form action="#" method="post" id="torrent_upload_form"
363                                        enctype="multipart/form-data" target="torrent_upload_frame">
364                                        <div class="dialog_message">
365                                                <label for="torrent_upload_file">Please select a torrent file to upload:</label>
366                                                        <input type="file" name="torrent_files[]" id="torrent_upload_file" multiple="multiple" />
367                                                <label for="torrent_upload_url">Or enter a URL:</label>
368                                                        <input type="url" id="torrent_upload_url"/>
369                                                        <input type="checkbox" id="torrent_auto_start" />
370                                                <label for="torrent_auto_start" id="auto_start_label">Start when added</label>
371                                        </div>
372                                        <a href="#upload" id="upload_confirm_button">Upload</a>
373                                        <a href="#cancel" id="upload_cancel_button">Cancel</a>
374                                </form>
375                        </div>
376                </div>
377
378                <div class="torrent_footer">
379                        <ul id="settings_menu">
380                                <li id="button">&nbsp;
381                                        <ul id="footer_super_menu">
382                                                <li id="about-button">About</li>
383                                                <li class="separator"></li>
384                                                <li id="homepage">Transmission Homepage</li>
385                                                <li id="tipjar">Transmission Tip Jar</li>
386                                                <li class="separator"></li>
387                                                <li id="preferences">Preferences</li>
388                                                <li id="statistics">Statistics</li>
389                                                <li class="separator"></li>
390                                                <li>Total Download Rate
391                                                        <ul id="footer_download_rate_menu">
392                                                                <li id="unlimited_download_rate">Unlimited</li>
393                                                                <li id="limited_download_rate">Limit (10 kB/s)</li>
394                                                                <li class="separator"></li>
395                                                                <li class='download-speed'>5 kB/s</li>
396                                                                <li class='download-speed'>10 kB/s</li>
397                                                                <li class='download-speed'>20 kB/s</li>
398                                                                <li class='download-speed'>30 kB/s</li>
399                                                                <li class='download-speed'>40 kB/s</li>
400                                                                <li class='download-speed'>50 kB/s</li>
401                                                                <li class='download-speed'>75 kB/s</li>
402                                                                <li class='download-speed'>100 kB/s</li>
403                                                                <li class='download-speed'>150 kB/s</li>
404                                                                <li class='download-speed'>200 kB/s</li>
405                                                                <li class='download-speed'>250 kB/s</li>
406                                                                <li class='download-speed'>500 kB/s</li>
407                                                                <li class='download-speed'>750 kB/s</li>
408                                                        </ul>
409                                                </li>
410                                                <li>Total Upload Rate
411                                                        <ul id="footer_upload_rate_menu">
412                                                                <li id="unlimited_upload_rate">Unlimited</li>
413                                                                <li id="limited_upload_rate">Limit (10 kB/s)</li>
414                                                                <li class="separator"></li>
415                                                                <li class='upload-speed'>5 kB/s</li>
416                                                                <li class='upload-speed'>10 kB/s</li>
417                                                                <li class='upload-speed'>20 kB/s</li>
418                                                                <li class='upload-speed'>30 kB/s</li>
419                                                                <li class='upload-speed'>40 kB/s</li>
420                                                                <li class='upload-speed'>50 kB/s</li>
421                                                                <li class='upload-speed'>75 kB/s</li>
422                                                                <li class='upload-speed'>100 kB/s</li>
423                                                                <li class='upload-speed'>150 kB/s</li>
424                                                                <li class='upload-speed'>200 kB/s</li>
425                                                                <li class='upload-speed'>250 kB/s</li>
426                                                                <li class='upload-speed'>500 kB/s</li>
427                                                                <li class='upload-speed'>750 kB/s</li>
428                                                        </ul>
429                                                </li>
430                                                <li class="separator"></li>
431                                                <li>Sort Transfers By
432                                                        <ul id="footer_sort_menu">
433                                                                <li class='sort-mode' id="sort_by_activity">Activity</li>
434                                                                <li class='sort-mode' id="sort_by_age">Age</li>
435                                                                <li class='sort-mode' id="sort_by_name">Name</li>
436                                                                <li class='sort-mode' id="sort_by_percent_completed">Progress</li>
437                                                                <li class='sort-mode' id="sort_by_ratio">Ratio</li>
438                                                                <li class='sort-mode' id="sort_by_queue_order">Queue Order</li>
439                                                                <li class='sort-mode' id="sort_by_state">State</li>
440                                                                <li class="separator"></li>
441                                                                <li id="reverse_sort_order">Reverse Sort Order</li>
442                                                        </ul>
443                                                </li>
444                                        </ul>
445                                </li>
446                        </ul>
447                        <div id="turtle-button">&nbsp;</div>
448                        <div id="compact-button">&nbsp;</div>
449                        <div id="prefs-button">&nbsp;</div>
450                </div>
451
452                <div class="contextMenu" id="torrent_context_menu">
453                        <ul>
454                                <li id="context_pause_selected" class="disabled context_pause_selected">Pause</li>
455                                <li id="context_resume_selected" class="disabled context_resume_selected">Resume</li>
456                                <li id="context_resume_now_selected" class="disabled context_resume_selected">Resume Now</li>
457                                <li class="separator"></li>
458                                <li id="context_move_top">Move to Top</li>
459                                <li id="context_move_up">Move Up</li>
460                                <li id="context_move_down">Move Down</li>
461                                <li id="context_move_bottom">Move to Bottom</li>
462                                <li class="separator"></li>
463                                <li id="context_remove">Remove From List...</li>
464                                <li id="context_removedata">Trash Data & Remove From List...</li>
465                                <li class="separator"></li>
466                                <li id="context_verify">Verify Local Data</li>
467                                <li class="separator"></li>
468                                <li id="context_reannounce">Ask tracker for more peers</li>
469                                <li class="separator"></li>
470                                <li id="context_toggle_inspector">Show Inspector</li>
471                                <li class="separator"></li>
472                                <li id="context_select_all" class="context_select_all">Select All</li>
473                                <li id="context_deselect_all" class="context_deselect_all">Deselect All</li>
474                        </ul>
475                </div>
476
477                <iframe name="torrent_upload_frame" id="torrent_upload_frame" src="about:blank" ></iframe>
478        </body>
479</html>
Note: See TracBrowser for help on using the repository browser.