transmission/web/index.html

458 lines
21 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Cache-Control" content="Private">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta name="apple-mobile-web-app-capable" content="yes">
<link href="./images/favicon.ico" rel="icon" />
<link href="./images/favicon.png" rel="shortcut icon" />
<link rel="apple-touch-icon" href="./images/webclip-icon.png"/>
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link media="only screen and (max-device-width: 480px)" href="./stylesheets/iphone.css" type= "text/css" rel="stylesheet" />
<link media="screen and (min-device-width: 481px)" href="./stylesheets/common.css" type="text/css" rel="stylesheet" />
<!--[if IE]>
2010-06-21 13:14:33 +00:00
<link media="screen" href="./stylesheets/common.css" type="text/css" rel="stylesheet" />
<link media="screen" href="./stylesheets/ieAll.css" type="text/css" rel="stylesheet" />
<![endif]-->
<!--[if IE 6]><link media="screen" href="./stylesheets/ie6.css" type="text/css" rel="stylesheet" /><![endif]-->
<!--[if IE 7]><link media="screen" href="./stylesheets/ie7.css" type="text/css" rel="stylesheet" /><![endif]-->
<script type="text/javascript" src="./javascript/jquery/jquery.transmenu.min.js"></script>
<script type="text/javascript" src="./javascript/jquery/jquery.contextmenu.min.js"></script>
<script type="text/javascript" src="./javascript/menu.js"></script>
<script type="text/javascript" src="./javascript/jquery/jquery.form.min.js"></script>
<script type="text/javascript" src="./javascript/jquery/json2.min.js"></script>
<script type="text/javascript" src="./javascript/common.js"></script>
<script type="text/javascript" src="./javascript/transmission.remote.js"></script>
<script type="text/javascript" src="./javascript/transmission.js"></script>
<script type="text/javascript" src="./javascript/torrent.js"></script>
2010-06-19 20:43:26 +00:00
<script type="text/javascript" src="./javascript/formatter.js"></script>
<title>Transmission Web Interface</title>
</head>
<body id="transmission_body">
<div class="torrent_global_menu">
2010-06-21 13:14:33 +00:00
<ul>
<li id="open"><div id="open_link"><div class="toolbar_image"></div>Open</div></li>
<li id="remove" class="disabled"><div id="remove_link"><div class="toolbar_image"></div>Remove</div></li>
<li class="divider">&nbsp;</li>
<li id="pause_selected" class="disabled"><div id="pause_selected_link"><div class="toolbar_image"></div>Pause</div></li>
<li id="resume_selected" class="disabled"><div id="resume_selected_link"><div class="toolbar_image"></div>Resume</div></li>
<li class="divider">&nbsp;</li>
<li id="pause_all" class="disabled"><div id="pause_all_link"><div class="toolbar_image"></div>Pause All</div></li>
<li id="resume_all" class="disabled"><div id="resume_all_link"><div class="toolbar_image"></div>Resume All</div></li>
<li id="inspector"><div id="inspector_link"><div class="toolbar_image"></div>Inspector</div></li>
<li id="filter"><div id="filter_toggle_link"><div class="toolbar_image"></div>Filter</div></li>
</ul>
</div>
2010-06-21 13:14:33 +00:00
<div class="torrent_global_details">
<div id="torrent_global_transfer">0 Transfers</div>
<div id="torrent_global_upload">0 B/s</div>
<div id="torrent_global_download">0 B/s</div>
</div>
2010-06-21 13:14:33 +00:00
<div id="torrent_filter_bar">
2010-06-21 13:14:33 +00:00
<ul>
<li><a href="#all" id="filter_all_link" class="active">All</a></li>
<li><a href="#active" id="filter_active_link">Active</a></li>
<li><a href="#downloading" id="filter_downloading_link">Downloading</a></li>
<li><a href="#seeding" id="filter_seeding_link">Seeding</a></li>
<li><a href="#paused" id="filter_paused_link">Paused</a></li>
2010-08-10 00:10:08 +00:00
<li><a href="#finished" id="filter_finished_link" class="finished">Finished</a></li>
</ul>
2010-06-21 13:14:33 +00:00
<input type="search" id="torrent_search" placeholder="Filter" results="0" />
</div>
2010-06-21 13:14:33 +00:00
<div id="torrent_inspector" style="display:none;">
2010-06-21 13:14:33 +00:00
<div style="display:none;" class="inspector_close" id="inspector_close"><img id="inspector_close_image" src="./images/buttons/cancel.png"/></div>
<div id="inspector_tabs">
<div class="inspector_tab selected" id="inspector_tab_info"><a href="#info"><img src="images/buttons/info_general.png" alt="Information"/></a></div>
<div class="inspector_tab" id="inspector_tab_activity"><a href="#activity"><img src="images/buttons/info_activity.png" alt="Activity"/></a></div>
2010-06-17 04:40:06 +00:00
<div class="inspector_tab" id="inspector_tab_peers"><a href="#peers"><img src="images/buttons/info_peers.png" alt="Peers"/></a></div>
<div class="inspector_tab" id="inspector_tab_trackers"><a href="#trackers"><img src="images/buttons/info_trackers.png" alt="Trackers"/></a></div>
<div class="inspector_tab" id="inspector_tab_files"><a href="#files"><img src="images/buttons/info_files.png" alt="Files"/></a></div>
</div>
2010-06-21 13:14:33 +00:00
<div id="inspector_header">
<h1 id="torrent_inspector_name"></h1>
<span id="torrent_inspector_size"></span>
</div>
2010-06-21 13:14:33 +00:00
<div class="inspector_container" id="inspector_tab_info_container">
<div class="inspector_group">
2008-08-29 20:21:43 +00:00
<div class="inspector_group_label">Information</div>
<div class="inspector_row">
<div class="inspector_label">Pieces:</div>
<div id="torrent_inspector_pieces"></div>
</div>
<div class="inspector_row">
<div class="inspector_label">Hash:</div>
<div id="torrent_inspector_hash"></div>
</div>
<div class="inspector_row">
<div class="inspector_label">Secure:</div>
<div id="torrent_inspector_secure"></div>
</div>
<div class="inspector_row">
<div class="inspector_label">Comment:</div>
<div id="torrent_inspector_comment"></div>
</div>
</div><!-- class="inspector_group"-->
2010-06-21 13:14:33 +00:00
<div class="inspector_group">
2008-08-29 20:21:43 +00:00
<div class="inspector_group_label">Created By</div>
<div class="inspector_row">
<div class="inspector_label">Creator:</div>
<div id="torrent_inspector_creator">N/A</div>
</div>
<div class="inspector_row">
<div class="inspector_label">Date:</div>
<div id="torrent_inspector_creator_date">N/A</div>
</div>
</div><!-- class="inspector_group"-->
<div class="inspector_group">
<div class="inspector_group_label">Where</div>
<div class="inspector_row">
<div class="inspector_label">Download Dir:</div>
<div id="torrent_inspector_download_dir">N/A</div>
</div>
</div><!-- class="inspector_group"-->
</div><!-- id="inspector_tab_info_container" -->
2010-06-21 13:14:33 +00:00
<div style="display:none;" class="inspector_container" id="inspector_tab_activity_container">
<div class="inspector_group">
2008-08-29 20:21:43 +00:00
<div class="inspector_group_label">Activity</div>
<div class="inspector_row">
<div class="inspector_label">State:</div>
<div id="torrent_inspector_state">N/A</div>
</div>
<div class="inspector_row">
<div class="inspector_label">Progress:</div>
<div id="torrent_inspector_progress">N/A</div>
</div>
<div class="inspector_row">
<div class="inspector_label">Have:</div>
<div id="torrent_inspector_have">N/A</div>
</div>
<div class="inspector_row">
<div class="inspector_label">Availability:</div>
<div id="torrent_inspector_availability">N/A</div>
</div>
<div class="inspector_row">
<div class="inspector_label">Downloaded:</div>
<div id="torrent_inspector_downloaded">N/A</div>
</div>
<div class="inspector_row">
<div class="inspector_label">Uploaded:</div>
<div id="torrent_inspector_uploaded">N/A</div>
</div>
<div class="inspector_row">
<div class="inspector_label">Ratio:</div>
<div id="torrent_inspector_ratio">N/A</div>
</div>
<div class="inspector_row">
<div class="inspector_label">Error:</div>
<div id="torrent_inspector_error">N/A</div>
</div>
<div class="inspector_row">
<div class="inspector_label">DL Speed:</div>
<div id="torrent_inspector_download_speed">N/A</div>
</div>
<div class="inspector_row">
<div class="inspector_label">UL Speed:</div>
<div id="torrent_inspector_upload_speed">N/A</div>
</div>
</div><!-- class="inspector_group"-->
2010-06-21 13:14:33 +00:00
<div class="inspector_group">
2008-08-29 20:21:43 +00:00
<div class="inspector_group_label">Peers</div>
<div class="inspector_row">
<div class="inspector_label">UL To:</div>
<div id="torrent_inspector_upload_to">N/A</div>
</div>
<div class="inspector_row">
<div class="inspector_label">DL From:</div>
<div id="torrent_inspector_download_from">N/A</div>
</div>
</div><!-- class="inspector_group"-->
</div><!-- id="inspector_tab_activity_container" -->
2010-06-17 04:40:06 +00:00
<div style="display:none;" class="inspector_container" id="inspector_tab_peers_container">
<div id="inspector_peers_list">
</div>
</div><!-- id="inspector_tab_peers_container" -->
<div style="display:none;" class="inspector_container" id="inspector_tab_trackers_container">
<div id="inspector_trackers_list">
</div>
</div><!-- id="inspector_tab_trackers_container" -->
<div style="display:none;" class="inspector_container" id="inspector_tab_files_container">
<div id="inspector_file_list">
<ul id="select_all_button_container">
<li id="files_deselect_all" class="select_all_button">Deselect All</li>
<li id="files_select_all" class="select_all_button">Select All</li>
</ul>
</div>
</div><!-- id="inspector_tab_files_container" -->
</div>
2010-06-21 13:14:33 +00:00
<div id="torrent_container">
<ul class="torrent_list" id="torrent_list"><li style="display: none;"></li></ul>
</div>
2010-06-21 13:14:33 +00:00
<div id="dialog" style="display:none;">
<img src="images/graphics/logo.png" style="float:left; margin: 10px;"/>
<p id="dialog_body" style="text-align:left"></p>
</div>
2010-06-21 13:14:33 +00:00
<div id="stats_dialog" style="display:none;">
<table>
<tr><td colspan="4" class="dialog_section_title">Current Session</td></tr>
<tr><td rowspan="5" class="dialog_col_1"></td><td></td><td rowspan="5" class="dialog_col_3"></td><td></td></tr>
<tr><td>Uploaded:</td><td id="stats_session_uploaded"></td></tr>
<tr><td>Downloaded:</td><td id="stats_session_downloaded"></td></tr>
<tr><td>Ratio:</td><td id="stats_session_ratio"></td></tr>
<tr><td>Duration:</td><td id="stats_session_duration"></td></tr>
<tr><td colspan="4" class="dialog_section_title">Total Session</td></tr>
<tr><td rowspan="6" class="dialog_col_1"></td><td></td><td rowspan="6" class="dialog_col_3"></td><td></td></tr>
<tr><td colspan="3" id="stats_total_count"></td></tr>
<tr><td>Uploaded:</td><td id="stats_total_uploaded"></td></tr>
<tr><td>Downloaded:</td><td id="stats_total_downloaded"></td></tr>
<tr><td>Ratio:</td><td id="stats_total_ratio"></td></tr>
<tr><td>Duration:</td><td id="stats_total_duration"></td></tr>
</table>
</div>
<div id="prefs_dialog" style="display:none;">
<form action="">
<div id="prefs_tabs">
<ul>
<li><a href="#prefs_tab_torrent">Torrents</a>
<li><a href="#prefs_tab_speed">Speed</a>
<li><a href="#prefs_tab_privacy">Privacy</a>
<li><a href="#prefs_tab_network">Network</a>
</ul>
<div id="prefs_tab_torrent">
<table>
<tr><td colspan="4" class="dialog_section_title">Adding</td></tr>
<tr><td rowspan="4" class="dialog_col_1"></td><td></td><td rowspan="4" class="dialog_col_3"></td><td></td></tr>
<tr><td>Save to Location:</td><td><input type="text" id="download-dir"/></td></tr>
<tr><td colspan="3"><input type="checkbox" id="auto-start"/>Start when added</td></tr>
<tr><td colspan="3"><input type="checkbox" id="rename-partial-files"/>Append ".part" to incomplete files' names</td></tr>
<tr><td colspan="4" class="dialog_section_title">Seeding Limits</td></tr>
<tr><td rowspan="3" class="dialog_col_1"></td><td></td><td rowspan="3" class="dialog_col_3"></td><td></td></tr>
<tr><td><input type="checkbox" id="seedRatioLimited"/>Stop seeding at ratio:</td><td><input type="text" id="seedRatioLimit"/></td></tr>
<tr><td><input type="checkbox" id="idle-seeding-limit-enabled"/>Stop seeding if idle for N minutes:</td><td><input type="text" id="idle-seeding-limit"/></td></tr>
</table>
</div>
<div id="prefs_tab_speed">
<table>
<tr><td colspan="4" class="dialog_section_title">Speed Limits</td></tr>
<tr><td rowspan="3" class="dialog_col_1"></td><td></td><td rowspan="3" class="dialog_col_3"></td><td></td></tr>
<tr><td><input type="checkbox" id="speed-limit-down-enabled"/>Limit download speed (KiB/s):</td><td><input type="text" id="speed-limit-down"></td></tr>
<tr><td><input type="checkbox" id="speed-limit-up-enabled"/>Limit upload speed (KiB/s):</td><td><input type="text" id="speed-limit-up"></td></tr>
<tr><td colspan="4" class="dialog_section_title">Temporary Speed Limits <img src="images/graphics/turtle.png"></td></tr>
<tr><td rowspan="6" class="dialog_col_1"></td><td></td><td rowspan="6" class="dialog_col_3"></td><td></td></tr>
<tr><td colspan="4"><i>Override normal speed limits manually or at scheduled times</i></td></tr>
<tr><td>Limit download speed (KiB/s):</td><td><input type="text" id="alt-speed-down"></td></tr>
<tr><td>Limit upload speed (KiB/s):</td><td><input type="text" id="alt-speed-up"></td></tr>
<tr><td><input type="checkbox" id="alt-speed-time-enabled"/>Scheduled times:</td>
<td><select id="alt-speed-time-begin" size="1"></select> to <select id="alt-speed-time-end" size="1"></select></td></tr>
<tr><td>On days:</td><td><select id="alt-speed-time-day" size="1">
<option value="127">Everyday</option>
<option value="62">Weekdays</option>
<option value="65">Weekends</option>
<option value="1">Sunday</option>
<option value="2">Monday</option>
<option value="4">Tuesday</option>
<option value="8">Wednesday</option>
<option value="16">Thursday</option>
<option value="32">Friday</option>
<option value="64">Saturday</option>
</select></td></tr>
</table>
</div>
<div id="prefs_tab_privacy">
<table>
<tr><td colspan="4"><div class="dialog_section_title">Blocklist</div></td></tr>
<tr><td rowspan="2" class="dialog_col_1"></td>
<td><input type="checkbox" id="blocklist-enabled">Enable blocklist (<span id="blocklist-size">0</span> rules)</td>
<td class="dialog_col_3"></td>
<td><button type="button" id="blocklist-update">Update</button><img id="blocklist-update-spinner" src="images/graphics/wait20.gif"></td></tr>
<tr><td colspan="4"><div class="dialog_section_title">Privacy</div></td></tr>
<tr><td rowspan="4" class="dialog_col_1"></td><td>Encryption mode:</td><td rowspan="4" class="dialog_col_3"></td><td><select id="encryption">
<option value="tolerated">Allow encryption</option>
<option value="preferred">Prefer encryption</option>
<option value="required">Require encryption</option>
</select></td></tr>
<tr><td colspan="3"><input type="checkbox" id="pex-enabled"/>Use PEX to find more peers</td></tr>
<tr><td colspan="3"><input type="checkbox" id="dht-enabled"/>Use DHT to find more peers</td></tr>
<tr><td colspan="3"><input type="checkbox" id="lpd-enabled"/>Use Local Peer Discovery to find more peers</td></tr>
</table>
</div>
<div id="prefs_tab_network">
<table>
<tr><td colspan="4" class="dialog_section_title">Incoming Peers</td></tr>
<tr><td rowspan="5" class="dialog_col_1"></td><td></td><td rowspan="5" class="dialog_col_3"></td><td></td></tr>
<tr><td>Port for incoming connections:</td><td><input type="text" id="peer-port"/></td></tr>
<tr><td></td><td><button type="button" id="port-test">Test</button> <span id="port-status-label">Status Unknown</span> <img id="port-status-spinner" src="images/graphics/wait20.gif"></td></tr>
<tr><td colspan="3"><input type="checkbox" id="peer-port-random-on-start"/>Pick a random port every time Transmission is started</td></tr>
<tr><td colspan="3"><input type="checkbox" id="port-forwarding-enabled"/>Use UPnP or NAT-PMP port forwarding from my router</td></tr>
<tr><td colspan="4" class="dialog_section_title">Limits</td></tr>
<tr><td rowspan="3" class="dialog_col_1"></td><td></td><td rowspan="3" class="dialog_col_3"></td><td></td></tr>
<tr><td>Maximum peers per torrent:</td><td><input type="text" id="peer-limit-per-torrent"/></td></tr>
<tr><td>Maximum peers overall:</td><td><input type="text" id="peer-limit-global"/></td></tr>
</table>
</div>
<!-- <label for="port" class="item">Incoming TCP Port:</label>
<input type="text" id="port" name="port"/>
</div>
</div>
<div class="preference web_gui">
<label class="category">Web Client:</label>
<div class="formdiv">
<label for="refresh_rate" class="item">Refresh Rate:</label>
<input type="text" name="refresh_rate" id="refresh_rate"/>
<label class="suffix">seconds</label>
</div>
</div>
<div style="clear: both; visibility: hidden;"></div>
</div>
</div>
-->
</div>
</form>
</div>
2010-06-21 13:14:33 +00:00
<div class="dialog_container" id="upload_container" style="display:none;">
<div class="dialog_top_bar"></div>
<div class="dialog_window">
<img src="images/graphics/logo.png" alt="Transmission Logo" />
2008-08-12 01:06:16 +00:00
<h2 class="dialog_heading">Upload Torrent Files</h2>
2010-06-21 13:14:33 +00:00
<form action="#" method="post" id="torrent_upload_form"
enctype="multipart/form-data" target="torrent_upload_frame">
<div class="dialog_message">
<label for="torrent_upload_file">Please select a torrent file to upload:</label>
<input type="file" name="torrent_files[]" id="torrent_upload_file" multiple="multiple" />
<label for="torrent_upload_url">Or enter a URL:</label>
<input type="text" id="torrent_upload_url"/>
<input type="checkbox" id="torrent_auto_start" />
<label for="torrent_auto_start" id="auto_start_label">Start when added</label>
</div>
<a href="#upload" id="upload_confirm_button">Upload</a>
<a href="#cancel" id="upload_cancel_button">Cancel</a>
</form>
</div>
</div>
2010-06-21 13:14:33 +00:00
<div class="torrent_footer">
<div id="disk_space_container"></div>
<ul id="settings_menu">
<li id="button">&nbsp;
<ul id="footer_super_menu">
<li id="preferences">Preferences</li>
<li id="statistics">Statistics</li>
<li class="separator"></li>
<li>Total Download Rate
<ul id="footer_download_rate_menu">
<li id="unlimited_download_rate">Unlimited</li>
<li id="limited_download_rate">Limit (10 kB/s)</li>
<li class="separator"></li>
<li>5 kB/s</li>
<li>10 kB/s</li>
<li>20 kB/s</li>
<li>30 kB/s</li>
<li>40 kB/s</li>
<li>50 kB/s</li>
<li>75 kB/s</li>
<li>100 kB/s</li>
<li>150 kB/s</li>
<li>200 kB/s</li>
<li>250 kB/s</li>
<li>500 kB/s</li>
<li>750 kB/s</li>
</ul>
</li>
<li>Total Upload Rate
<ul id="footer_upload_rate_menu">
<li id="unlimited_upload_rate">Unlimited</li>
<li id="limited_upload_rate">Limit (10 kB/s)</li>
<li class="separator"></li>
<li>5 kB/s</li>
<li>10 kB/s</li>
<li>20 kB/s</li>
<li>30 kB/s</li>
<li>40 kB/s</li>
<li>50 kB/s</li>
<li>75 kB/s</li>
<li>100 kB/s</li>
<li>150 kB/s</li>
<li>200 kB/s</li>
<li>250 kB/s</li>
<li>500 kB/s</li>
<li>750 kB/s</li>
</ul>
</li>
<li class="separator"></li>
<li>Sort Transfers By
<ul id="footer_sort_menu">
<li id="sort_by_activity">Activity</li>
<li id="sort_by_age">Age</li>
<li id="sort_by_name">Name</li>
<li id="sort_by_percent_completed">Progress</li>
<li id="sort_by_queue_order">Queue Order</li>
<li id="sort_by_size">Size</li>
<li id="sort_by_state">State</li>
<li class="separator"></li>
<li id="reverse_sort_order">Reverse Sort Order</li>
</ul>
</li>
<li class="separator"></li>
<li id="compact_view">Compact View</li>
</ul>
</li>
</ul>
<div id="turtle_button">&nbsp;</div>
<div style="clear: both; visibility: hidden;"></div>
</div>
2010-06-21 13:14:33 +00:00
<div class="contextMenu" id="torrent_context_menu">
<ul>
<li id="context_pause_selected" class="disabled context_pause_selected">Pause Selected</li>
<li id="context_resume_selected" class="disabled context_resume_selected">Resume Selected</li>
<li class="separator"></li>
<li id="context_remove">Remove From List...</li>
<li id="context_removedata">Trash Data & Remove From List...</li>
<li class="separator"></li>
<li id="context_verify">Verify Local Data</li>
<li class="separator"></li>
<li id="context_toggle_inspector">Show Inspector</li>
<li class="separator"></li>
<li id="context_select_all" class="context_select_all">Select All</li>
<li id="context_deselect_all" class="context_deselect_all">Deselect All</li>
</ul>
</div>
2010-06-21 13:14:33 +00:00
2009-03-16 02:49:02 +00:00
<iframe name="torrent_upload_frame" id="torrent_upload_frame" src="about:blank" ></iframe>
</body>
</html>