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

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

(1.5x web) Merge 7881 from trunk, add option to remove data when removing torrent from web interface

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