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"> </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"> </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='text' id='torrent_search' class='blur' /> |
---|
56 | </div> |
---|
57 | <div id="torrent_inspector" style="display:none;"> |
---|
58 | |
---|
59 | <ul class="torrent_inspector_tabs"> |
---|
60 | <li><a href="#info" id="inspector_tab_info" class="inspector_tab selected"><img src="images/buttons/info_general.png" alt="Information"/></a></li> |
---|
61 | <li><a href="#activity" id="inspector_tab_activity" class="inspector_tab"><img src="images/buttons/info_activity.png" alt="Activity"/></a></li> |
---|
62 | </ul> |
---|
63 | |
---|
64 | <div class="torrent_inspector_header"> |
---|
65 | <h1 id="torrent_inspector_name">No Torrent Selected</h1> |
---|
66 | <span id="torrent_inspector_size">0 B</span> |
---|
67 | </div> |
---|
68 | |
---|
69 | <div class="torrent_inspector_section" id="inspector_tab_info_container"> |
---|
70 | <h2>Torrent Information</h2> |
---|
71 | <label>Tracker:</label> |
---|
72 | <div id="torrent_inspector_tracker">N/A</div> |
---|
73 | <label>Hash:</label> |
---|
74 | <div id="torrent_inspector_hash">N/A</div> |
---|
75 | <label>Secure:</label> |
---|
76 | <div id="torrent_inspector_secure">N/A</div> |
---|
77 | <label>Comment:</label> |
---|
78 | <div id="torrent_inspector_comment">N/A</div> |
---|
79 | |
---|
80 | <h2>Created By</h2> |
---|
81 | <label>Creator:</label> |
---|
82 | <div id="torrent_inspector_creator">N/A</div> |
---|
83 | <label>Date:</label> |
---|
84 | <div id="torrent_inspector_creator_date">N/A</div> |
---|
85 | </div> |
---|
86 | |
---|
87 | <div class="torrent_inspector_section" style="display:none;" id="inspector_tab_activity_container"> |
---|
88 | <h2>Activity</h2> |
---|
89 | <label>State:</label> |
---|
90 | <div id="torrent_inspector_state">N/A</div> |
---|
91 | <label>Progress:</label> |
---|
92 | <div id="torrent_inspector_progress">N/A</div> |
---|
93 | <label>Have:</label> |
---|
94 | <div id="torrent_inspector_have">N/A</div> |
---|
95 | <label>Downloaded:</label> |
---|
96 | <div id="torrent_inspector_downloaded">N/A</div> |
---|
97 | <label>Uploaded:</label> |
---|
98 | <div id="torrent_inspector_uploaded">N/A</div> |
---|
99 | <label>Ratio:</label> |
---|
100 | <div id="torrent_inspector_ratio">N/A</div> |
---|
101 | <label>Swarm Rate:</label> |
---|
102 | <div id="torrent_inspector_swarm_speed">N/A</div> |
---|
103 | <label>Error:</label> |
---|
104 | <div id="torrent_inspector_error">N/A</div> |
---|
105 | <label>DL Speed:</label> |
---|
106 | <div id="torrent_inspector_download_speed">N/A</div> |
---|
107 | <label>UL Speed:</label> |
---|
108 | <div id="torrent_inspector_upload_speed">N/A</div> |
---|
109 | |
---|
110 | <h2>Peers</h2> |
---|
111 | <label>UL To:</label> |
---|
112 | <div id="torrent_inspector_upload_to">N/A</div> |
---|
113 | <label>DL From:</label> |
---|
114 | <div id="torrent_inspector_download_from">N/A</div> |
---|
115 | <label>Total Seeders:</label> |
---|
116 | <div id="torrent_inspector_total_seeders">N/A</div> |
---|
117 | <label>Total Leechers:</label> |
---|
118 | <div id="torrent_inspector_total_leechers">N/A</div> |
---|
119 | </div> |
---|
120 | </div> |
---|
121 | |
---|
122 | <div id="torrent_container"> |
---|
123 | <ul class="torrent_list" id="torrent_list"></ul> |
---|
124 | </div> |
---|
125 | |
---|
126 | |
---|
127 | |
---|
128 | <div class='dialog_container' id="dialog_container" style="display:none;"> |
---|
129 | <div class="dialog_top_bar"></div> |
---|
130 | <div class="dialog_window"> |
---|
131 | <img src='images/graphics/logo.png' alt="Transmission Logo" /> |
---|
132 | <h2 class="dialog_heading" id="dialog_heading"></h2> |
---|
133 | <div class="dialog_message" id="dialog_message"></div> |
---|
134 | <a href="#confirm" id="dialog_confirm_button">Confirm</a> |
---|
135 | <a href="#cancel" id="dialog_cancel_button">Cancel</a> |
---|
136 | </div> |
---|
137 | </div> |
---|
138 | |
---|
139 | <div class='dialog_container' id="prefs_container" style="display:none;"> |
---|
140 | <div class="dialog_top_bar"></div> |
---|
141 | <div class="dialog_window"> |
---|
142 | <h2 class="dialog_heading">Preferences</h2> |
---|
143 | <div id="pref_error"></div> |
---|
144 | <form id="prefs_form" action="remote/index.php?action=savePrefs"> |
---|
145 | <div class="preference download_location"> |
---|
146 | <label class='category'>Add transfers:</label> |
---|
147 | <label class='item'>Download to:</label> |
---|
148 | <input type='text' name='download_location' id='download_location'/> |
---|
149 | </div> |
---|
150 | <div class="preference port"> |
---|
151 | <label class='category'>Network:</label> |
---|
152 | <label class='item'>Incoming TCP Port:</label> |
---|
153 | <input type='text' id='port' name='port'/> |
---|
154 | </div> |
---|
155 | <div class="preference auto_start"> |
---|
156 | <label class='category'>Transfers:</label> |
---|
157 | <input type='checkbox' name='auto_start' id='auto_start'/> |
---|
158 | <label class='item'>Start transfers when added</label> |
---|
159 | </div> |
---|
160 | <div class="preference encryption"> |
---|
161 | <label class='category'>Encryption:</label> |
---|
162 | <input type='checkbox' name='encryption' id='encryption'/> |
---|
163 | <label class='item'>Ignore unencrypted peers</label> |
---|
164 | </div> |
---|
165 | <div class="preference limit_total"> |
---|
166 | <label class='category'>Limit total bandwidth:</label> |
---|
167 | <input type='checkbox' name='limit_download' id='limit_download'/> |
---|
168 | <label class='item'>Download Rate:</label> |
---|
169 | <input type='text' name='download_rate' id='download_rate'/> |
---|
170 | <label class='suffix'>KB/s</label> |
---|
171 | <input type='checkbox' name='limit_upload' id='limit_upload'/> |
---|
172 | <label class='item'>Upload Rate:</label> |
---|
173 | <input type='text' name='upload_rate' id='upload_rate'/> |
---|
174 | <label class='suffix'>KB/s</label> |
---|
175 | </div> |
---|
176 | <div class="preference web_gui"> |
---|
177 | <label class='category'>Web Client:</label> |
---|
178 | <label class='item'>Refresh Rate:</label> |
---|
179 | <input type='text' name='refresh_rate' id='refresh_rate'/> |
---|
180 | <label class='suffix'>seconds</label> |
---|
181 | </div> |
---|
182 | <a href="#save" id="prefs_save_button">Save</a> |
---|
183 | <a href="#cancel" id="prefs_cancel_button">Cancel</a> |
---|
184 | </form> |
---|
185 | </div> |
---|
186 | </div> |
---|
187 | |
---|
188 | <div class='dialog_container' id="upload_container" style="display:none;"> |
---|
189 | <div class="dialog_top_bar"></div> |
---|
190 | <div class="dialog_window"> |
---|
191 | <img src='images/graphics/logo.png' alt="Transmission Logo" /> |
---|
192 | <h2 class="dialog_heading">Torrent Upload</h2> |
---|
193 | <form action='#' method='post' id='torrent_upload_form' |
---|
194 | enctype='multipart/form-data' target='torrent_upload_frame'> |
---|
195 | <div class="dialog_message"> |
---|
196 | Please select a .torrent file to upload: |
---|
197 | <input type='file' name='torrent_file' id='torrent_upload_file'/> |
---|
198 | </div> |
---|
199 | <a href="#upload" id="upload_confirm_button">Upload</a> |
---|
200 | <a href="#cancel" id="upload_cancel_button">Cancel</a> |
---|
201 | </form> |
---|
202 | </div> |
---|
203 | </div> |
---|
204 | <div class="torrent_footer"> |
---|
205 | <div id="disk_space_container"></div> |
---|
206 | <ul id="settings_menu"> |
---|
207 | <li id='button'> |
---|
208 | <ul id='footer_super_menu'> |
---|
209 | <li id='preferences'>Preferences</li> |
---|
210 | <li class='separator'></li> |
---|
211 | <li>Total Download Rate |
---|
212 | <ul id='footer_download_rate_menu'> |
---|
213 | <li id='unlimited_download_rate'>Unlimited</li> |
---|
214 | <li id='limited_download_rate'>Limit (10 KB/s)</li> |
---|
215 | <li class='separator'></li> |
---|
216 | <li>5 KB/s</li> |
---|
217 | <li>10 KB/s</li> |
---|
218 | <li>20 KB/s</li> |
---|
219 | <li>30 KB/s</li> |
---|
220 | <li>40 KB/s</li> |
---|
221 | <li>50 KB/s</li> |
---|
222 | <li>75 KB/s</li> |
---|
223 | <li>100 KB/s</li> |
---|
224 | <li>150 KB/s</li> |
---|
225 | <li>200 KB/s</li> |
---|
226 | <li>250 KB/s</li> |
---|
227 | <li>500 KB/s</li> |
---|
228 | <li>750 KB/s</li> |
---|
229 | </ul> |
---|
230 | </li> |
---|
231 | <li>Total Upload Rate |
---|
232 | <ul id='footer_upload_rate_menu'> |
---|
233 | <li id='unlimited_upload_rate'>Unlimited</li> |
---|
234 | <li id='limited_upload_rate'>Limit (10 KB/s)</li> |
---|
235 | <li class='separator'></li> |
---|
236 | <li>5 KB/s</li> |
---|
237 | <li>10 KB/s</li> |
---|
238 | <li>20 KB/s</li> |
---|
239 | <li>30 KB/s</li> |
---|
240 | <li>40 KB/s</li> |
---|
241 | <li>50 KB/s</li> |
---|
242 | <li>75 KB/s</li> |
---|
243 | <li>100 KB/s</li> |
---|
244 | <li>150 KB/s</li> |
---|
245 | <li>200 KB/s</li> |
---|
246 | <li>250 KB/s</li> |
---|
247 | <li>500 KB/s</li> |
---|
248 | <li>750 KB/s</li> |
---|
249 | </ul> |
---|
250 | </li> |
---|
251 | <li class='separator'></li> |
---|
252 | <li>Sort Transfers By |
---|
253 | <ul id='footer_sort_menu'> |
---|
254 | <li id='sort_by_activity'>Activity</li> |
---|
255 | <li id='sort_by_age'>Age</li> |
---|
256 | <li id='sort_by_name'>Name</li> |
---|
257 | <li id='sort_by_percent_completed'>Progress</li> |
---|
258 | <li id='sort_by_queue_order'>Queue Order</li> |
---|
259 | <li id='sort_by_state'>State</li> |
---|
260 | <li id='sort_by_tracker'>Tracker</li> |
---|
261 | <li class='separator'></li> |
---|
262 | <li id='reverse_sort_order'>Reverse Sort Order</li> |
---|
263 | </ul> |
---|
264 | </li> |
---|
265 | </ul> |
---|
266 | </li> |
---|
267 | </ul> |
---|
268 | </div> |
---|
269 | |
---|
270 | <div id='unsupported_browser' style="display:none;"> |
---|
271 | <div class="dialog_window"> |
---|
272 | <img class='logo' src='images/graphics/logo.png' alt="Transmission Logo" /> |
---|
273 | <h2>Sorry, your browser is not supported.</h2> |
---|
274 | <p>We currently support the following browsers:</p> |
---|
275 | <a href="http://www.mozilla.com/en-US/firefox/" title="Firefox"><img src="images/graphics/browser_firefox.gif" alt="Firefox" /></a> |
---|
276 | <a href="http://www.apple.com/safari/" title="Safari"><img src="images/graphics/browser_safari.gif" alt="Safari" /></a> |
---|
277 | <a href="http://www.opera.com/download/" title="Opera"><img src="images/graphics/browser_opera.gif" alt="Opera" /></a> |
---|
278 | </div> |
---|
279 | </div> |
---|
280 | |
---|
281 | <div class="contextMenu" id="torrent_context_menu"> |
---|
282 | <ul> |
---|
283 | <li id="context_pause_selected" class="disabled context_pause_selected">Pause Selected</li> |
---|
284 | <li id="context_resume_selected" class="disabled context_resume_selected">Resume Selected</li> |
---|
285 | <li id="context_remove">Remove From List...</li> |
---|
286 | <li id="context_toggle_inspector">Show Inspector</li> |
---|
287 | <li class='separator'></li> |
---|
288 | <li id='separator'></li> |
---|
289 | <li id="context_select_all" class="context_select_all">Select All</li> |
---|
290 | <li id="context_deselect_all" class="context_deselect_all">Deselect All</li> |
---|
291 | </ul> |
---|
292 | </div> |
---|
293 | |
---|
294 | <iframe name="torrent_upload_frame" id="torrent_upload_frame" src="about:blank" /> |
---|
295 | </body> |
---|
296 | </html> |
---|