source: trunk/web/index.html @ 6418

Last change on this file since 6418 was 6418, checked in by Gimp, 13 years ago

Removing Extranious PHP from index file and Javascript. Add Conditional CSS links to iphone css.

  • Property svn:executable set to *
File size: 12.7 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='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                                                <label>Alternatively, you may specify a URL:</label>
199                                                        <input type='text' name='torrent_url' id='torrent_upload_url' />
200                                        </div>
201                                        <a href="#upload" id="upload_confirm_button">Upload</a>
202                                        <a href="#cancel" id="upload_cancel_button">Cancel</a>
203                                </form>
204                        </div>
205                </div>
206                <div class="torrent_footer">   
207                        <div id="disk_space_container"></div>   
208                        <ul id="settings_menu">
209                                <li id='button'>&nbsp;
210                                        <ul id='footer_super_menu'>
211                                                <li id='preferences'>Preferences</li>
212                                                <li class='separator'></li>
213                                                <li>Total Download Rate
214                                                        <ul id='footer_download_rate_menu'>
215                                                                <li id='unlimited_download_rate'>Unlimited</li>
216                                                                <li id='limited_download_rate'>Limit (10 KB/s)</li>
217                                                                <li class='separator'></li>
218                                                                <li>5 KB/s</li>
219                                                                <li>10 KB/s</li>
220                                                                <li>20 KB/s</li>
221                                                                <li>30 KB/s</li>
222                                                                <li>40 KB/s</li>
223                                                                <li>50 KB/s</li>
224                                                                <li>75 KB/s</li>
225                                                                <li>100 KB/s</li>
226                                                                <li>150 KB/s</li>
227                                                                <li>200 KB/s</li>
228                                                                <li>250 KB/s</li>
229                                                                <li>500 KB/s</li>
230                                                                <li>750 KB/s</li>
231                                                        </ul>
232                                                </li>
233                                                <li>Total Upload Rate
234                                                        <ul id='footer_upload_rate_menu'>
235                                                                <li id='unlimited_upload_rate'>Unlimited</li>
236                                                                <li id='limited_upload_rate'>Limit (10 KB/s)</li>
237                                                                <li class='separator'></li>
238                                                                <li>5 KB/s</li>
239                                                                <li>10 KB/s</li>
240                                                                <li>20 KB/s</li>
241                                                                <li>30 KB/s</li>
242                                                                <li>40 KB/s</li>
243                                                                <li>50 KB/s</li>
244                                                                <li>75 KB/s</li>
245                                                                <li>100 KB/s</li>
246                                                                <li>150 KB/s</li>
247                                                                <li>200 KB/s</li>
248                                                                <li>250 KB/s</li>
249                                                                <li>500 KB/s</li>
250                                                                <li>750 KB/s</li>
251                                                        </ul>
252                                                </li>
253                                                <li class='separator'></li>
254                                                <li>Sort Transfers By
255                                                        <ul id='footer_sort_menu'>
256                                                                <li id='sort_by_activity'>Activity</li>
257                                                                <li id='sort_by_age'>Age</li>
258                                                                <li id='sort_by_name'>Name</li>
259                                                                <li id='sort_by_percent_completed'>Progress</li>
260                                                                <li id='sort_by_queue_order'>Queue Order</li>
261                                                                <li id='sort_by_state'>State</li>
262                                                                <li id='sort_by_tracker'>Tracker</li>
263                                                                <li class='separator'></li>
264                                                                <li id='reverse_sort_order'>Reverse Sort Order</li>
265                                                        </ul>
266                                                </li>
267                                        </ul>
268                                </li>
269                        </ul>
270                </div>
271
272                <div id='unsupported_browser' style="display:none;">
273                        <div class="dialog_window">
274                                <img class='logo' src='images/graphics/logo.png' alt="Transmission Logo" />
275                                <h2>Sorry, your browser is not supported.</h2>
276                                <p>We currently support the following browsers:</p>
277                                <a href="http://www.mozilla.com/en-US/firefox/" title="Firefox"><img src="images/graphics/browser_firefox.gif" alt="Firefox" /></a>
278                                <a href="http://www.apple.com/safari/" title="Safari"><img src="images/graphics/browser_safari.gif" alt="Safari" /></a>
279                                <a href="http://www.opera.com/download/" title="Opera"><img src="images/graphics/browser_opera.gif" alt="Opera" /></a>
280                        </div>
281                </div>
282               
283<div class="contextMenu" id="torrent_context_menu">
284                        <ul>
285                                <li id="context_pause_selected" class="disabled context_pause_selected">Pause Selected</li>
286                                <li id="context_resume_selected" class="disabled context_resume_selected">Resume Selected</li>
287                                <li id="context_remove">Remove From List...</li>
288                                <li id="context_toggle_inspector">Show Inspector</li>
289                                <li class='separator'></li>
290                                <li id='separator'></li>
291                                <li id="context_select_all" class="context_select_all">Select All</li>
292                                <li id="context_deselect_all" class="context_deselect_all">Deselect All</li>
293                        </ul>
294                </div>
295               
296                <iframe name="torrent_upload_frame" id="torrent_upload_frame" src="about:blank" />
297</body>
298</html>
Note: See TracBrowser for help on using the repository browser.