source: branches/1.3x/web/index.html @ 6755

Last change on this file since 6755 was 6755, checked in by charles, 14 years ago

(clutch 1.3x) backport #1240 (r6662 r6663): "inspector's layout is broken on firefox"

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