source: trunk/web/index.html @ 6493

Last change on this file since 6493 was 6493, checked in by charles, 13 years ago

(web) #1160: web ui inconsistent names

  • Property svn:executable set to *
File size: 12.6 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                        <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 Selection</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>Transfer 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">Upload Torrent Files</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'>&nbsp;
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>
Note: See TracBrowser for help on using the repository browser.