source: trunk/web/index.html @ 9459

Last change on this file since 9459 was 9459, checked in by kjg, 13 years ago

(trunk web) remove all references to tracker as it no longer exists in this fashion. fixes #2509

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