source: trunk/web/index.html @ 13222

Last change on this file since 13222 was 13222, checked in by jordan, 9 years ago

(trunk web) remove dead css from the removed filter popup

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