source: branches/1.5x/web/index.html @ 7764

Last change on this file since 7764 was 7764, checked in by duncanbeevers, 13 years ago

Merge 7762 from trunk. Add support for uploading torrents by url to web interface.

  • Property svn:executable set to *
File size: 14.9 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3        <head>
4                <title>Transmission Web Interface</title>
5                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6                <meta http-equiv="cache-control" content="Private" />
7                <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
8                <meta name="apple-mobile-web-app-capable" content="yes" />
9                <link href="./images/favicon.ico" rel="icon" />
10                <link href="./images/favicon.png" rel="shortcut icon" />
11                <link rel="apple-touch-icon" href="./images/webclip-icon.png"/>
12                <script type="text/javascript" src="./javascript/jquery/jquery.min.js"></script>
13                <link media="only screen and (max-device-width: 480px)" href="./stylesheets/iphone.css" type= "text/css" rel="stylesheet" />
14                <link media="screen and (min-device-width: 481px)" href="./stylesheets/common.css" type="text/css" rel="stylesheet" />
15                <script type="text/javascript" src="./javascript/jquery/jquery.transmenu.min.js"></script>
16                <script type="text/javascript" src="./javascript/jquery/jquery.contextmenu.min.js"></script>
17                <script type="text/javascript" src="./javascript/menu.js"></script>
18                <script type="text/javascript" src="./javascript/jquery/jquery.dimensions.min.js"></script>
19                <script type="text/javascript" src="./javascript/jquery/jquery.form.min.js"></script>
20                <script type="text/javascript" src="./javascript/jquery/json.min.js"></script>
21                <script type="text/javascript" src="./javascript/common.js"></script>
22                <script type="text/javascript" src="./javascript/transmission.remote.js"></script>
23                <script type="text/javascript" src="./javascript/transmission.js"></script>
24                <script type="text/javascript" src="./javascript/torrent.js"></script>
25                <script type="text/javascript" src="./javascript/dialog.js"></script>
26        </head>
27        <body id="transmission_body">
28
29                <div class="torrent_global_menu">
30                         <ul>   
31                                 <li id="open"><div id="open_link"><div class="toolbar_image"></div>Open</div></li>
32                                 <li id="remove" class="disabled"><div id="remove_link"><div class="toolbar_image"></div>Remove</div></li>
33                                 <li class="divider">&nbsp;</li>
34                                 <li id="pause_selected" class="disabled"><div id="pause_selected_link"><div class="toolbar_image"></div>Pause</div></li>
35                                 <li id="resume_selected" class="disabled"><div id="resume_selected_link"><div class="toolbar_image"></div>Resume</div></li>
36                                 <li class="divider">&nbsp;</li>
37                                 <li id="pause_all" class="disabled"><div id="pause_all_link"><div class="toolbar_image"></div>Pause All</div></li>
38                                 <li id="resume_all" class="disabled"><div id="resume_all_link"><div class="toolbar_image"></div>Resume All</div></li>
39                                 <li id="inspector"><div id="inspector_link"><div class="toolbar_image"></div>Inspector</div></li>
40                                 <li id="filter"><div id="filter_toggle_link"><div class="toolbar_image"></div>Filter</div></li>
41                         </ul>
42                </div>
43               
44                <div class="torrent_global_details">
45                        <div id="torrent_global_transfer">0 Transfers</div>
46                        <div id="torrent_global_upload">0 B/s</div>
47                        <div id="torrent_global_download">0 B/s</div>
48                </div>
49               
50                <div id="torrent_filter_bar">
51                        <ul>   
52                                 <li><a href="#all" id="filter_all_link" class="active">All</a></li>
53                                 <li><a href="#downloading" id="filter_downloading_link">Downloading</a></li>
54                                 <li><a href="#seeding" id="filter_seeding_link">Seeding</a></li>
55                                 <li><a href="#paused" id="filter_paused_link">Paused</a></li>
56                        </ul>
57                        <input type="search" id="torrent_search" placeholder="Filter" results="0" />           
58                </div>
59                <div id="torrent_inspector" style="display:none;">
60                       
61                        <div id="inspector_tabs">
62                                <div class="inspector_tab selected" id="inspector_tab_info"><a href="#info"><img src="images/buttons/info_general.png" alt="Information"/></a></div>
63                                <div class="inspector_tab" id="inspector_tab_activity"><a href="#activity"><img src="images/buttons/info_activity.png" alt="Activity"/></a></div>
64                        </div>
65                       
66                        <div id="inspector_header">
67                                <h1 id="torrent_inspector_name"></h1>
68                                <span id="torrent_inspector_size"></span>
69                        </div>
70                       
71                        <div class="inspector_container" id="inspector_tab_info_container">
72                                <div class="inspector_group">
73                                        <div class="inspector_group_label">Information</div>
74                                        <div class="inspector_row">
75                                                <div class="inspector_label">Tracker:</div>
76                                                <div id="torrent_inspector_tracker"></div>
77                                        </div>
78                                        <div class="inspector_row">
79                                                <div class="inspector_label">Hash:</div>
80                                                <div id="torrent_inspector_hash"></div>
81                                        </div>
82                                        <div class="inspector_row">
83                                                <div class="inspector_label">Secure:</div>
84                                                <div id="torrent_inspector_secure"></div>
85                                        </div>
86                                        <div class="inspector_row">
87                                                <div class="inspector_label">Comment:</div>
88                                                <div id="torrent_inspector_comment"></div>
89                                        </div>
90                                </div><!-- class="inspector_group"-->
91                               
92                                <div class="inspector_group">
93                                        <div class="inspector_group_label">Created By</div>
94                                        <div class="inspector_row">
95                                                <div class="inspector_label">Creator:</div>
96                                                <div id="torrent_inspector_creator">N/A</div>
97                                        </div>
98                                        <div class="inspector_row">
99                                                <div class="inspector_label">Date:</div>
100                                                <div id="torrent_inspector_creator_date">N/A</div>
101                                        </div>
102                                </div><!-- class="inspector_group"-->
103                        </div><!-- id="inspector_tab_info_container" -->
104                       
105                        <div style="display:none;" class="inspector_container" id="inspector_tab_activity_container">
106
107                                <div class="inspector_group">
108                                        <div class="inspector_group_label">Activity</div>
109                                        <div class="inspector_row">
110                                                <div class="inspector_label">State:</div>
111                                                <div id="torrent_inspector_state">N/A</div>
112                                        </div>
113                                        <div class="inspector_row">
114                                                <div class="inspector_label">Progress:</div>
115                                                <div id="torrent_inspector_progress">N/A</div>
116                                        </div>
117                                        <div class="inspector_row">
118                                                <div class="inspector_label">Have:</div>
119                                                <div id="torrent_inspector_have">N/A</div>
120                                        </div>
121                                        <div class="inspector_row">
122                                                <div class="inspector_label">Downloaded:</div>
123                                                <div id="torrent_inspector_downloaded">N/A</div>
124                                        </div>
125                                        <div class="inspector_row">
126                                                <div class="inspector_label">Uploaded:</div>
127                                                <div id="torrent_inspector_uploaded">N/A</div>
128                                        </div>
129                                        <div class="inspector_row">
130                                                <div class="inspector_label">Ratio:</div>
131                                                <div id="torrent_inspector_ratio">N/A</div>
132                                        </div>
133                                        <div class="inspector_row">
134                                                <div class="inspector_label">Swarm Rate:</div>
135                                                <div id="torrent_inspector_swarm_speed">N/A</div>
136                                        </div>
137                                        <div class="inspector_row">
138                                                <div class="inspector_label">Error:</div>
139                                                <div id="torrent_inspector_error">N/A</div>
140                                        </div>
141                                        <div class="inspector_row">
142                                                <div class="inspector_label">DL Speed:</div>
143                                                <div id="torrent_inspector_download_speed">N/A</div>
144                                        </div>
145                                        <div class="inspector_row">
146                                                <div class="inspector_label">UL Speed:</div>
147                                                <div id="torrent_inspector_upload_speed">N/A</div>
148                                        </div>
149                                </div><!-- class="inspector_group"-->
150                               
151                                <div class="inspector_group">
152                                        <div class="inspector_group_label">Peers</div>
153                                        <div class="inspector_row">
154                                                <div class="inspector_label">UL To:</div>
155                                                <div id="torrent_inspector_upload_to">N/A</div>
156                                        </div>
157                                        <div class="inspector_row">
158                                                <div class="inspector_label">DL From:</div>
159                                                <div id="torrent_inspector_download_from">N/A</div>
160                                        </div>
161                                        <div class="inspector_row">
162                                                <div class="inspector_label">Total Seeders:</div>
163                                                <div id="torrent_inspector_total_seeders">N/A</div>
164                                        </div>
165                                        <div class="inspector_row">
166                                                <div class="inspector_label">Total Leechers:</div>
167                                                <div id="torrent_inspector_total_leechers">N/A</div>
168                                        </div>
169                                </div><!-- class="inspector_group"-->
170                        </div><!-- id="inspector_tab_activity_container" -->
171                </div>
172               
173                <div id="torrent_container">
174                        <ul class="torrent_list" id="torrent_list"></ul>
175        </div>
176               
177               
178               
179                <div class="dialog_container" id="dialog_container" style="display:none;">
180                        <div class="dialog_top_bar"></div>
181                        <div class="dialog_window">
182                                <img src="images/graphics/logo.png" alt="Transmission Logo" />
183                                <h2 class="dialog_heading" id="dialog_heading"></h2>
184                                <div class="dialog_message" id="dialog_message"></div>
185                                <a href="#confirm" id="dialog_confirm_button">Confirm</a>
186                                <a href="#cancel" id="dialog_cancel_button">Cancel</a>                 
187                </div>
188                </div>
189               
190                <div class="dialog_container" id="prefs_container" style="display:none;">
191                        <div class="dialog_top_bar"></div>
192                        <div class="dialog_window">
193                                <h2 class="dialog_heading">Preferences</h2>
194                                <div id="pref_error"></div>
195                                <form id="prefs_form">
196                                        <div class="preference download_location">
197                                                <label class="category">Add transfers:</label>
198                                                <div class="formdiv">
199                                                        <label for="download_location" class="item">Download to:</label>
200                                                        <input type="text" name="download_location" id="download_location"/>
201                                                </div>
202                                                <div class="formdiv checkbox auto_start">
203                                                        <input type="checkbox" name="auto_start" id="auto_start"/>
204                                                        <label for="auto_start" class="item">Start transfers when added</label>
205                                                </div>
206                                        </div>
207                                        <div class="preference port">
208                                                <label class="category">Network:</label>
209                                                <div class="formdiv">
210                                                        <label for="port" class="item">Incoming TCP Port:</label>
211                                                        <input type="text" id="port" name="port"/>
212                                                </div>
213                                        </div>
214                                        <div class="preference encryption">
215                                                <label class="category">Encryption:</label>
216                                                <div class="formdiv checkbox">
217                                                        <input type="checkbox" name="encryption" id="encryption"/>
218                                                        <label for="encryption" class="item">Ignore unencrypted peers</label>
219                                                </div>
220                                        </div>
221                                        <div class="preference limit_total">
222                                                <label class="category">Limit total bandwidth:</label>
223                                                <div class="formdiv checkbox">
224                                                        <input type="checkbox" name="limit_download" id="limit_download"/>
225                                                        <label for="limit_download" class="item">Download Rate:</label>
226                                                        <input type="text" name="download_rate" id="download_rate"/>
227                                                        <label class="suffix">KB/s</label>
228                                                </div>
229                                                <div class="formdiv checkbox">
230                                                        <input type="checkbox" name="limit_upload" id="limit_upload"/>
231                                                        <label for="limit_upload" class="item">Upload Rate:</label>
232                                                        <input type="text" name="upload_rate" id="upload_rate"/>
233                                                        <label class="suffix">KB/s</label>
234                                                </div>
235                                        </div>
236                                        <div class="preference web_gui">
237                                                <label class="category">Web Client:</label>
238                                                <div class="formdiv">
239                                                        <label for="refresh_rate" class="item">Refresh Rate:</label>
240                                                        <input type="text" name="refresh_rate" id="refresh_rate"/>
241                                                        <label class="suffix">seconds</label>
242                                                </div>
243                                        </div>
244                                        <a href="#save" id="prefs_save_button">Save</a>
245                                        <a href="#cancel" id="prefs_cancel_button">Cancel</a>
246                                </form>
247                        </div>
248                </div>
249               
250                <div class="dialog_container" id="upload_container" style="display:none;">
251                        <div class="dialog_top_bar"></div>
252                        <div class="dialog_window">
253                                <img src="images/graphics/logo.png" alt="Transmission Logo" />
254                                <h2 class="dialog_heading">Upload Torrent Files</h2>
255                                <form action="#" method="post" id="torrent_upload_form" 
256                                        enctype="multipart/form-data" target="torrent_upload_frame"> 
257                                        <div class="dialog_message">
258                                                <label for="torrent_upload_file">Please select a torrent file to upload:</label>
259                                                        <input type="file" name="torrent_file" id="torrent_upload_file"/>
260                                                <label for="torrent_upload_url">Or enter a URL:</label>
261                                                        <input type="text" id="torrent_upload_url"/>
262                                        </div>
263                                        <a href="#upload" id="upload_confirm_button">Upload</a>
264                                        <a href="#cancel" id="upload_cancel_button">Cancel</a>
265                                </form>
266                        </div>
267                </div>
268                <div class="torrent_footer">   
269                        <div id="disk_space_container"></div>   
270                        <ul id="settings_menu">
271                                <li id="button">&nbsp;
272                                        <ul id="footer_super_menu">
273                                                <li id="preferences">Preferences</li>
274                                                <li class="separator"></li>
275                                                <li>Total Download Rate
276                                                        <ul id="footer_download_rate_menu">
277                                                                <li id="unlimited_download_rate">Unlimited</li>
278                                                                <li id="limited_download_rate">Limit (10 KB/s)</li>
279                                                                <li class="separator"></li>
280                                                                <li>5 KB/s</li>
281                                                                <li>10 KB/s</li>
282                                                                <li>20 KB/s</li>
283                                                                <li>30 KB/s</li>
284                                                                <li>40 KB/s</li>
285                                                                <li>50 KB/s</li>
286                                                                <li>75 KB/s</li>
287                                                                <li>100 KB/s</li>
288                                                                <li>150 KB/s</li>
289                                                                <li>200 KB/s</li>
290                                                                <li>250 KB/s</li>
291                                                                <li>500 KB/s</li>
292                                                                <li>750 KB/s</li>
293                                                        </ul>
294                                                </li>
295                                                <li>Total Upload Rate
296                                                        <ul id="footer_upload_rate_menu">
297                                                                <li id="unlimited_upload_rate">Unlimited</li>
298                                                                <li id="limited_upload_rate">Limit (10 KB/s)</li>
299                                                                <li class="separator"></li>
300                                                                <li>5 KB/s</li>
301                                                                <li>10 KB/s</li>
302                                                                <li>20 KB/s</li>
303                                                                <li>30 KB/s</li>
304                                                                <li>40 KB/s</li>
305                                                                <li>50 KB/s</li>
306                                                                <li>75 KB/s</li>
307                                                                <li>100 KB/s</li>
308                                                                <li>150 KB/s</li>
309                                                                <li>200 KB/s</li>
310                                                                <li>250 KB/s</li>
311                                                                <li>500 KB/s</li>
312                                                                <li>750 KB/s</li>
313                                                        </ul>
314                                                </li>
315                                                <li class="separator"></li>
316                                                <li>Sort Transfers By
317                                                        <ul id="footer_sort_menu">
318                                                                <li id="sort_by_activity">Activity</li>
319                                                                <li id="sort_by_age">Age</li>
320                                                                <li id="sort_by_name">Name</li>
321                                                                <li id="sort_by_percent_completed">Progress</li>
322                                                                <li id="sort_by_queue_order">Queue Order</li>
323                                                                <li id="sort_by_state">State</li>
324                                                                <li id="sort_by_tracker">Tracker</li>
325                                                                <li class="separator"></li>
326                                                                <li id="reverse_sort_order">Reverse Sort Order</li>
327                                                        </ul>
328                                                </li>
329                                        </ul>
330                                </li>
331                        </ul>
332                </div>
333
334                <div id="unsupported_browser" style="display:none;">
335                        <div class="dialog_window">
336                                <img class="logo" src="images/graphics/logo.png" alt="Transmission Logo" />
337                                <h2>Sorry, your browser is not supported.</h2>
338                                <p>We currently support the following browsers:</p>
339                                <a href="http://www.mozilla.com/en-US/firefox/" title="Firefox"><img src="images/graphics/browser_firefox.gif" alt="Firefox" /></a>
340                                <a href="http://www.apple.com/safari/" title="Safari"><img src="images/graphics/browser_safari.gif" alt="Safari" /></a>
341                                <a href="http://www.opera.com/download/" title="Opera"><img src="images/graphics/browser_opera.gif" alt="Opera" /></a>
342                        </div>
343                </div>
344               
345<div class="contextMenu" id="torrent_context_menu">
346                        <ul>
347                                <li id="context_pause_selected" class="disabled context_pause_selected">Pause Selected</li>
348                                <li id="context_resume_selected" class="disabled context_resume_selected">Resume Selected</li>
349                                <li id="context_remove">Remove From List...</li>
350                                <li id="context_toggle_inspector">Show Inspector</li>
351                                <li class="separator"></li>
352                                <li id="context_select_all" class="context_select_all">Select All</li>
353                                <li id="context_deselect_all" class="context_deselect_all">Deselect All</li>
354                        </ul>
355                </div>
356               
357                <iframe name="torrent_upload_frame" id="torrent_upload_frame" src="about:blank" />
358        </body>
359</html>
Note: See TracBrowser for help on using the repository browser.