initial import of the ajax webui template
This commit is contained in:
Damien Churchill
parent
91ff2cb58f
commit
05fc9a7d26
|
|
@ -0,0 +1,8 @@
|
||||||
|
[features]
|
||||||
|
Improve torrent adding to include options, file upload
|
||||||
|
Implement the Options Menu
|
||||||
|
Implement the connection manager
|
||||||
|
|
||||||
|
[bugs]
|
||||||
|
If a torrent is removed from the core it continues to try and get details
|
||||||
|
if it was the selected torrent.
|
||||||
|
|
@ -0,0 +1,51 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<title>Deluge: AJAX UI (alpha)</title>
|
||||||
|
<link rel="icon" href="$base/static/images/deluge_icon.gif" type="image/gif" />
|
||||||
|
<link rel="shortcut icon" href="$base/static/images/deluge_icon.gif" type="image/gif" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="$base/template/static/css/mooui.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="$base/template_style.css" />
|
||||||
|
<script src="$base/template/static/js/mootools-1.2-core.js" type="text/javascript"></script>
|
||||||
|
<script src="$base/template/static/js/mootools-1.2-more.js" type="text/javascript"></script>
|
||||||
|
<script src="$base/template/static/js/Rpc.js" type="text/javascript"></script>
|
||||||
|
<script src="$base/template/static/js/mooui.js" type="text/javascript"></script>
|
||||||
|
<script src="$base/template/static/js/deluge.widgets.js" type="text/javascript"></script>
|
||||||
|
<script src="$base/template/static/js/deluge.js" type="text/javascript"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="page">
|
||||||
|
<div id="toolbar">
|
||||||
|
<ul id="buttons">
|
||||||
|
<li id="add" title="Add Torrent" />
|
||||||
|
<li id="remove" title="Remove Torrent" />
|
||||||
|
<li id="pause" title="Pause Torrent" />
|
||||||
|
<li id="resume" title="Resume Torrent" />
|
||||||
|
<li id="up" title="Move Torrent Up" />
|
||||||
|
<li id="down" title="Move Torrent Down" />
|
||||||
|
<li id="preferences" title="Preferences" />
|
||||||
|
<li id="connections" title="Connection Manager" />
|
||||||
|
</ul>
|
||||||
|
<div class="title">Deluge</div>
|
||||||
|
<div class="info">AJAX UI (alpha)</div>
|
||||||
|
</div>
|
||||||
|
<div id="main">
|
||||||
|
<div id="top">
|
||||||
|
<div id="labels"></div>
|
||||||
|
<div id="torrents"></div>
|
||||||
|
</div>
|
||||||
|
<div id="details">
|
||||||
|
<div class="mooui-tabs"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="status">
|
||||||
|
<ul id="info">
|
||||||
|
<li id="connections" />
|
||||||
|
<li id="downspeed" />
|
||||||
|
<li id="upspeed" />
|
||||||
|
<li id="dht" />
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
{
|
||||||
|
'authors':['Damien Churchill <damoxc@gmail.com>'],
|
||||||
|
'inherits':['classic'],
|
||||||
|
'comment':"""Advanced AJAX enabled template.
|
||||||
|
Making use of the new json/rpc api to update
|
||||||
|
the data on the fly.
|
||||||
|
"""
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
<form>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Global Bandwidth Usage')</legend>
|
||||||
|
<label>$_('Max Connections'):</label><input type="text" name="max_connections_global" class="mooui-spinner" /><br/>
|
||||||
|
<label>$_('Max Upload Slots'):</label><input type="text" name="max_upload_slots_global" class="mooui-spinner" /><br/>
|
||||||
|
<label>$_('Max Download Speed') (KiB/s):</label><input type="text" name="max_download_speed" class="mooui-spinner" /><br/>
|
||||||
|
<label>$_('Max Upload Speed') (KiB/s):</label><input type="text" name="max_upload_speed" class="mooui-spinner" /><br/>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Per Torrent Bandwidth Usage')</legend>
|
||||||
|
<label>$_('Max Connections'):</label><input type="text" name="max_connections_per_torrent" class="mooui-spinner" /><br/>
|
||||||
|
<label>$_('Max Upload Slots'):</label><input type="text" name="max_upload_slots_per_torrent" class="mooui-spinner" /><br/>
|
||||||
|
<label>$_('Max Download Speed') (KiB/s):</label><input type="text" name="max_download_speed_per_torrent" class="mooui-spinner" /><br/>
|
||||||
|
<label>$_('Max Upload Speed') (KiB/s):</label><input type="text" name="max_upload_speed_per_torrent" class="mooui-spinner" /><br/>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
<form>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Port')</legend>
|
||||||
|
<label>$_('Daemon Port'):</label><input type="text" name="daemon_port" class="mooui-spinner" /><br/>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Connections')</legend>
|
||||||
|
<label class="fluid"><input type="checkbox" name="allow_remote" />$_('Allow Remote Connections')</label>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Other')</legend>
|
||||||
|
<label class="fluid"><input type="checkbox" name="new_release_check" />$_('Periodically check the website for new releases')</label>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
<form>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Download Location')</legend>
|
||||||
|
<label>$_('Default download location'):</label><input type="text" name="download_location" /><br/>
|
||||||
|
<label><input type="checkbox" name="move_completed" />$_('Move completed to'):</label><input type="text" name="move_completed_path" />
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Torrent File Copy')</legend>
|
||||||
|
<label><input type="checkbox" name="copy_torrent_file" />$_('Save .torrent file'):</label><input type="text" name="torrentfiles_location" />
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Auto Add Folder')</legend>
|
||||||
|
<label><input type="checkbox" name="autoadd_enable" />$_('Enable Folder'):</label><input type="text" name="autoadd_location" />
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Allocation')</legend>
|
||||||
|
<label><input type="radio" name="compact_allocation" value="false" />$_('Use Full Allocation')</label>
|
||||||
|
<label><input type="radio" name="compact_allocation" value="true" />$_('Use Compact Allocation')</label>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Options')</legend>
|
||||||
|
<label class="fluid"><input type="checkbox" name="prioritize_first_last_pieces" />$_('Prioritize first and last pieces of torrent')</label>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
<form>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Ports')</legend>
|
||||||
|
<label class="fluid">$_('From'):</label><input type="text" class="mooui-spinner" /><label class="fluid">$_('To'):</label><input type="text" class="mooui-spinner" /><br/>
|
||||||
|
<label><input type="checkbox" name="random_port" />$_('Use Random Ports')</label>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('DHT')</legend>
|
||||||
|
<label><input type="checkbox" name="dht" />$_('Enable Mainline DHT')</label>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Network Extras')</legend>
|
||||||
|
<label><input type="checkbox" name="upnp" />$_('UPnP')</label>
|
||||||
|
<label><input type="checkbox" name="natpmp" />$_('NAT-PMP')</label>
|
||||||
|
<label><input type="checkbox" name="utpex" />$_('Peer Exchange')</label>
|
||||||
|
<label><input type="checkbox" name="lsd" />$_('LSD')</label>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Encryption')</legend>
|
||||||
|
<label>$_('Inbound'):</label>
|
||||||
|
<select name="enc_in_policy">
|
||||||
|
<option value="0">$_('Forced')</option>
|
||||||
|
<option value="1">$_('Enabled')</option>
|
||||||
|
<option value="2">$_('Disabled')</option>
|
||||||
|
</select><br/>
|
||||||
|
<label>$_('Outbound'):</label>
|
||||||
|
<select name="enc_out_policy">
|
||||||
|
<option value="0">$_('Forced')</option>
|
||||||
|
<option value="1">$_('Enabled')</option>
|
||||||
|
<option value="2">$_('Disabled')</option>
|
||||||
|
</select><br/>
|
||||||
|
<label>$_('Level'):</label>
|
||||||
|
<select name="enc_level">
|
||||||
|
<option value="0">$_('Handshake')</option>
|
||||||
|
<option value="1">$_('Full Stream')</option>
|
||||||
|
<option value="2">$_('Either')</option>
|
||||||
|
</select><br/>
|
||||||
|
<label><input type="checkbox" name="enc_prefer_rc4" />$_('Encrypt entire stream')</label>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
<form>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('General')</legend>
|
||||||
|
<label class="fluid"><input type="checkbox" name="queue_new_to_top" />$_('Queue new torrents to top')</label>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Active Torrents')</legend>
|
||||||
|
<label>$_('Total active'):</label><input type="text" name="max_active_limit" class="mooui-spinner" /><br/>
|
||||||
|
<label>$_('Total active downloading'):</label><input type="text" name="max_active_downloading" class="mooui-spinner" /><br/>
|
||||||
|
<label>$_('Total active seeding'):</label><input type="text" name="max_active_seeding" class="mooui-spinner" /><br/>
|
||||||
|
<label class="fluid"><input type="checkbox" name="dont_count_slow_torrents" />$_('Do not count slow torrents')</label>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Seeding')</legend>
|
||||||
|
<label>$_('Share Ratio Limit'):</label><input type="text" name="share_ratio_limit" class="mooui-spinner" /><br/>
|
||||||
|
<label>$_('Seed Time Ratio'):</label><input type="text" name="stop_seed_ratio" class="mooui-spinner" /><br/>
|
||||||
|
<label>$_('Seed Time') (m):</label><input type="text" name="seed_time_limit" class="mooui-spinner" /><br/>
|
||||||
|
<label class="fluid"><input type="checkbox" name="stop_seed_at_ratio" />$_('Stop seeding when share ratio reaches'):</label><input type="text" name="stop_seed_ratio" class="mooui-spinner" />
|
||||||
|
<label class="fluid"><input type="checkbox" name="remote_seed_at_ratio" />$_('Remove torrent when share ratio reached')</label>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
@ -0,0 +1,31 @@
|
||||||
|
<form>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Template')</legend>
|
||||||
|
<label>$_('Template')</label>
|
||||||
|
<select name="template">
|
||||||
|
|
||||||
|
</select><br/>
|
||||||
|
<label id="lbl_theme">$_('Theme')</label>
|
||||||
|
<select name="theme">
|
||||||
|
<option value="classic">Classic</option>
|
||||||
|
<option value="white">White</option>
|
||||||
|
</select><br/>
|
||||||
|
<label>$_('Button Style')</label>
|
||||||
|
<select name="button_style">
|
||||||
|
<option value="0">$_('Text and Image')</option>
|
||||||
|
<option value="1">$_('Image Only')</option>
|
||||||
|
<option value="2">$_('Text Only')</option>
|
||||||
|
</select><br/>
|
||||||
|
<label><input type="checkbox" name="cache_templates" /> $_('Cache Templates')</label><br/>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Server')</legend>
|
||||||
|
<label>$_('Port')</label><input type="text" name="port" /><br/>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Password')</legend>
|
||||||
|
<label>$_('Current Password')</label><input type="password" /><br/>
|
||||||
|
<label>$_('New Password')</label><input type="password" /><br/>
|
||||||
|
<label>$_('New Password (Confirm)')</label><input type="password" /><br/>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
<dl>
|
||||||
|
<dt class="torrent_name">$_('Name'):</dt><dd class="torrent_name"/>
|
||||||
|
<dt class="hash">$_('Hash'):</dt><dd class="hash"/>
|
||||||
|
<dt class="path">$_('Path'):</dt><dd class="path"/>
|
||||||
|
<dt class="size">$_('Total Size'):</dt><dd class="size"/>
|
||||||
|
<dt class="files">$_('# of files'):</dt><dd class="files"/>
|
||||||
|
<dt class="status">$_('Status'):</dt><dd class="status"/>
|
||||||
|
<dt class="tracker">$_('Tracker'):</dt><dd class="tracker"/>
|
||||||
|
</dl>
|
||||||
|
<br style="clear: both;" />
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
<div id="files">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr class="header">
|
||||||
|
<th class="filename">$_('Filename')</th>
|
||||||
|
<th class="size">$_('Size')</th>
|
||||||
|
<th class="progress">$_('Progress')</th>
|
||||||
|
<th class="priority">$_('Priority')</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody/>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
<form>
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Bandwidth')</legend>
|
||||||
|
<label>$_('Max Download Speed')</label><input type="text" name="max_download_speed" size="3" /> KiB/s<br />
|
||||||
|
<label>$_('Max Upload Speed')</label><input type="text" name="max_upload_speed" size="3" /> KiB/s<br />
|
||||||
|
<label>$_('Max Connections')</label><input type="text" name="max_connections" size="3" /><br />
|
||||||
|
<label>$_('Max Upload Slots')</label><input type="text" name="max_upload_slots" size="3" /><br />
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('Queue')</legend>
|
||||||
|
<label><input type="checkbox" name="is_auto_managed" />$_('Auto Managed')</label><br />
|
||||||
|
<label><input type="checkbox" name="stop_at_ratio" />$_('Stop seed at ratio')</label><input type="text" name="stop_ratio" size="3" value="2.00" /><br />
|
||||||
|
<label><input type="checkbox" name="remove_at_ratio" />$_('Remove at ratio')</label><br />
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('General')</legend>
|
||||||
|
<label><input type="checkbox" name="private" />$_('Private')</label><br />
|
||||||
|
<label><input type="checkbox" name="prioritize_first_last" />$_('Prioritize First/Last')</label><br />
|
||||||
|
<input type="button" name="edit_trackers" value="$_('Edit Trackers')" class="deluge_button" /><br />
|
||||||
|
<input type="button" name="reset" value="$_('Reset')" class="deluge_button" />
|
||||||
|
<input type="button" name="apply" value="$_('Apply')" class="deluge_button" /><br/>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
<br style="clear: both;" />
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
<div id="peers" class="gridview">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr class="header">
|
||||||
|
<th class="country"></th>
|
||||||
|
<th class="name">$_('Address')</th>
|
||||||
|
<th class="client">$_('Client')</th>
|
||||||
|
<th class="downspeed">$_('Down Speed')</th>
|
||||||
|
<th class="upspeed">$_('Up Speed')</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody/>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
<dl>
|
||||||
|
<dt class="downloaded">$_('Downloaded'):</dt><dd class="downloaded"/>
|
||||||
|
<dt class="uploaded">$_('Uploaded'):</dt><dd class="uploaded"/>
|
||||||
|
<dt class="share">$_('Share Ratio'):</dt><dd class="share"/>
|
||||||
|
<dt class="announce">$_('Next Announce'):</dt><dd class="announce"/>
|
||||||
|
<dt class="tracker">$_('Tracker Status'):</dt><dd class="tracker_status"/>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt class="downspeed">$_('Speed'):</dt><dd class="downspeed"/>
|
||||||
|
<dt class="upspeed">$_('Speed'):</dt><dd class="upspeed"/>
|
||||||
|
<dt class="eta">$_('ETA'):</dt><dd class="eta"/>
|
||||||
|
<dt class="pieces">$_('Pieces'):</dt><dd class="pieces"/>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt class="seeders">$_('Seeders'):</dt><dd class="seeders"/>
|
||||||
|
<dt class="peers">$_('Peers'):</dt><dd class="peers"/>
|
||||||
|
<dt class="avail">$_('Availability'):</dt><dd class="avail"/>
|
||||||
|
<dt class="auto_managed">$_('Auto Managed'):</dt><dd class="auto_managed"/>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt class="active_time">$_('Active Time'):</dt><dd class="active_time"/>
|
||||||
|
<dt class="seeding_time">$_('Seeding Time'):</dt><dd class="seeding_time"/>
|
||||||
|
<dt class="seed_rank">$_('Seed Rank'):</dt><dd class="seed_rank"/>
|
||||||
|
</dl>
|
||||||
|
<br style="clear: both;" />
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
<form id="addFromFile">
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('From File')</legend>
|
||||||
|
<label for="torrentFile">$_('Torrent File'):</label><input type="file" id="file" name="file" accept="application/x-bittorrent" /><br/>
|
||||||
|
<input type="submit" value="$_('Add')!" name="submit" class="deluge_button" />
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<form id="addFromUrl">
|
||||||
|
<fieldset>
|
||||||
|
<legend>$_('From Url')</legend>
|
||||||
|
<label for="torrentUrl">$_('Torrent Url'):</label><input type="text" id="url" name="url" /><br/>
|
||||||
|
<input type="submit" value="$_('Add')!" name="submit" class="deluge_button" />
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
<div id="preferences">
|
||||||
|
<div class="categories">
|
||||||
|
<h3>$_('Categories')</h3>
|
||||||
|
<ul>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="pref_pages">
|
||||||
|
<h3></h3>
|
||||||
|
</div>
|
||||||
|
<div class="buttons">
|
||||||
|
<button class="reset deluge_button">$_('Reset')</button><button class="apply deluge_button">$_('Apply')</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,55 @@
|
||||||
|
.roar-body
|
||||||
|
{
|
||||||
|
position: absolute;
|
||||||
|
font: 12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
|
||||||
|
color: #fff;
|
||||||
|
text-align: left;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.roar
|
||||||
|
{
|
||||||
|
position: absolute;
|
||||||
|
width: 300px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.roar-bg
|
||||||
|
{
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1000;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
background-color: #000;
|
||||||
|
-moz-border-radius: 10px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
.roar-body-ugly .roar
|
||||||
|
{
|
||||||
|
background-color: #333;
|
||||||
|
}
|
||||||
|
.roar-body-ugly .roar-bg
|
||||||
|
{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.roar h3
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
padding: 15px 10px 0;
|
||||||
|
margin: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 13px;
|
||||||
|
color: #fff;
|
||||||
|
z-index: 1002;
|
||||||
|
}
|
||||||
|
.roar p
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
padding: 10px 10px 15px;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #fff;
|
||||||
|
z-index: 1002;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,156 @@
|
||||||
|
/*
|
||||||
|
* Stylesheet: Widgets.PopupMenu.css
|
||||||
|
*
|
||||||
|
* Depends: []
|
||||||
|
*/
|
||||||
|
|
||||||
|
ul.mooui-menu {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1000;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li {
|
||||||
|
position: relative;
|
||||||
|
list-style: none;
|
||||||
|
margin: 1px;
|
||||||
|
padding-left: 2px;
|
||||||
|
padding-right: 10px;
|
||||||
|
line-height: 20px;
|
||||||
|
height: 20px;
|
||||||
|
background: no-repeat 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li.mooui-menu-icon {
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li.mooui-menu-sep {
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li.mooui-menu-toggle input {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li.mooui-menu-toggle span span {
|
||||||
|
position: relative;
|
||||||
|
top: -3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li > ul {
|
||||||
|
display: none;
|
||||||
|
position: relative;
|
||||||
|
top: -20px;
|
||||||
|
width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li:hover > ul {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li.mooui-menu-sep:hover {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Stylesheet: Widgets.ProgressBar.css
|
||||||
|
*
|
||||||
|
* Depends: []
|
||||||
|
*/
|
||||||
|
|
||||||
|
.mooui-progressbar span {
|
||||||
|
text-align: center;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Stylesheet: Widgets.SplitPane.css
|
||||||
|
*
|
||||||
|
* Depends: []
|
||||||
|
*/
|
||||||
|
|
||||||
|
.mooui-pane {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-splitter {
|
||||||
|
position: absolute;
|
||||||
|
background: Gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-splitter-vertical {
|
||||||
|
cursor: e-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-splitter-horizontal {
|
||||||
|
cursor: n-resize;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Stylesheet: Widgets.SplitPane.css
|
||||||
|
*
|
||||||
|
* Depends: []
|
||||||
|
*/
|
||||||
|
|
||||||
|
.mooui-tabs ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-tabs li {
|
||||||
|
float: left;
|
||||||
|
padding: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
height: 14px;
|
||||||
|
-moz-border-radius: 5px 5px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-tabs div {
|
||||||
|
clear: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-tabpage {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-tabpage-active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Stylesheet: Widgets.Window.css
|
||||||
|
*
|
||||||
|
* Depends: []
|
||||||
|
*/
|
||||||
|
|
||||||
|
.mooui-window {
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
left: 200px;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window-title {
|
||||||
|
margin: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window-close {
|
||||||
|
float: right;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window-content {
|
||||||
|
clear: both;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 744 B |
Binary file not shown.
|
After Width: | Height: | Size: 861 B |
Binary file not shown.
|
After Width: | Height: | Size: 393 B |
Binary file not shown.
|
After Width: | Height: | Size: 912 B |
Binary file not shown.
|
After Width: | Height: | Size: 513 B |
Binary file not shown.
|
After Width: | Height: | Size: 541 B |
Binary file not shown.
|
After Width: | Height: | Size: 601 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 846 B |
Binary file not shown.
|
After Width: | Height: | Size: 481 B |
Binary file not shown.
|
After Width: | Height: | Size: 317 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 63 B |
|
|
@ -0,0 +1,166 @@
|
||||||
|
/**
|
||||||
|
* Roar - Notifications
|
||||||
|
*
|
||||||
|
* Inspired by Growl
|
||||||
|
*
|
||||||
|
* @version 1.0.1
|
||||||
|
*
|
||||||
|
* @license MIT-style license
|
||||||
|
* @author Harald Kirschner <mail [at] digitarald.de>
|
||||||
|
* @copyright Author
|
||||||
|
*/
|
||||||
|
|
||||||
|
var Roar = new Class({
|
||||||
|
|
||||||
|
Implements: [Options, Events, Chain],
|
||||||
|
|
||||||
|
options: {
|
||||||
|
duration: 3000,
|
||||||
|
position: 'upperLeft',
|
||||||
|
container: null,
|
||||||
|
bodyFx: null,
|
||||||
|
itemFx: null,
|
||||||
|
margin: {x: 10, y: 10},
|
||||||
|
offset: 10,
|
||||||
|
className: 'roar',
|
||||||
|
onShow: $empty,
|
||||||
|
onHide: $empty,
|
||||||
|
onRender: $empty
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize: function(options) {
|
||||||
|
this.setOptions(options);
|
||||||
|
this.items = [];
|
||||||
|
this.container = $(this.options.container) || document;
|
||||||
|
},
|
||||||
|
|
||||||
|
alert: function(title, message, options) {
|
||||||
|
var params = Array.link(arguments, {title: String.type, message: String.type, options: Object.type});
|
||||||
|
var items = [new Element('h3', {'html': $pick(params.title, '')})];
|
||||||
|
if (params.message) items.push(new Element('p', {'html': params.message}));
|
||||||
|
return this.inject(items, params.options);
|
||||||
|
},
|
||||||
|
|
||||||
|
inject: function(elements, options) {
|
||||||
|
if (!this.body) this.render();
|
||||||
|
options = options || {};
|
||||||
|
|
||||||
|
var offset = [-this.options.offset, 0];
|
||||||
|
var last = this.items.getLast();
|
||||||
|
if (last) {
|
||||||
|
offset[0] = last.retrieve('roar:offset');
|
||||||
|
offset[1] = offset[0] + last.offsetHeight + this.options.offset;
|
||||||
|
}
|
||||||
|
var to = {'opacity': 1};
|
||||||
|
to[this.align.y] = offset;
|
||||||
|
|
||||||
|
var item = new Element('div', {
|
||||||
|
'class': this.options.className,
|
||||||
|
'opacity': 0
|
||||||
|
}).adopt(
|
||||||
|
new Element('div', {
|
||||||
|
'class': 'roar-bg',
|
||||||
|
'opacity': 0.7
|
||||||
|
}),
|
||||||
|
elements
|
||||||
|
);
|
||||||
|
|
||||||
|
item.setStyle(this.align.x, 0).store('roar:offset', offset[1]).set('morph', $merge({
|
||||||
|
unit: 'px',
|
||||||
|
link: 'cancel',
|
||||||
|
onStart: Chain.prototype.clearChain,
|
||||||
|
transition: Fx.Transitions.Back.easeOut
|
||||||
|
}, this.options.itemFx));
|
||||||
|
|
||||||
|
var remove = this.remove.create({
|
||||||
|
bind: this,
|
||||||
|
arguments: [item],
|
||||||
|
delay: 10
|
||||||
|
});
|
||||||
|
this.items.push(item.addEvent('click', remove));
|
||||||
|
|
||||||
|
if (this.options.duration) {
|
||||||
|
var over = false;
|
||||||
|
var trigger = (function() {
|
||||||
|
trigger = null;
|
||||||
|
if (!over) remove();
|
||||||
|
}).delay(this.options.duration);
|
||||||
|
item.addEvents({
|
||||||
|
mouseover: function() {
|
||||||
|
over = true;
|
||||||
|
},
|
||||||
|
mouseout: function() {
|
||||||
|
over = false;
|
||||||
|
if (!trigger) remove();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
item.inject(this.body).morph(to);
|
||||||
|
return this.fireEvent('onShow', [item, this.items.length]);
|
||||||
|
},
|
||||||
|
|
||||||
|
remove: function(item) {
|
||||||
|
var index = this.items.indexOf(item);
|
||||||
|
if (index == -1) return this;
|
||||||
|
this.items.splice(index, 1);
|
||||||
|
item.removeEvents();
|
||||||
|
var to = {opacity: 0};
|
||||||
|
to[this.align.y] = item.getStyle(this.align.y).toInt() - item.offsetHeight - this.options.offset;
|
||||||
|
item.morph(to).get('morph').chain(item.destroy.bind(item));
|
||||||
|
return this.fireEvent('onHide', [item, this.items.length]).callChain(item);
|
||||||
|
},
|
||||||
|
|
||||||
|
empty: function() {
|
||||||
|
while (this.items.length) this.remove(this.items[0]);
|
||||||
|
return this;
|
||||||
|
},
|
||||||
|
|
||||||
|
render: function() {
|
||||||
|
this.position = this.options.position;
|
||||||
|
if ($type(this.position) == 'string') {
|
||||||
|
var position = {x: 'center', y: 'center'};
|
||||||
|
this.align = {x: 'left', y: 'top'};
|
||||||
|
if ((/left|west/i).test(this.position)) position.x = 'left';
|
||||||
|
else if ((/right|east/i).test(this.position)) this.align.x = position.x = 'right';
|
||||||
|
if ((/upper|top|north/i).test(this.position)) position.y = 'top';
|
||||||
|
else if ((/bottom|lower|south/i).test(this.position)) this.align.y = position.y = 'bottom';
|
||||||
|
this.position = position;
|
||||||
|
}
|
||||||
|
this.body = new Element('div', {'class': 'roar-body'}).inject(document.body);
|
||||||
|
if (Browser.Engine.trident4) this.body.addClass('roar-body-ugly');
|
||||||
|
this.moveTo = this.body.setStyles.bind(this.body);
|
||||||
|
this.reposition();
|
||||||
|
if (this.options.bodyFx) {
|
||||||
|
var morph = new Fx.Morph(this.body, $merge({
|
||||||
|
unit: 'px',
|
||||||
|
chain: 'cancel',
|
||||||
|
transition: Fx.Transitions.Circ.easeOut
|
||||||
|
}, this.options.bodyFx));
|
||||||
|
this.moveTo = morph.start.bind(morph);
|
||||||
|
}
|
||||||
|
var repos = this.reposition.bind(this);
|
||||||
|
window.addEvents({
|
||||||
|
scroll: repos,
|
||||||
|
resize: repos
|
||||||
|
});
|
||||||
|
this.fireEvent('onRender', this.body);
|
||||||
|
},
|
||||||
|
|
||||||
|
reposition: function() {
|
||||||
|
var max = document.getCoordinates(), scroll = document.getScroll(), margin = this.options.margin;
|
||||||
|
max.left += scroll.x;
|
||||||
|
max.right += scroll.x;
|
||||||
|
max.top += scroll.y;
|
||||||
|
max.bottom += scroll.y;
|
||||||
|
var rel = ($type(this.container) == 'element') ? this.container.getCoordinates() : max;
|
||||||
|
this.moveTo({
|
||||||
|
left: (this.position.x == 'right')
|
||||||
|
? (Math.min(rel.right, max.right) - margin.x)
|
||||||
|
: (Math.max(rel.left, max.left) + margin.x),
|
||||||
|
top: (this.position.y == 'bottom')
|
||||||
|
? (Math.min(rel.bottom, max.bottom) - margin.y)
|
||||||
|
: (Math.max(rel.top, max.top) + margin.y)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,83 @@
|
||||||
|
/*
|
||||||
|
* Script: Rpc.js
|
||||||
|
* A JSON-RPC proxy
|
||||||
|
*
|
||||||
|
* Copyright:
|
||||||
|
* Damien Churchill (c) 2008
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
|
* A class that creates a proxy for sending remote procedure calls over JSON
|
||||||
|
*/
|
||||||
|
JSON.RPC = new Class({
|
||||||
|
Implements: Options,
|
||||||
|
|
||||||
|
options: {
|
||||||
|
async: true,
|
||||||
|
methods: []
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize: function(url, options) {
|
||||||
|
this.setOptions(options)
|
||||||
|
this.url = url
|
||||||
|
if (this.options.methods.length == 0) {
|
||||||
|
this._execute('system.listMethods', {async: false}).each(function(method) {
|
||||||
|
this[method] = function() {
|
||||||
|
var options = this._parseargs(arguments)
|
||||||
|
return this._execute(method, options)
|
||||||
|
}.bind(this)
|
||||||
|
}, this)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
_parseargs: function(args) {
|
||||||
|
var params = $A(args), options = params.getLast()
|
||||||
|
if ($type(options) == 'object') {
|
||||||
|
var option_keys = ['async', 'onRequest', 'onComplete',
|
||||||
|
'onSuccess', 'onFailure', 'onException', 'onCancel'], keys =
|
||||||
|
new Hash(options).getKeys(), is_option = false
|
||||||
|
|
||||||
|
option_keys.each(function(key) {
|
||||||
|
if (keys.contains(key)) {
|
||||||
|
is_option = true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
if (is_option) {
|
||||||
|
params.erase(options)
|
||||||
|
} else {
|
||||||
|
options = {}
|
||||||
|
}
|
||||||
|
} else { options = {} }
|
||||||
|
options.params = params
|
||||||
|
return options
|
||||||
|
},
|
||||||
|
|
||||||
|
_execute: function(method, options) {
|
||||||
|
options = $pick(options, {})
|
||||||
|
options.params = $pick(options.params, [])
|
||||||
|
options.async = $pick(options.async, this.options.async)
|
||||||
|
|
||||||
|
data = JSON.encode({
|
||||||
|
method: method,
|
||||||
|
params: options.params,
|
||||||
|
id: 1
|
||||||
|
})
|
||||||
|
|
||||||
|
var request = new Request.JSON({
|
||||||
|
url: this.url,
|
||||||
|
async: options.async,
|
||||||
|
onRequest: options.onRequest,
|
||||||
|
onComplete: options.onComplete,
|
||||||
|
onSuccess: function(response) {
|
||||||
|
if (options.onSuccess) {options.onSuccess(response.result)}
|
||||||
|
},
|
||||||
|
onFailure: options.onFailure,
|
||||||
|
onException: options.onException,
|
||||||
|
onCancel: options.onCancel
|
||||||
|
}).send(data)
|
||||||
|
if (!options.async) {
|
||||||
|
return request.response.json.result
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
@ -0,0 +1,302 @@
|
||||||
|
Deluge.UI = {
|
||||||
|
initialize: function() {
|
||||||
|
this.torrents = {};
|
||||||
|
this.torrentIds = [];
|
||||||
|
Deluge.Client = new JSON.RPC('/json/rpc');
|
||||||
|
|
||||||
|
var theme = Cookie.read('theme');
|
||||||
|
if (theme) this.setTheme(theme);
|
||||||
|
else this.setTheme('classic');
|
||||||
|
|
||||||
|
this.bound = {
|
||||||
|
updated: this.updated.bindWithEvent(this),
|
||||||
|
resized: this.resized.bindWithEvent(this),
|
||||||
|
toolbar_click: this.toolbar_click.bindWithEvent(this),
|
||||||
|
file_priorities: this.file_priorities.bindWithEvent(this),
|
||||||
|
labelsChanged: this.labelsChanged.bindWithEvent(this)
|
||||||
|
};
|
||||||
|
this.loadUi.delay(100, this);
|
||||||
|
},
|
||||||
|
|
||||||
|
loadUi: function() {
|
||||||
|
this.vbox = new Widgets.VBox('page', {expand: true});
|
||||||
|
|
||||||
|
this.toolbar = new Deluge.Widgets.Toolbar();
|
||||||
|
this.addWindow = new Deluge.Widgets.AddWindow();
|
||||||
|
this.prefsWindow = new Deluge.Widgets.PreferencesWindow();
|
||||||
|
|
||||||
|
this.statusbar = new Deluge.Widgets.StatusBar();
|
||||||
|
this.labels = new Deluge.Widgets.Labels()
|
||||||
|
this.details = new Deluge.Widgets.Details()
|
||||||
|
|
||||||
|
this.initialize_grid()
|
||||||
|
|
||||||
|
this.split_horz = new Widgets.SplitPane('top', this.labels, this.grid, {
|
||||||
|
pane1: {min: 150},
|
||||||
|
pane2: {min: 100, expand: true}
|
||||||
|
});
|
||||||
|
var details = $W('details')
|
||||||
|
this.split_vert = new Widgets.SplitPane('main', this.split_horz, details, {
|
||||||
|
direction: 'vertical',
|
||||||
|
pane1: {min: 100, expand: true},
|
||||||
|
pane2: {min: 200}
|
||||||
|
});
|
||||||
|
|
||||||
|
this.vbox.addBox(this.toolbar, {fixed: true});
|
||||||
|
this.vbox.addBox(this.split_vert);
|
||||||
|
this.vbox.addBox(this.statusbar, {fixed: true});
|
||||||
|
this.vbox.calculatePositions();
|
||||||
|
this.details.expand()
|
||||||
|
|
||||||
|
this.toolbar.addEvent('button_click', this.bound.toolbar_click);
|
||||||
|
this.details.addEvent('filesAction', this.bound.file_priorities)
|
||||||
|
this.labels.addEvent('stateChanged', this.bound.labelsChanged)
|
||||||
|
details.addEvent('resize', function(e) {
|
||||||
|
this.details.expand()
|
||||||
|
}.bindWithEvent(this))
|
||||||
|
|
||||||
|
window.addEvent('resize', this.bound.resized);
|
||||||
|
Deluge.UI.update();
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize_grid: function() {
|
||||||
|
this.grid = new Deluge.Widgets.TorrentGrid('torrents')
|
||||||
|
|
||||||
|
var menu = new Widgets.PopupMenu()
|
||||||
|
menu.add([
|
||||||
|
{type:'text',action:'pause',text:'Pause',icon:'/static/images/tango/pause.png'},
|
||||||
|
{type:'text',action:'resume',text:'Resume',icon:'/static/images/tango/start.png'},
|
||||||
|
{type:'seperator'},
|
||||||
|
{type:'submenu',text:'Options',icon:'/static/images/tango/preferences-system.png',items: [
|
||||||
|
{type:'submenu',text:'D/L Speed Limit',icon:'/pixmaps/downloading16.png',items: [
|
||||||
|
{type:'text',action:'max_download_speed',value:5,text:'5 KiB/s'},
|
||||||
|
{type:'text',action:'max_download_speed',value:10,text:'10 KiB/s'},
|
||||||
|
{type:'text',action:'max_download_speed',value:30,text:'30 KiB/s'},
|
||||||
|
{type:'text',action:'max_download_speed',value:80,text:'80 KiB/s'},
|
||||||
|
{type:'text',action:'max_download_speed',value:300,text:'300 KiB/s'},
|
||||||
|
{type:'text',action:'max_download_speed',value:-1,text:'Unlimited'}
|
||||||
|
]},
|
||||||
|
{type:'submenu',text:'U/L Speed Limit',icon:'/pixmaps/seeding16.png',items: [
|
||||||
|
{type:'text',action:'max_upload_speed',value:5,text:'5 KiB/s'},
|
||||||
|
{type:'text',action:'max_upload_speed',value:10,text:'10 KiB/s'},
|
||||||
|
{type:'text',action:'max_upload_speed',value:30,text:'30 KiB/s'},
|
||||||
|
{type:'text',action:'max_upload_speed',value:80,text:'80 KiB/s'},
|
||||||
|
{type:'text',action:'max_upload_speed',value:300,text:'300 KiB/s'},
|
||||||
|
{type:'text',action:'max_upload_speed',value:-1,text:'Unlimited'}
|
||||||
|
]},
|
||||||
|
{type:'submenu',text:'Connection Limit',icon:'/static/images/tango/connections.png',items: [
|
||||||
|
{type:'text',action:'max_connections',value:50,text:'50'},
|
||||||
|
{type:'text',action:'max_connections',value:100,text:'100'},
|
||||||
|
{type:'text',action:'max_connections',value:200,text:'200'},
|
||||||
|
{type:'text',action:'max_connections',value:300,text:'300'},
|
||||||
|
{type:'text',action:'max_connections',value:500,text:'500'},
|
||||||
|
{type:'text',action:'max_connections',value:-1,text:'Unlimited'}
|
||||||
|
]},
|
||||||
|
{type:'submenu',text:'Upload Slot Limit',icon:'/template/static/icons/16/view-sort-ascending.png',items: [
|
||||||
|
{type:'text',action:'max_upload_slots',value:0,text:'0'},
|
||||||
|
{type:'text',action:'max_upload_slots',value:1,text:'1'},
|
||||||
|
{type:'text',action:'max_upload_slots',value:2,text:'2'},
|
||||||
|
{type:'text',action:'max_upload_slots',value:3,text:'3'},
|
||||||
|
{type:'text',action:'max_upload_slots',value:5,text:'5'},
|
||||||
|
{type:'text',action:'max_upload_slots',value:-1,text:'Unlimited'}
|
||||||
|
]},
|
||||||
|
{type:'toggle',action:'auto_managed',value:false,text:'Auto Managed'}
|
||||||
|
]},
|
||||||
|
{type:'seperator'},
|
||||||
|
{type:'submenu',text:'Queue',icon:'/template/static/icons/16/view-sort-descending.png',items:[
|
||||||
|
{type:'text',action:'top',text:'Top',icon:'/static/images/tango/go-top.png'},
|
||||||
|
{type:'text',action:'up',text:'Up',icon:'/static/images/tango/queue-up.png'},
|
||||||
|
{type:'text',action:'down',text:'Down',icon:'/static/images/tango/queue-down.png'},
|
||||||
|
{type:'text',action:'bottom',text:'Bottom',icon:'/static/images/tango/go-bottom.png'}
|
||||||
|
]},
|
||||||
|
{type: 'seperator'},
|
||||||
|
{type:'text',action:'update_tracker',text:'Update Tracker',icon:'/template/static/icons/16/view-refresh.png'},
|
||||||
|
{type:'text',action:'edit_trackers',text:'Edit Trackers',icon:'/template/static/icons/16/gtk-edit.png'},
|
||||||
|
{type:'seperator'},
|
||||||
|
{type:'submenu',action:'remove',value:0,text:'Remove Torrent',icon:'/static/images/tango/list-remove.png', items:[
|
||||||
|
{type:'text',action:'remove',value:0,text:'From Session'},
|
||||||
|
{type:'text',action:'remove',value:1,text:'... and delete Torrent file'},
|
||||||
|
{type:'text',action:'remove',value:2,text:'... and delete Downloaded files'},
|
||||||
|
{type:'text',action:'remove',value:3,text:'... and delete All files'}
|
||||||
|
]},
|
||||||
|
{type:'seperator'},
|
||||||
|
{type:'text',action:'force_recheck',text:'Force Recheck',icon:'/static/images/tango/edit-redo.png'},
|
||||||
|
{type:'text',action:'move_storage',text:'Move Storage',icon:'/static/images/tango/move.png'}
|
||||||
|
]);
|
||||||
|
|
||||||
|
menu.addEvent('action', function(e) {
|
||||||
|
this.torrent_action(e.action, e.value)
|
||||||
|
}.bind(this))
|
||||||
|
|
||||||
|
this.grid.addEvent('row_menu', function(e) {
|
||||||
|
e.stop()
|
||||||
|
var value = this.grid.selectedRow.torrent.is_auto_managed;
|
||||||
|
menu.items[3].items[4].set(value)
|
||||||
|
menu.torrent_id = e.row_id
|
||||||
|
menu.show(e)
|
||||||
|
}.bindWithEvent(this))
|
||||||
|
|
||||||
|
this.grid.addEvent('selectedchanged', function(e) {
|
||||||
|
if ($chk(this.grid.selectedRow))
|
||||||
|
this.details.update(this.grid.selectedRow.id);
|
||||||
|
else
|
||||||
|
this.details.update(null);
|
||||||
|
}.bindWithEvent(this))
|
||||||
|
},
|
||||||
|
|
||||||
|
setTheme: function(name, fn) {
|
||||||
|
this.theme = name;
|
||||||
|
if (this.themecss) this.themecss.destroy();
|
||||||
|
this.themecss = new Asset.css('/template/static/themes/' + name + '/style.css');
|
||||||
|
Cookie.write('theme', name);
|
||||||
|
if (this.vbox) this.vbox.refresh();
|
||||||
|
},
|
||||||
|
|
||||||
|
run: function() {
|
||||||
|
if (!this.running) {
|
||||||
|
this.running = this.update.periodical(2000, this);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
stop: function() {
|
||||||
|
if (this.running) {
|
||||||
|
$clear(this.running);
|
||||||
|
this.running = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function() {
|
||||||
|
filter = {}
|
||||||
|
if (this.labels.state != 'All') filter.state = this.labels.state
|
||||||
|
Deluge.Client.update_ui(Deluge.Keys.Grid, filter, {
|
||||||
|
onSuccess: this.bound.updated
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
updated: function(data) {
|
||||||
|
this.torrents = new Hash(data.torrents);
|
||||||
|
this.stats = data.stats;
|
||||||
|
this.filters = data.filters
|
||||||
|
this.torrents.each(function(torrent, torrent_id) {
|
||||||
|
torrent.id = torrent_id;
|
||||||
|
})
|
||||||
|
this.grid.update_torrents(this.torrents);
|
||||||
|
this.statusbar.update(this.stats);
|
||||||
|
|
||||||
|
if ($chk(this.grid.selectedRow))
|
||||||
|
this.details.update(this.grid.selectedRow.id);
|
||||||
|
else
|
||||||
|
this.details.update(null);
|
||||||
|
|
||||||
|
this.labels.update(this.filters)
|
||||||
|
},
|
||||||
|
|
||||||
|
file_priorities: function(event) {
|
||||||
|
Deluge.Client.get_torrent_status(event.torrentId, ['file_priorities'], {
|
||||||
|
onSuccess: function(result) {
|
||||||
|
var priorities = result.file_priorities
|
||||||
|
priorities.each(function(priority, index) {
|
||||||
|
if (event.files.contains(index)) priorities[index] = event.action
|
||||||
|
})
|
||||||
|
Deluge.Client.set_torrent_file_priorities(event.torrentId, priorities, {
|
||||||
|
onSuccess: function(response) {
|
||||||
|
this.details.update(event.torrentId)
|
||||||
|
}.bindWithEvent(this)
|
||||||
|
})
|
||||||
|
}.bindWithEvent(this)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
resized: function(event) {
|
||||||
|
this.vbox.calculatePositions();
|
||||||
|
},
|
||||||
|
|
||||||
|
toolbar_click: function(event) {
|
||||||
|
this.torrent_action(event.action);
|
||||||
|
},
|
||||||
|
|
||||||
|
labelsChanged: function(event) {
|
||||||
|
this.update()
|
||||||
|
},
|
||||||
|
|
||||||
|
torrent_action: function(action, value) {
|
||||||
|
var torrentIds = this.grid.get_selected_torrents()
|
||||||
|
switch (action) {
|
||||||
|
case 'resume':
|
||||||
|
Deluge.Client.resume_torrent(torrentIds)
|
||||||
|
break;
|
||||||
|
case 'pause':
|
||||||
|
Deluge.Client.pause_torrent(torrentIds)
|
||||||
|
break;
|
||||||
|
case 'top':
|
||||||
|
Deluge.Client.queue_top(torrentIds)
|
||||||
|
break;
|
||||||
|
case 'up':
|
||||||
|
Deluge.Client.queue_up(torrentIds)
|
||||||
|
break;
|
||||||
|
case 'down':
|
||||||
|
Deluge.Client.queue_down(torrentIds)
|
||||||
|
break;
|
||||||
|
case 'bottom':
|
||||||
|
Deluge.Client.queue_bottom(torrentIds)
|
||||||
|
break;
|
||||||
|
case 'force_recheck':
|
||||||
|
Deluge.Client.force_recheck(torrentIds)
|
||||||
|
break;
|
||||||
|
case 'update_tracker':
|
||||||
|
Deluge.Client.force_reannounce(torrentIds)
|
||||||
|
break;
|
||||||
|
case 'max_download_speed':
|
||||||
|
torrentIds.each(function(torrentId) {
|
||||||
|
Deluge.Client.set_torrent_max_download_speed(torrentId, value.toInt())
|
||||||
|
})
|
||||||
|
break;
|
||||||
|
case 'max_upload_speed':
|
||||||
|
torrentIds.each(function(torrentId) {
|
||||||
|
Deluge.Client.set_torrent_max_upload_speed(torrentId, value.toInt())
|
||||||
|
})
|
||||||
|
break;
|
||||||
|
case 'max_connections':
|
||||||
|
torrentIds.each(function(torrentId) {
|
||||||
|
Deluge.Client.set_torrent_max_connections(torrentId, value.toInt())
|
||||||
|
})
|
||||||
|
break;
|
||||||
|
case 'max_upload_slots':
|
||||||
|
torrentIds.each(function(torrentId) {
|
||||||
|
Deluge.Client.set_torrent_max_upload_slots(torrentId, value.toInt())
|
||||||
|
})
|
||||||
|
break;
|
||||||
|
case 'auto_managed':
|
||||||
|
torrentIds.each(function(torrentId) {
|
||||||
|
Deluge.Client.set_torrent_auto_managed(torrentId, value)
|
||||||
|
})
|
||||||
|
break;
|
||||||
|
case 'add':
|
||||||
|
this.addWindow.show()
|
||||||
|
break;
|
||||||
|
case 'remove':
|
||||||
|
var removeTorrent = false, removeFiles = false;
|
||||||
|
if (value == 1) removeTorrent = true;
|
||||||
|
else if (value == 2) removeFiles = true;
|
||||||
|
else if (value > 3) {
|
||||||
|
removeTorrent = true;
|
||||||
|
removeFiles = true;
|
||||||
|
}
|
||||||
|
Deluge.Client.remove_torrent(torrentIds, removeTorrent, removeFiles);
|
||||||
|
break;
|
||||||
|
case 'preferences':
|
||||||
|
this.prefsWindow.show()
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
this.update()
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
window.addEvent('domready', function(e) {
|
||||||
|
Deluge.UI.initialize();
|
||||||
|
Deluge.UI.run();
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,909 @@
|
||||||
|
/*
|
||||||
|
* Script: deluge.widgets.js
|
||||||
|
* Collection of widgets for use in the deluge web-ui
|
||||||
|
*
|
||||||
|
* Copyright:
|
||||||
|
* Damien Churchill (c) 2008
|
||||||
|
*/
|
||||||
|
|
||||||
|
var Deluge = $empty;
|
||||||
|
|
||||||
|
Deluge.Keys = {
|
||||||
|
Grid: ['queue', 'name', 'total_size', 'state', 'progress',
|
||||||
|
'num_seeds', 'total_seeds', 'num_peers', 'total_peers',
|
||||||
|
'download_payload_rate', 'upload_payload_rate', 'eta', 'ratio',
|
||||||
|
'distributed_copies' ,'is_auto_managed'],
|
||||||
|
|
||||||
|
Statistics: ['total_done', 'total_payload_download', 'total_uploaded',
|
||||||
|
'total_payload_upload', 'next_announce', 'tracker_status',
|
||||||
|
'num_pieces', 'piece_length', 'is_auto_managed', 'active_time',
|
||||||
|
'seeding_time', 'seed_rank'],
|
||||||
|
|
||||||
|
Files: ['files', 'file_progress', 'file_priorities'],
|
||||||
|
|
||||||
|
Peers: ['peers', 'seeds'],
|
||||||
|
|
||||||
|
Details: ['name', 'save_path', 'total_size', 'num_files', 'tracker_status', 'tracker'],
|
||||||
|
|
||||||
|
Options: ['max_download_speed', 'max_upload_speed', 'max_connections',
|
||||||
|
'max_upload_slots','is_auto_managed', 'stop_at_ratio',
|
||||||
|
'stop_ratio', 'remove_at_ratio', 'private', 'prioritize_first_last']
|
||||||
|
}
|
||||||
|
|
||||||
|
Deluge.Keys.Statistics.extend(Deluge.Keys.Grid)
|
||||||
|
|
||||||
|
Deluge.Widgets = $empty;
|
||||||
|
|
||||||
|
Deluge.Widgets.Details = new Class({
|
||||||
|
Extends: Widgets.Tabs,
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
this.parent($$('#details .mooui-tabs')[0])
|
||||||
|
|
||||||
|
this.statistics = new Deluge.Widgets.StatisticsPage()
|
||||||
|
this.details = new Deluge.Widgets.DetailsPage()
|
||||||
|
this.files = new Deluge.Widgets.FilesPage()
|
||||||
|
this.peers = new Deluge.Widgets.PeersPage()
|
||||||
|
this.options = new Deluge.Widgets.OptionsPage()
|
||||||
|
|
||||||
|
this.addPage(this.statistics)
|
||||||
|
this.addPage(this.details)
|
||||||
|
this.addPage(this.files)
|
||||||
|
this.addPage(this.peers)
|
||||||
|
this.addPage(this.options)
|
||||||
|
this.addEvent('pageChanged', function(e) {
|
||||||
|
this.update(this.torrentId);
|
||||||
|
}.bindWithEvent(this));
|
||||||
|
this.addEvent('resize', this.resized.bindWithEvent(this))
|
||||||
|
|
||||||
|
this.files.addEvent('menuAction', function(e) {
|
||||||
|
files = []
|
||||||
|
this.files.grid.get_selected().each(function(file) {
|
||||||
|
files.push(file.fileIndex)
|
||||||
|
})
|
||||||
|
e.files = files
|
||||||
|
this.fireEvent('filesAction', e)
|
||||||
|
}.bindWithEvent(this))
|
||||||
|
},
|
||||||
|
|
||||||
|
keys: {
|
||||||
|
0: Deluge.Keys.Statistics,
|
||||||
|
1: Deluge.Keys.Details,
|
||||||
|
2: Deluge.Keys.Files,
|
||||||
|
3: Deluge.Keys.Peers,
|
||||||
|
4: Deluge.Keys.Options
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function(torrentId) {
|
||||||
|
this.torrentId = torrentId
|
||||||
|
if (!this.torrentId) return
|
||||||
|
var keys = this.keys[this.currentPage], page = this.pages[this.currentPage];
|
||||||
|
Deluge.Client.get_torrent_status(torrentId, keys, {
|
||||||
|
onSuccess: function(torrent) {
|
||||||
|
torrent.id = torrentId
|
||||||
|
if (page.update) page.update(torrent)
|
||||||
|
}.bindWithEvent(this)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
resized: function(event) {
|
||||||
|
this.pages.each(function(page) {
|
||||||
|
page.getSizeModifiers()
|
||||||
|
page.sets({
|
||||||
|
width: event.width - page.element.modifiers.x,
|
||||||
|
height: event.height - page.element.modifiers.y - 28
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.Widgets.StatisticsPage = new Class({
|
||||||
|
Extends: Widgets.TabPage,
|
||||||
|
|
||||||
|
options: {
|
||||||
|
url: '/template/render/html/tab_statistics.html'
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
this.parent('Statistics')
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function(torrent) {
|
||||||
|
var data = {
|
||||||
|
downloaded: torrent.total_done.toBytes()+' ('+torrent.total_payload_download.toBytes()+')',
|
||||||
|
uploaded: torrent.total_uploaded.toBytes()+' ('+torrent.total_payload_upload.toBytes()+')',
|
||||||
|
share: torrent.ratio.toFixed(3),
|
||||||
|
announce: torrent.next_announce.toTime(),
|
||||||
|
tracker_status: torrent.tracker_status,
|
||||||
|
downspeed: torrent.download_payload_rate.toSpeed(),
|
||||||
|
upspeed: torrent.upload_payload_rate.toSpeed(),
|
||||||
|
eta: torrent.eta.toTime(),
|
||||||
|
pieces: torrent.num_pieces + ' (' + torrent.piece_length.toBytes() + ')',
|
||||||
|
seeders: torrent.num_seeds + ' (' + torrent.total_seeds + ')',
|
||||||
|
peers: torrent.num_peers + ' (' + torrent.total_peers + ')',
|
||||||
|
avail: torrent.distributed_copies.toFixed(3),
|
||||||
|
active_time: torrent.active_time.toTime(),
|
||||||
|
seeding_time: torrent.seeding_time.toTime(),
|
||||||
|
seed_rank: torrent.seed_rank
|
||||||
|
}
|
||||||
|
|
||||||
|
if (torrent.is_auto_managed) {data.auto_managed = 'True'}
|
||||||
|
else {data.auto_managed = 'False'}
|
||||||
|
|
||||||
|
this.element.getElements('dd').each(function(item) {
|
||||||
|
item.set('text', data[item.getProperty('class')])
|
||||||
|
}, this)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
Deluge.Widgets.DetailsPage = new Class({
|
||||||
|
Extends: Widgets.TabPage,
|
||||||
|
|
||||||
|
options: {
|
||||||
|
url: '/template/render/html/tab_details.html'
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
this.parent('Details')
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function(torrent) {
|
||||||
|
var data = {
|
||||||
|
torrent_name: torrent.name,
|
||||||
|
hash: torrent.id,
|
||||||
|
path: torrent.save_path,
|
||||||
|
size: torrent.total_size.toBytes(),
|
||||||
|
files: torrent.num_files,
|
||||||
|
status: torrent.tracker_status,
|
||||||
|
tracker: torrent.tracker
|
||||||
|
}
|
||||||
|
this.element.getElements('dd').each(function(item) {
|
||||||
|
item.set('text', data[item.getProperty('class')])
|
||||||
|
}, this)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
Deluge.Widgets.FilesGrid = new Class({
|
||||||
|
Extends: Widgets.DataGrid,
|
||||||
|
|
||||||
|
options: {
|
||||||
|
columns: [
|
||||||
|
{name: 'filename',text: 'Filename',type:'text',width: 350},
|
||||||
|
{name: 'size',text: 'Size',type:'bytes',width: 80},
|
||||||
|
{name: 'progress',text: 'Progress',type:'progress',width: 180},
|
||||||
|
{name: 'priority',text: 'Priority',type:'icon',width: 150}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
priority_texts: {
|
||||||
|
0: 'Do Not Download',
|
||||||
|
1: 'Normal Priority',
|
||||||
|
2: 'High Priority',
|
||||||
|
5: 'Highest Priority'
|
||||||
|
},
|
||||||
|
|
||||||
|
priority_icons: {
|
||||||
|
0: '/static/images/tango/process-stop.png',
|
||||||
|
1: '/template/static/icons/16/gtk-yes.png',
|
||||||
|
2: '/static/images/tango/queue-down.png',
|
||||||
|
5: '/static/images/tango/go-bottom.png'
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize: function(element, options) {
|
||||||
|
this.parent(element, options)
|
||||||
|
var menu = new Widgets.PopupMenu()
|
||||||
|
$A([0,1,2,5]).each(function(index) {
|
||||||
|
menu.add({
|
||||||
|
type:'text',
|
||||||
|
action: index,
|
||||||
|
text: this.priority_texts[index],
|
||||||
|
icon: this.priority_icons[index]
|
||||||
|
})
|
||||||
|
}, this)
|
||||||
|
|
||||||
|
menu.addEvent('action', function(e) {
|
||||||
|
e = {
|
||||||
|
action: e.action,
|
||||||
|
torrentId: menu.row.torrentId
|
||||||
|
}
|
||||||
|
this.fireEvent('menuAction', e)
|
||||||
|
}.bind(this))
|
||||||
|
|
||||||
|
this.addEvent('row_menu', function(e) {
|
||||||
|
e.stop()
|
||||||
|
menu.row = e.row
|
||||||
|
menu.show(e)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
clear: function() {
|
||||||
|
this.rows.empty()
|
||||||
|
this.body.empty()
|
||||||
|
this.render()
|
||||||
|
},
|
||||||
|
|
||||||
|
update_files: function(torrent) {
|
||||||
|
torrent.files.each(function(file) {
|
||||||
|
var p = torrent.file_priorities[file.index]
|
||||||
|
var priority = {text:this.priority_texts[p], icon:this.priority_icons[p]}
|
||||||
|
|
||||||
|
var percent = torrent.file_progress[file.index]*100.0;
|
||||||
|
row = {
|
||||||
|
id: torrent.id + '-' + file.index,
|
||||||
|
data: {
|
||||||
|
filename: file.path,
|
||||||
|
size: file.size,
|
||||||
|
progress: {percent: percent, text: percent.toFixed(2) + '%'},
|
||||||
|
priority: priority
|
||||||
|
},
|
||||||
|
fileIndex: file.index,
|
||||||
|
torrentId: torrent.id
|
||||||
|
|
||||||
|
}
|
||||||
|
if (this.has(row.id)) {
|
||||||
|
this.updateRow(row, true)
|
||||||
|
} else {
|
||||||
|
this.addRow(row, true)
|
||||||
|
}
|
||||||
|
}, this)
|
||||||
|
this.render()
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.Widgets.FilesPage = new Class({
|
||||||
|
Extends: Widgets.TabPage,
|
||||||
|
|
||||||
|
options: {
|
||||||
|
url: '/template/render/html/tab_files.html'
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize: function(el) {
|
||||||
|
this.parent('Files')
|
||||||
|
this.torrentId = -1
|
||||||
|
this.addEvent('loaded', this.loaded.bindWithEvent(this))
|
||||||
|
this.addEvent('resize', this.resized.bindWithEvent(this))
|
||||||
|
},
|
||||||
|
|
||||||
|
loaded: function(event) {
|
||||||
|
this.grid = new Deluge.Widgets.FilesGrid('files')
|
||||||
|
this.grid.addEvent('menuAction', this.menu_action.bindWithEvent(this))
|
||||||
|
|
||||||
|
if (this.been_resized) {
|
||||||
|
this.resized(this.been_resized)
|
||||||
|
delete this.been_resized
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
resize_check: function(event) {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
resized: function(e) {
|
||||||
|
if (!this.grid) {
|
||||||
|
this.been_resized = e;
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
this.element.getPadding()
|
||||||
|
this.grid.sets({
|
||||||
|
width: e.width - this.element.padding.x,
|
||||||
|
height: e.height - this.element.padding.y
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
menu_action: function(e) {
|
||||||
|
this.fireEvent('menuAction', e)
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function(torrent) {
|
||||||
|
if (this.torrentId != torrent.id) {
|
||||||
|
this.torrentId = torrent.id
|
||||||
|
this.grid.rows.empty()
|
||||||
|
this.grid.body.empty()
|
||||||
|
}
|
||||||
|
this.grid.update_files(torrent)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
Deluge.Widgets.PeersPage = new Class({
|
||||||
|
Extends: Widgets.TabPage,
|
||||||
|
|
||||||
|
options: {
|
||||||
|
url: '/template/render/html/tab_peers.html'
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize: function(el) {
|
||||||
|
this.parent('Peers')
|
||||||
|
this.addEvent('resize', this.resized.bindWithEvent(this))
|
||||||
|
this.addEvent('loaded', this.loaded.bindWithEvent(this))
|
||||||
|
},
|
||||||
|
|
||||||
|
loaded: function(event) {
|
||||||
|
this.grid = new Widgets.DataGrid($('peers'), {
|
||||||
|
columns: [
|
||||||
|
{name: 'country',type:'image',width: 20},
|
||||||
|
{name: 'address',text: 'Address',type:'text',width: 80},
|
||||||
|
{name: 'client',text: 'Client',type:'text',width: 180},
|
||||||
|
{name: 'downspeed',text: 'Down Speed',type:'speed',width: 100},
|
||||||
|
{name: 'upspeed',text: 'Up Speed',type:'speed',width: 100},
|
||||||
|
]})
|
||||||
|
this.torrentId = -1
|
||||||
|
if (this.been_resized) {
|
||||||
|
this.resized(this.been_resized)
|
||||||
|
delete this.been_resized
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
resized: function(e) {
|
||||||
|
if (!this.grid) {
|
||||||
|
this.been_resized = e;
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
this.element.getPadding()
|
||||||
|
this.grid.sets({
|
||||||
|
width: e.width - this.element.padding.x,
|
||||||
|
height: e.height - this.element.padding.y
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function(torrent) {
|
||||||
|
if (this.torrentId != torrent.id) {
|
||||||
|
this.torrentId = torrent.id
|
||||||
|
this.grid.rows.empty()
|
||||||
|
this.grid.body.empty()
|
||||||
|
}
|
||||||
|
var peers = []
|
||||||
|
torrent.peers.each(function(peer) {
|
||||||
|
if (peer.country.strip() != '') {
|
||||||
|
peer.country = '/pixmaps/flags/' + peer.country.toLowerCase() + '.png'
|
||||||
|
} else {
|
||||||
|
peer.country = '/templates/static/images/spacer.gif'
|
||||||
|
}
|
||||||
|
row = {
|
||||||
|
id: peer.ip,
|
||||||
|
data: {
|
||||||
|
country: peer.country,
|
||||||
|
address: peer.ip,
|
||||||
|
client: peer.client,
|
||||||
|
downspeed: peer.down_speed,
|
||||||
|
upspeed: peer.up_speed
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (this.grid.has(row.id)) {
|
||||||
|
this.grid.updateRow(row, true)
|
||||||
|
} else {
|
||||||
|
this.grid.addRow(row, true)
|
||||||
|
}
|
||||||
|
peers.include(peer.ip)
|
||||||
|
}, this)
|
||||||
|
|
||||||
|
this.grid.rows.each(function(row) {
|
||||||
|
if (!peers.contains(row.id)) {
|
||||||
|
row.element.destroy()
|
||||||
|
this.grid.rows.erase(row)
|
||||||
|
}
|
||||||
|
}, this)
|
||||||
|
this.grid.render()
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.Widgets.OptionsPage = new Class({
|
||||||
|
Extends: Widgets.TabPage,
|
||||||
|
|
||||||
|
options: {
|
||||||
|
url: '/template/render/html/tab_options.html'
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
if (!this.element)
|
||||||
|
this.parent('Options');
|
||||||
|
this.addEvent('loaded', function(event) {
|
||||||
|
this.loaded(event)
|
||||||
|
}.bindWithEvent(this))
|
||||||
|
},
|
||||||
|
|
||||||
|
loaded: function(event) {
|
||||||
|
this.bound = {
|
||||||
|
apply: this.apply.bindWithEvent(this),
|
||||||
|
reset: this.reset.bindWithEvent(this)
|
||||||
|
}
|
||||||
|
this.form = this.element.getElement('form');
|
||||||
|
this.changed = new Hash()
|
||||||
|
this.form.getElements('input').each(function(el) {
|
||||||
|
if (el.type == 'button') return;
|
||||||
|
el.focused = false
|
||||||
|
el.addEvent('change', function(e) {
|
||||||
|
if (!this.changed[this.torrentId])
|
||||||
|
this.changed[this.torrentId] = {}
|
||||||
|
if (el.type == 'checkbox')
|
||||||
|
this.changed[this.torrentId][el.name] = el.checked;
|
||||||
|
else
|
||||||
|
this.changed[this.torrentId][el.name] = el.value;
|
||||||
|
}.bindWithEvent(this));
|
||||||
|
el.addEvent('focus', function(e) {
|
||||||
|
el.focused = true;
|
||||||
|
});
|
||||||
|
el.addEvent('blur', function(e) {
|
||||||
|
el.focused = false;
|
||||||
|
});
|
||||||
|
}, this);
|
||||||
|
|
||||||
|
this.form.apply.addEvent('click', this.bound.apply);
|
||||||
|
this.form.reset.addEvent('click', this.bound.reset);
|
||||||
|
},
|
||||||
|
|
||||||
|
apply: function(event) {
|
||||||
|
if (!this.torrentId) return
|
||||||
|
var changed = this.changed[this.torrentId]
|
||||||
|
if ($defined(changed['is_auto_managed'])) {
|
||||||
|
changed['auto_managed'] = changed['is_auto_managed']
|
||||||
|
delete changed['is_auto_managed']
|
||||||
|
}
|
||||||
|
Deluge.Client.set_torrent_options(this.torrentId, changed, {
|
||||||
|
onSuccess: function(event) {
|
||||||
|
delete this.changed[this.torrentId]
|
||||||
|
}.bindWithEvent(this)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
reset: function(event) {
|
||||||
|
if (this.torrentId) {
|
||||||
|
delete this.changed[this.torrentId]
|
||||||
|
}
|
||||||
|
Deluge.Client.get_torrent_status(this.torrentId, Deluge.Keys.Options, {
|
||||||
|
onSuccess: function(torrent) {
|
||||||
|
torrent.id = this.torrentId
|
||||||
|
this.update(torrent)
|
||||||
|
}.bindWithEvent(this)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function(torrent) {
|
||||||
|
this.torrentId = torrent.id;
|
||||||
|
$each(torrent, function(value, key) {
|
||||||
|
var changed = this.changed[this.torrentId]
|
||||||
|
if (changed && $defined(changed[key])) return;
|
||||||
|
var type = $type(value);
|
||||||
|
if (type == 'boolean') {
|
||||||
|
this.form[key].checked = value;
|
||||||
|
} else {
|
||||||
|
if (!this.form[key].focused)
|
||||||
|
this.form[key].value = value;
|
||||||
|
};
|
||||||
|
if (key == 'private' && value == 0) {
|
||||||
|
this.form[key].disabled = true
|
||||||
|
this.form[key].getParent().addClass('opt-disabled')
|
||||||
|
}
|
||||||
|
}, this);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.Widgets.Toolbar = new Class({
|
||||||
|
Implements: Events,
|
||||||
|
Extends: Widgets.Base,
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
this.parent($('toolbar'))
|
||||||
|
this.buttons = this.element.getFirst()
|
||||||
|
this.info = this.element.getLast()
|
||||||
|
this.buttons.getElements('li').each(function(el) {
|
||||||
|
el.addEvent('click', function(e) {
|
||||||
|
e.action = el.id
|
||||||
|
this.fireEvent('button_click', e)
|
||||||
|
}.bind(this))
|
||||||
|
}, this)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.Widgets.StatusBar = new Class({
|
||||||
|
Extends: Widgets.Base,
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
this.parent($('status'));
|
||||||
|
this.element.getElements('li').each(function(el) {
|
||||||
|
this[el.id] = el;
|
||||||
|
}, this);
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function(stats) {
|
||||||
|
this.connections.set('text', stats.num_connections);
|
||||||
|
this.downspeed.set('text', stats.download_rate.toSpeed());
|
||||||
|
this.upspeed.set('text', stats.upload_rate.toSpeed());
|
||||||
|
this.dht.set('text', stats.dht_nodes);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.Widgets.TorrentGrid = new Class({
|
||||||
|
Extends: Widgets.DataGrid,
|
||||||
|
|
||||||
|
options: {
|
||||||
|
columns: [
|
||||||
|
{name: 'number',text: '#',type:'number',width: 20},
|
||||||
|
{name: 'name',text: 'Name',type:'icon',width: 350},
|
||||||
|
{name: 'size',text: 'Size',type:'bytes',width: 80},
|
||||||
|
{name: 'progress',text: 'Progress',type:'progress',width: 180},
|
||||||
|
{name: 'seeders',text: 'Seeders',type:'text',width: 80},
|
||||||
|
{name: 'peers',text: 'Peers',type:'text',width: 80},
|
||||||
|
{name: 'down',text: 'Down Speed',type:'speed',width: 100},
|
||||||
|
{name: 'up',text: 'Up Speed',type:'speed',width: 100},
|
||||||
|
{name: 'eta',text: 'ETA',type:'time',width: 80},
|
||||||
|
{name: 'ratio',text: 'Ratio',type:'number',width: 60},
|
||||||
|
{name: 'avail',text: 'Avail.',type:'number',width: 60}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
icons: {
|
||||||
|
'Downloading': '/pixmaps/downloading16.png',
|
||||||
|
'Seeding': '/pixmaps/seeding16.png',
|
||||||
|
'Queued': '/pixmaps/queued16.png',
|
||||||
|
'Paused': '/pixmaps/inactive16.png',
|
||||||
|
'Error': '/pixmaps/alert16.png',
|
||||||
|
'Checking': '/pixmaps/inactive16.png'
|
||||||
|
},
|
||||||
|
|
||||||
|
get_selected_torrents: function() {
|
||||||
|
var torrentIds = [];
|
||||||
|
this.get_selected().each(function(row) {
|
||||||
|
torrentIds.include(row.id);
|
||||||
|
});
|
||||||
|
return torrentIds;
|
||||||
|
},
|
||||||
|
|
||||||
|
set_torrent_filter: function(state) {
|
||||||
|
state = state.replace(' ', '');
|
||||||
|
this.filterer = function (r) {
|
||||||
|
if (r.torrent.state == state) { return true } else { return false };
|
||||||
|
};
|
||||||
|
this.render();
|
||||||
|
},
|
||||||
|
|
||||||
|
update_torrents: function(torrents) {
|
||||||
|
torrents.getKeys().each(function(torrentId) {
|
||||||
|
var torrent = torrents[torrentId]
|
||||||
|
var torrentIds = torrents.getKeys()
|
||||||
|
if (torrent.queue == -1) {var queue = ''}
|
||||||
|
else {var queue = torrent.queue + 1}
|
||||||
|
var icon = this.icons[torrent.state]
|
||||||
|
row = {
|
||||||
|
id: torrentId,
|
||||||
|
data: {
|
||||||
|
number: queue,
|
||||||
|
name: {text: torrent.name, icon: icon},
|
||||||
|
size: torrent.total_size,
|
||||||
|
progress: {percent: torrent.progress, text:torrent.state + ' ' + torrent.progress.toFixed(2) + '%'},
|
||||||
|
seeders: torrent.num_seeds + ' (' + torrent.total_seeds + ')',
|
||||||
|
peers: torrent.num_peers + ' (' + torrent.total_peers + ')',
|
||||||
|
down: torrent.download_payload_rate,
|
||||||
|
up: torrent.upload_payload_rate,
|
||||||
|
eta: torrent.eta,
|
||||||
|
ratio: torrent.ratio.toFixed(3),
|
||||||
|
avail: torrent.distributed_copies.toFixed(3)
|
||||||
|
},
|
||||||
|
torrent: torrent
|
||||||
|
}
|
||||||
|
if (this.has(row.id)) {
|
||||||
|
this.updateRow(row, true)
|
||||||
|
} else {
|
||||||
|
this.addRow(row, true)
|
||||||
|
}
|
||||||
|
|
||||||
|
this.rows.each(function(row) {
|
||||||
|
if (!torrentIds.contains(row.id)) {
|
||||||
|
row.element.destroy()
|
||||||
|
this.rows.erase(row.id)
|
||||||
|
}
|
||||||
|
}, this)
|
||||||
|
}, this)
|
||||||
|
this.render()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
Deluge.Widgets.Labels = new Class({
|
||||||
|
|
||||||
|
Extends: Widgets.Base,
|
||||||
|
|
||||||
|
regex: /([\w]+)\s\((\d)\)/,
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
this.parent($('labels'))
|
||||||
|
this.bound = {
|
||||||
|
resized: this.resized.bindWithEvent(this),
|
||||||
|
clickedState: this.clickedState.bindWithEvent(this)
|
||||||
|
}
|
||||||
|
|
||||||
|
this.list = new Element('ul')
|
||||||
|
this.element.grab(this.list)
|
||||||
|
this.addStates()
|
||||||
|
this.state = 'All'
|
||||||
|
this.islabels = false;
|
||||||
|
this.addEvent('resize', this.resized)
|
||||||
|
},
|
||||||
|
|
||||||
|
addStates: function() {
|
||||||
|
this.list.grab(new Element('li').set('text', 'All').addClass('all').addClass('activestate'))
|
||||||
|
this.list.grab(new Element('li').set('text', 'Downloading').addClass('downloading'))
|
||||||
|
this.list.grab(new Element('li').set('text', 'Seeding').addClass('seeding'))
|
||||||
|
this.list.grab(new Element('li').set('text', 'Queued').addClass('queued'))
|
||||||
|
this.list.grab(new Element('li').set('text', 'Paused').addClass('paused'))
|
||||||
|
this.list.grab(new Element('li').set('text', 'Error').addClass('error'))
|
||||||
|
this.list.grab(new Element('li').set('text', 'Checking').addClass('checking'))
|
||||||
|
this.list.grab(new Element('hr'))
|
||||||
|
},
|
||||||
|
|
||||||
|
addLabel: function(name) {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
clickedState: function(e) {
|
||||||
|
if (this.islabels) {
|
||||||
|
var old = this.list.getElement('.' + this.state.toLowerCase())
|
||||||
|
old.removeClass('activestate')
|
||||||
|
this.state = e.target.get('text').match(/^(\w+)/)[1]
|
||||||
|
e.target.addClass('activestate')
|
||||||
|
this.fireEvent('stateChanged', this.state)
|
||||||
|
} else {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function(filters) {
|
||||||
|
if (filters.state.length == 1)
|
||||||
|
this.updateNoLabels(filters);
|
||||||
|
else
|
||||||
|
this.updateLabels(filters)
|
||||||
|
},
|
||||||
|
|
||||||
|
updateNoLabels: function(filters) {
|
||||||
|
this.islabels = false;
|
||||||
|
},
|
||||||
|
|
||||||
|
updateLabels: function(filters) {
|
||||||
|
this.islabels = true;
|
||||||
|
$each(filters.state, function(state) {
|
||||||
|
var el = this.list.getElement('.' + state[0].toLowerCase())
|
||||||
|
if (!el) return
|
||||||
|
|
||||||
|
el.set('text', state[0] + ' (' + state[1] + ')')
|
||||||
|
el.removeEvent('click', this.bound.clickedState)
|
||||||
|
el.addEvent('click', this.bound.clickedState)
|
||||||
|
}, this)
|
||||||
|
},
|
||||||
|
|
||||||
|
resized: function(event) {
|
||||||
|
var height = this.element.getInnerSize().y;
|
||||||
|
this.list.getSizeModifiers();
|
||||||
|
height -= this.list.modifiers.y;
|
||||||
|
this.list.setStyle('height', height)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.Widgets.AddWindow = new Class({
|
||||||
|
Extends: Widgets.Window,
|
||||||
|
options: {
|
||||||
|
width: 400,
|
||||||
|
height: 200,
|
||||||
|
title: 'Add Torrent',
|
||||||
|
url: '/template/render/html/window_add_torrent.html'
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
this.parent()
|
||||||
|
this.addEvent('loaded', this.loaded.bindWithEvent(this))
|
||||||
|
},
|
||||||
|
|
||||||
|
loaded: function(event) {
|
||||||
|
this.formfile = this.content.getChildren()[0];
|
||||||
|
this.formurl = this.content.getChildren()[1];
|
||||||
|
this.formurl.addEvent('submit', function(e) {
|
||||||
|
e.stop();
|
||||||
|
Deluge.Client.add_torrent_url(this.formurl.url.value, '', {})
|
||||||
|
this.hide()
|
||||||
|
}.bindWithEvent(this))
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.Widgets.PreferencesCategory = new Class({
|
||||||
|
Extends: Widgets.TabPage,
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.Widgets.PluginPreferencesCategory = new Class({
|
||||||
|
Extends: Deluge.Widgets.PreferencesCategory
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.Widgets.GenericPreferences = new Class({
|
||||||
|
Extends: Deluge.Widgets.PreferencesCategory,
|
||||||
|
|
||||||
|
initialize: function(name, options) {
|
||||||
|
this.parent(name, options)
|
||||||
|
this.core = true;
|
||||||
|
this.addEvent('loaded', function(e) {
|
||||||
|
this.form = this.element.getElement('form');
|
||||||
|
}.bindWithEvent(this));
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function(config) {
|
||||||
|
this.fireEvent('beforeUpdate');
|
||||||
|
this.original = {};
|
||||||
|
this.changed = {};
|
||||||
|
this.inputs = this.form.getElements('input, select');
|
||||||
|
this.inputs.each(function(input) {
|
||||||
|
if (!input.name) return;
|
||||||
|
if (!$defined(config[input.name])) return;
|
||||||
|
if (input.tagName.toLowerCase() == 'select') {
|
||||||
|
var value = config[input.name].toString();
|
||||||
|
input.getElements('option').each(function(option) {
|
||||||
|
if (option.value == value) option.selected = true;
|
||||||
|
});
|
||||||
|
} else if (input.type == 'text') {
|
||||||
|
input.value = config[input.name];
|
||||||
|
} else if (input.type == 'checkbox') {
|
||||||
|
input.checked = config[input.name];
|
||||||
|
} else if (input.type == 'radio') {
|
||||||
|
var value = config[input.name].toString()
|
||||||
|
if (input.value == value) input.checked = true;
|
||||||
|
}
|
||||||
|
this.original[input.name] = input.value;
|
||||||
|
input.addEvent('change', function(el) {
|
||||||
|
if (this.original[input.name] == input.value) {
|
||||||
|
if (this.changed[input.name])
|
||||||
|
delete this.changed[input.name];
|
||||||
|
} else {
|
||||||
|
this.changed[input.name] = input.value;
|
||||||
|
}
|
||||||
|
}.bindWithEvent(this))
|
||||||
|
}, this);
|
||||||
|
this.fireEvent('update');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.Widgets.WebUIPreferences = new Class({
|
||||||
|
Extends: Deluge.Widgets.GenericPreferences,
|
||||||
|
|
||||||
|
options: {
|
||||||
|
url: '/template/render/html/preferences_webui.html'
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
this.parent('Web UI');
|
||||||
|
this.core = false;
|
||||||
|
this.addEvent('beforeUpdate', this.beforeUpdate.bindWithEvent(this));
|
||||||
|
this.addEvent('update', this.updated.bindWithEvent(this));
|
||||||
|
},
|
||||||
|
|
||||||
|
beforeUpdate: function(event) {
|
||||||
|
var templates = Deluge.Client.get_webui_templates({async: false});
|
||||||
|
templates.each(function(template) {
|
||||||
|
var option = new Element('option');
|
||||||
|
option.set('text', template);
|
||||||
|
this.form.template.grab(option);
|
||||||
|
}, this);
|
||||||
|
},
|
||||||
|
|
||||||
|
updated: function(event) {
|
||||||
|
if (this.form.template.value != 'ajax')
|
||||||
|
this.form.theme.disabled = true;
|
||||||
|
else
|
||||||
|
this.form.theme.disabled = false;
|
||||||
|
|
||||||
|
this.form.template.addEvent('change', function(e) {
|
||||||
|
if (this.form.template.value != 'ajax') {
|
||||||
|
this.form.theme.disabled = true;
|
||||||
|
this.form.theme.addClass('disabled')
|
||||||
|
this.form.getElementById('lbl_theme').addClass('disabled')
|
||||||
|
} else {
|
||||||
|
this.form.theme.disabled = false;
|
||||||
|
this.form.getElementById('lbl_theme').removeClass('disabled')
|
||||||
|
this.form.theme.removeClass('disabled')
|
||||||
|
}
|
||||||
|
}.bindWithEvent(this));
|
||||||
|
},
|
||||||
|
|
||||||
|
apply: function() {
|
||||||
|
Deluge.UI.setTheme(this.form.theme.value);
|
||||||
|
Deluge.Client.set_webui_config(this.changed, {
|
||||||
|
onSuccess: function(e) {
|
||||||
|
if (this.changed['template']) location.reload(true);
|
||||||
|
}.bindWithEvent(this)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.Widgets.PreferencesWindow = new Class({
|
||||||
|
Extends: Widgets.Window,
|
||||||
|
options: {
|
||||||
|
width: 500,
|
||||||
|
height: 430,
|
||||||
|
title: 'Preferences',
|
||||||
|
url: '/template/render/html/window_preferences.html'
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
this.parent();
|
||||||
|
this.categories = [];
|
||||||
|
this.currentPage = -1;
|
||||||
|
this.addEvent('loaded', this.loaded.bindWithEvent(this));
|
||||||
|
this.addEvent('show', this.shown.bindWithEvent(this));
|
||||||
|
},
|
||||||
|
|
||||||
|
loaded: function(event) {
|
||||||
|
this.catlist = this.content.getElement('.categories ul');
|
||||||
|
this.pages = this.content.getElement('.pref_pages');
|
||||||
|
this.title = this.pages.getElement('h3');
|
||||||
|
|
||||||
|
this.reset = this.content.getElement('.buttons .reset');
|
||||||
|
this.apply = this.content.getElement('.buttons .apply');
|
||||||
|
this.apply.addEvent('click', this.applied.bindWithEvent(this));
|
||||||
|
|
||||||
|
this.webui = new Deluge.Widgets.WebUIPreferences();
|
||||||
|
|
||||||
|
this.download = new Deluge.Widgets.GenericPreferences('Download', {
|
||||||
|
url: '/template/render/html/preferences_download.html'
|
||||||
|
});
|
||||||
|
this.network = new Deluge.Widgets.GenericPreferences('Network', {
|
||||||
|
url: '/template/render/html/preferences_network.html'
|
||||||
|
});
|
||||||
|
this.bandwidth = new Deluge.Widgets.GenericPreferences('Bandwidth', {
|
||||||
|
url: '/template/render/html/preferences_bandwidth.html'
|
||||||
|
});
|
||||||
|
this.daemon = new Deluge.Widgets.GenericPreferences('Daemon', {
|
||||||
|
url: '/template/render/html/preferences_daemon.html'
|
||||||
|
});
|
||||||
|
this.queue = new Deluge.Widgets.GenericPreferences('Queue', {
|
||||||
|
url: '/template/render/html/preferences_queue.html'
|
||||||
|
});
|
||||||
|
|
||||||
|
this.addCategory(this.webui);
|
||||||
|
this.addCategory(this.download);
|
||||||
|
this.addCategory(this.network);
|
||||||
|
this.addCategory(this.bandwidth);
|
||||||
|
this.addCategory(this.daemon);
|
||||||
|
this.addCategory(this.queue);
|
||||||
|
},
|
||||||
|
|
||||||
|
addCategory: function(category) {
|
||||||
|
this.categories.include(category);
|
||||||
|
var categoryIndex = this.categories.indexOf(category);
|
||||||
|
|
||||||
|
var tab = new Element('li');
|
||||||
|
tab.set('text', category.name);
|
||||||
|
tab.addEvent('click', function(e) {
|
||||||
|
this.select(categoryIndex);
|
||||||
|
}.bindWithEvent(this));
|
||||||
|
category.tab = tab;
|
||||||
|
|
||||||
|
this.catlist.grab(tab);
|
||||||
|
this.pages.grab(category.addClass('deluge-prefs-page'));
|
||||||
|
|
||||||
|
|
||||||
|
if (this.currentPage < 0) {
|
||||||
|
this.currentPage = categoryIndex;
|
||||||
|
this.select(categoryIndex);
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
select: function(id) {
|
||||||
|
this.categories[this.currentPage].removeClass('deluge-prefs-page-active');
|
||||||
|
this.categories[this.currentPage].tab.removeClass('deluge-prefs-active');
|
||||||
|
this.categories[id].addClass('deluge-prefs-page-active');
|
||||||
|
this.categories[id].tab.addClass('deluge-prefs-active');
|
||||||
|
this.title.set('text', this.categories[id].name);
|
||||||
|
this.currentPage = id;
|
||||||
|
this.fireEvent('pageChanged');
|
||||||
|
},
|
||||||
|
|
||||||
|
applied: function(event) {
|
||||||
|
this.webui.apply();
|
||||||
|
},
|
||||||
|
|
||||||
|
shown: function(event) {
|
||||||
|
// we want this to be blocking
|
||||||
|
var config = Deluge.Client.get_config({async: false});
|
||||||
|
this.categories.each(function(category) {
|
||||||
|
if (category.update && category.core) category.update(config);
|
||||||
|
});
|
||||||
|
|
||||||
|
var webconfig = Deluge.Client.get_webui_config({async: false});
|
||||||
|
this.webui.update(webconfig);
|
||||||
|
}
|
||||||
|
});
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,341 @@
|
||||||
|
//MooTools, <http://mootools.net>, My Object Oriented (JavaScript) Tools. Copyright (c) 2006-2008 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
|
||||||
|
|
||||||
|
var MooTools={version:"1.2.0",build:""};var Native=function(J){J=J||{};var F=J.afterImplement||function(){};var G=J.generics;G=(G!==false);var H=J.legacy;
|
||||||
|
var E=J.initialize;var B=J.protect;var A=J.name;var C=E||H;C.constructor=Native;C.$family={name:"native"};if(H&&E){C.prototype=H.prototype;}C.prototype.constructor=C;
|
||||||
|
if(A){var D=A.toLowerCase();C.prototype.$family={name:D};Native.typize(C,D);}var I=function(M,K,N,L){if(!B||L||!M.prototype[K]){M.prototype[K]=N;}if(G){Native.genericize(M,K,B);
|
||||||
|
}F.call(M,K,N);return M;};C.implement=function(L,K,N){if(typeof L=="string"){return I(this,L,K,N);}for(var M in L){I(this,M,L[M],K);}return this;};C.alias=function(M,K,N){if(typeof M=="string"){M=this.prototype[M];
|
||||||
|
if(M){I(this,K,M,N);}}else{for(var L in M){this.alias(L,M[L],K);}}return this;};return C;};Native.implement=function(D,C){for(var B=0,A=D.length;B<A;B++){D[B].implement(C);
|
||||||
|
}};Native.genericize=function(B,C,A){if((!A||!B[C])&&typeof B.prototype[C]=="function"){B[C]=function(){var D=Array.prototype.slice.call(arguments);return B.prototype[C].apply(D.shift(),D);
|
||||||
|
};}};Native.typize=function(A,B){if(!A.type){A.type=function(C){return($type(C)===B);};}};Native.alias=function(E,B,A,F){for(var D=0,C=E.length;D<C;D++){E[D].alias(B,A,F);
|
||||||
|
}};(function(B){for(var A in B){Native.typize(B[A],A);}})({"boolean":Boolean,"native":Native,object:Object});(function(B){for(var A in B){new Native({name:A,initialize:B[A],protect:true});
|
||||||
|
}})({String:String,Function:Function,Number:Number,Array:Array,RegExp:RegExp,Date:Date});(function(B,A){for(var C=A.length;C--;C){Native.genericize(B,A[C],true);
|
||||||
|
}return arguments.callee;})(Array,["pop","push","reverse","shift","sort","splice","unshift","concat","join","slice","toString","valueOf","indexOf","lastIndexOf"])(String,["charAt","charCodeAt","concat","indexOf","lastIndexOf","match","replace","search","slice","split","substr","substring","toLowerCase","toUpperCase","valueOf"]);
|
||||||
|
function $chk(A){return !!(A||A===0);}function $clear(A){clearTimeout(A);clearInterval(A);return null;}function $defined(A){return(A!=undefined);}function $empty(){}function $arguments(A){return function(){return arguments[A];
|
||||||
|
};}function $lambda(A){return(typeof A=="function")?A:function(){return A;};}function $extend(C,A){for(var B in (A||{})){C[B]=A[B];}return C;}function $unlink(C){var B;
|
||||||
|
switch($type(C)){case"object":B={};for(var E in C){B[E]=$unlink(C[E]);}break;case"hash":B=$unlink(C.getClean());break;case"array":B=[];for(var D=0,A=C.length;
|
||||||
|
D<A;D++){B[D]=$unlink(C[D]);}break;default:return C;}return B;}function $merge(){var E={};for(var D=0,A=arguments.length;D<A;D++){var B=arguments[D];if($type(B)!="object"){continue;
|
||||||
|
}for(var C in B){var G=B[C],F=E[C];E[C]=(F&&$type(G)=="object"&&$type(F)=="object")?$merge(F,G):$unlink(G);}}return E;}function $pick(){for(var B=0,A=arguments.length;
|
||||||
|
B<A;B++){if(arguments[B]!=undefined){return arguments[B];}}return null;}function $random(B,A){return Math.floor(Math.random()*(A-B+1)+B);}function $splat(B){var A=$type(B);
|
||||||
|
return(A)?((A!="array"&&A!="arguments")?[B]:B):[];}var $time=Date.now||function(){return new Date().getTime();};function $try(){for(var B=0,A=arguments.length;
|
||||||
|
B<A;B++){try{return arguments[B]();}catch(C){}}return null;}function $type(A){if(A==undefined){return false;}if(A.$family){return(A.$family.name=="number"&&!isFinite(A))?false:A.$family.name;
|
||||||
|
}if(A.nodeName){switch(A.nodeType){case 1:return"element";case 3:return(/\S/).test(A.nodeValue)?"textnode":"whitespace";}}else{if(typeof A.length=="number"){if(A.callee){return"arguments";
|
||||||
|
}else{if(A.item){return"collection";}}}}return typeof A;}var Hash=new Native({name:"Hash",initialize:function(A){if($type(A)=="hash"){A=$unlink(A.getClean());
|
||||||
|
}for(var B in A){this[B]=A[B];}return this;}});Hash.implement({getLength:function(){var B=0;for(var A in this){if(this.hasOwnProperty(A)){B++;}}return B;
|
||||||
|
},forEach:function(B,C){for(var A in this){if(this.hasOwnProperty(A)){B.call(C,this[A],A,this);}}},getClean:function(){var B={};for(var A in this){if(this.hasOwnProperty(A)){B[A]=this[A];
|
||||||
|
}}return B;}});Hash.alias("forEach","each");function $H(A){return new Hash(A);}Array.implement({forEach:function(C,D){for(var B=0,A=this.length;B<A;B++){C.call(D,this[B],B,this);
|
||||||
|
}}});Array.alias("forEach","each");function $A(C){if(C.item){var D=[];for(var B=0,A=C.length;B<A;B++){D[B]=C[B];}return D;}return Array.prototype.slice.call(C);
|
||||||
|
}function $each(C,B,D){var A=$type(C);((A=="arguments"||A=="collection"||A=="array")?Array:Hash).each(C,B,D);}var Browser=new Hash({Engine:{name:"unknown",version:""},Platform:{name:(navigator.platform.match(/mac|win|linux/i)||["other"])[0].toLowerCase()},Features:{xpath:!!(document.evaluate),air:!!(window.runtime)},Plugins:{}});
|
||||||
|
if(window.opera){Browser.Engine={name:"presto",version:(document.getElementsByClassName)?950:925};}else{if(window.ActiveXObject){Browser.Engine={name:"trident",version:(window.XMLHttpRequest)?5:4};
|
||||||
|
}else{if(!navigator.taintEnabled){Browser.Engine={name:"webkit",version:(Browser.Features.xpath)?420:419};}else{if(document.getBoxObjectFor!=null){Browser.Engine={name:"gecko",version:(document.getElementsByClassName)?19:18};
|
||||||
|
}}}}Browser.Engine[Browser.Engine.name]=Browser.Engine[Browser.Engine.name+Browser.Engine.version]=true;if(window.orientation!=undefined){Browser.Platform.name="ipod";
|
||||||
|
}Browser.Platform[Browser.Platform.name]=true;Browser.Request=function(){return $try(function(){return new XMLHttpRequest();},function(){return new ActiveXObject("MSXML2.XMLHTTP");
|
||||||
|
});};Browser.Features.xhr=!!(Browser.Request());Browser.Plugins.Flash=(function(){var A=($try(function(){return navigator.plugins["Shockwave Flash"].description;
|
||||||
|
},function(){return new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version");})||"0 r0").match(/\d+/g);return{version:parseInt(A[0]||0+"."+A[1]||0),build:parseInt(A[2]||0)};
|
||||||
|
})();function $exec(B){if(!B){return B;}if(window.execScript){window.execScript(B);}else{var A=document.createElement("script");A.setAttribute("type","text/javascript");
|
||||||
|
A.text=B;document.head.appendChild(A);document.head.removeChild(A);}return B;}Native.UID=1;var $uid=(Browser.Engine.trident)?function(A){return(A.uid||(A.uid=[Native.UID++]))[0];
|
||||||
|
}:function(A){return A.uid||(A.uid=Native.UID++);};var Window=new Native({name:"Window",legacy:(Browser.Engine.trident)?null:window.Window,initialize:function(A){$uid(A);
|
||||||
|
if(!A.Element){A.Element=$empty;if(Browser.Engine.webkit){A.document.createElement("iframe");}A.Element.prototype=(Browser.Engine.webkit)?window["[[DOMElement.prototype]]"]:{};
|
||||||
|
}return $extend(A,Window.Prototype);},afterImplement:function(B,A){window[B]=Window.Prototype[B]=A;}});Window.Prototype={$family:{name:"window"}};new Window(window);
|
||||||
|
var Document=new Native({name:"Document",legacy:(Browser.Engine.trident)?null:window.Document,initialize:function(A){$uid(A);A.head=A.getElementsByTagName("head")[0];
|
||||||
|
A.html=A.getElementsByTagName("html")[0];A.window=A.defaultView||A.parentWindow;if(Browser.Engine.trident4){$try(function(){A.execCommand("BackgroundImageCache",false,true);
|
||||||
|
});}return $extend(A,Document.Prototype);},afterImplement:function(B,A){document[B]=Document.Prototype[B]=A;}});Document.Prototype={$family:{name:"document"}};
|
||||||
|
new Document(document);Array.implement({every:function(C,D){for(var B=0,A=this.length;B<A;B++){if(!C.call(D,this[B],B,this)){return false;}}return true;
|
||||||
|
},filter:function(D,E){var C=[];for(var B=0,A=this.length;B<A;B++){if(D.call(E,this[B],B,this)){C.push(this[B]);}}return C;},clean:function(){return this.filter($defined);
|
||||||
|
},indexOf:function(C,D){var A=this.length;for(var B=(D<0)?Math.max(0,A+D):D||0;B<A;B++){if(this[B]===C){return B;}}return -1;},map:function(D,E){var C=[];
|
||||||
|
for(var B=0,A=this.length;B<A;B++){C[B]=D.call(E,this[B],B,this);}return C;},some:function(C,D){for(var B=0,A=this.length;B<A;B++){if(C.call(D,this[B],B,this)){return true;
|
||||||
|
}}return false;},associate:function(C){var D={},B=Math.min(this.length,C.length);for(var A=0;A<B;A++){D[C[A]]=this[A];}return D;},link:function(C){var A={};
|
||||||
|
for(var E=0,B=this.length;E<B;E++){for(var D in C){if(C[D](this[E])){A[D]=this[E];delete C[D];break;}}}return A;},contains:function(A,B){return this.indexOf(A,B)!=-1;
|
||||||
|
},extend:function(C){for(var B=0,A=C.length;B<A;B++){this.push(C[B]);}return this;},getLast:function(){return(this.length)?this[this.length-1]:null;},getRandom:function(){return(this.length)?this[$random(0,this.length-1)]:null;
|
||||||
|
},include:function(A){if(!this.contains(A)){this.push(A);}return this;},combine:function(C){for(var B=0,A=C.length;B<A;B++){this.include(C[B]);}return this;
|
||||||
|
},erase:function(B){for(var A=this.length;A--;A){if(this[A]===B){this.splice(A,1);}}return this;},empty:function(){this.length=0;return this;},flatten:function(){var D=[];
|
||||||
|
for(var B=0,A=this.length;B<A;B++){var C=$type(this[B]);if(!C){continue;}D=D.concat((C=="array"||C=="collection"||C=="arguments")?Array.flatten(this[B]):this[B]);
|
||||||
|
}return D;},hexToRgb:function(B){if(this.length!=3){return null;}var A=this.map(function(C){if(C.length==1){C+=C;}return C.toInt(16);});return(B)?A:"rgb("+A+")";
|
||||||
|
},rgbToHex:function(D){if(this.length<3){return null;}if(this.length==4&&this[3]==0&&!D){return"transparent";}var B=[];for(var A=0;A<3;A++){var C=(this[A]-0).toString(16);
|
||||||
|
B.push((C.length==1)?"0"+C:C);}return(D)?B:"#"+B.join("");}});Function.implement({extend:function(A){for(var B in A){this[B]=A[B];}return this;},create:function(B){var A=this;
|
||||||
|
B=B||{};return function(D){var C=B.arguments;C=(C!=undefined)?$splat(C):Array.slice(arguments,(B.event)?1:0);if(B.event){C=[D||window.event].extend(C);
|
||||||
|
}var E=function(){return A.apply(B.bind||null,C);};if(B.delay){return setTimeout(E,B.delay);}if(B.periodical){return setInterval(E,B.periodical);}if(B.attempt){return $try(E);
|
||||||
|
}return E();};},pass:function(A,B){return this.create({arguments:A,bind:B});},attempt:function(A,B){return this.create({arguments:A,bind:B,attempt:true})();
|
||||||
|
},bind:function(B,A){return this.create({bind:B,arguments:A});},bindWithEvent:function(B,A){return this.create({bind:B,event:true,arguments:A});},delay:function(B,C,A){return this.create({delay:B,bind:C,arguments:A})();
|
||||||
|
},periodical:function(A,C,B){return this.create({periodical:A,bind:C,arguments:B})();},run:function(A,B){return this.apply(B,$splat(A));}});Number.implement({limit:function(B,A){return Math.min(A,Math.max(B,this));
|
||||||
|
},round:function(A){A=Math.pow(10,A||0);return Math.round(this*A)/A;},times:function(B,C){for(var A=0;A<this;A++){B.call(C,A,this);}},toFloat:function(){return parseFloat(this);
|
||||||
|
},toInt:function(A){return parseInt(this,A||10);}});Number.alias("times","each");(function(B){var A={};B.each(function(C){if(!Number[C]){A[C]=function(){return Math[C].apply(null,[this].concat($A(arguments)));
|
||||||
|
};}});Number.implement(A);})(["abs","acos","asin","atan","atan2","ceil","cos","exp","floor","log","max","min","pow","sin","sqrt","tan"]);String.implement({test:function(A,B){return((typeof A=="string")?new RegExp(A,B):A).test(this);
|
||||||
|
},contains:function(A,B){return(B)?(B+this+B).indexOf(B+A+B)>-1:this.indexOf(A)>-1;},trim:function(){return this.replace(/^\s+|\s+$/g,"");},clean:function(){return this.replace(/\s+/g," ").trim();
|
||||||
|
},camelCase:function(){return this.replace(/-\D/g,function(A){return A.charAt(1).toUpperCase();});},hyphenate:function(){return this.replace(/[A-Z]/g,function(A){return("-"+A.charAt(0).toLowerCase());
|
||||||
|
});},capitalize:function(){return this.replace(/\b[a-z]/g,function(A){return A.toUpperCase();});},escapeRegExp:function(){return this.replace(/([-.*+?^${}()|[\]\/\\])/g,"\\$1");
|
||||||
|
},toInt:function(A){return parseInt(this,A||10);},toFloat:function(){return parseFloat(this);},hexToRgb:function(B){var A=this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);
|
||||||
|
return(A)?A.slice(1).hexToRgb(B):null;},rgbToHex:function(B){var A=this.match(/\d{1,3}/g);return(A)?A.rgbToHex(B):null;},stripScripts:function(B){var A="";
|
||||||
|
var C=this.replace(/<script[^>]*>([\s\S]*?)<\/script>/gi,function(){A+=arguments[1]+"\n";return"";});if(B===true){$exec(A);}else{if($type(B)=="function"){B(A,C);
|
||||||
|
}}return C;},substitute:function(A,B){return this.replace(B||(/\\?\{([^}]+)\}/g),function(D,C){if(D.charAt(0)=="\\"){return D.slice(1);}return(A[C]!=undefined)?A[C]:"";
|
||||||
|
});}});Hash.implement({has:Object.prototype.hasOwnProperty,keyOf:function(B){for(var A in this){if(this.hasOwnProperty(A)&&this[A]===B){return A;}}return null;
|
||||||
|
},hasValue:function(A){return(Hash.keyOf(this,A)!==null);},extend:function(A){Hash.each(A,function(C,B){Hash.set(this,B,C);},this);return this;},combine:function(A){Hash.each(A,function(C,B){Hash.include(this,B,C);
|
||||||
|
},this);return this;},erase:function(A){if(this.hasOwnProperty(A)){delete this[A];}return this;},get:function(A){return(this.hasOwnProperty(A))?this[A]:null;
|
||||||
|
},set:function(A,B){if(!this[A]||this.hasOwnProperty(A)){this[A]=B;}return this;},empty:function(){Hash.each(this,function(B,A){delete this[A];},this);
|
||||||
|
return this;},include:function(B,C){var A=this[B];if(A==undefined){this[B]=C;}return this;},map:function(B,C){var A=new Hash;Hash.each(this,function(E,D){A.set(D,B.call(C,E,D,this));
|
||||||
|
},this);return A;},filter:function(B,C){var A=new Hash;Hash.each(this,function(E,D){if(B.call(C,E,D,this)){A.set(D,E);}},this);return A;},every:function(B,C){for(var A in this){if(this.hasOwnProperty(A)&&!B.call(C,this[A],A)){return false;
|
||||||
|
}}return true;},some:function(B,C){for(var A in this){if(this.hasOwnProperty(A)&&B.call(C,this[A],A)){return true;}}return false;},getKeys:function(){var A=[];
|
||||||
|
Hash.each(this,function(C,B){A.push(B);});return A;},getValues:function(){var A=[];Hash.each(this,function(B){A.push(B);});return A;},toQueryString:function(A){var B=[];
|
||||||
|
Hash.each(this,function(F,E){if(A){E=A+"["+E+"]";}var D;switch($type(F)){case"object":D=Hash.toQueryString(F,E);break;case"array":var C={};F.each(function(H,G){C[G]=H;
|
||||||
|
});D=Hash.toQueryString(C,E);break;default:D=E+"="+encodeURIComponent(F);}if(F!=undefined){B.push(D);}});return B.join("&");}});Hash.alias({keyOf:"indexOf",hasValue:"contains"});
|
||||||
|
var Event=new Native({name:"Event",initialize:function(A,F){F=F||window;var K=F.document;A=A||F.event;if(A.$extended){return A;}this.$extended=true;var J=A.type;
|
||||||
|
var G=A.target||A.srcElement;while(G&&G.nodeType==3){G=G.parentNode;}if(J.test(/key/)){var B=A.which||A.keyCode;var M=Event.Keys.keyOf(B);if(J=="keydown"){var D=B-111;
|
||||||
|
if(D>0&&D<13){M="f"+D;}}M=M||String.fromCharCode(B).toLowerCase();}else{if(J.match(/(click|mouse|menu)/i)){K=(!K.compatMode||K.compatMode=="CSS1Compat")?K.html:K.body;
|
||||||
|
var I={x:A.pageX||A.clientX+K.scrollLeft,y:A.pageY||A.clientY+K.scrollTop};var C={x:(A.pageX)?A.pageX-F.pageXOffset:A.clientX,y:(A.pageY)?A.pageY-F.pageYOffset:A.clientY};
|
||||||
|
if(J.match(/DOMMouseScroll|mousewheel/)){var H=(A.wheelDelta)?A.wheelDelta/120:-(A.detail||0)/3;}var E=(A.which==3)||(A.button==2);var L=null;if(J.match(/over|out/)){switch(J){case"mouseover":L=A.relatedTarget||A.fromElement;
|
||||||
|
break;case"mouseout":L=A.relatedTarget||A.toElement;}if(!(function(){while(L&&L.nodeType==3){L=L.parentNode;}return true;}).create({attempt:Browser.Engine.gecko})()){L=false;
|
||||||
|
}}}}return $extend(this,{event:A,type:J,page:I,client:C,rightClick:E,wheel:H,relatedTarget:L,target:G,code:B,key:M,shift:A.shiftKey,control:A.ctrlKey,alt:A.altKey,meta:A.metaKey});
|
||||||
|
}});Event.Keys=new Hash({enter:13,up:38,down:40,left:37,right:39,esc:27,space:32,backspace:8,tab:9,"delete":46});Event.implement({stop:function(){return this.stopPropagation().preventDefault();
|
||||||
|
},stopPropagation:function(){if(this.event.stopPropagation){this.event.stopPropagation();}else{this.event.cancelBubble=true;}return this;},preventDefault:function(){if(this.event.preventDefault){this.event.preventDefault();
|
||||||
|
}else{this.event.returnValue=false;}return this;}});var Class=new Native({name:"Class",initialize:function(B){B=B||{};var A=function(E){for(var D in this){this[D]=$unlink(this[D]);
|
||||||
|
}for(var F in Class.Mutators){if(!this[F]){continue;}Class.Mutators[F](this,this[F]);delete this[F];}this.constructor=A;if(E===$empty){return this;}var C=(this.initialize)?this.initialize.apply(this,arguments):this;
|
||||||
|
if(this.options&&this.options.initialize){this.options.initialize.call(this);}return C;};$extend(A,this);A.constructor=Class;A.prototype=B;return A;}});
|
||||||
|
Class.implement({implement:function(){Class.Mutators.Implements(this.prototype,Array.slice(arguments));return this;}});Class.Mutators={Implements:function(A,B){$splat(B).each(function(C){$extend(A,($type(C)=="class")?new C($empty):C);
|
||||||
|
});},Extends:function(self,klass){var instance=new klass($empty);delete instance.parent;delete instance.parentOf;for(var key in instance){var current=self[key],previous=instance[key];
|
||||||
|
if(current==undefined){self[key]=previous;continue;}var ctype=$type(current),ptype=$type(previous);if(ctype!=ptype){continue;}switch(ctype){case"function":if(!arguments.callee.caller){self[key]=eval("("+String(current).replace(/\bthis\.parent\(\s*(\))?/g,function(full,close){return"arguments.callee._parent_.call(this"+(close||", ");
|
||||||
|
})+")");}self[key]._parent_=previous;break;case"object":self[key]=$merge(previous,current);}}self.parent=function(){return arguments.callee.caller._parent_.apply(this,arguments);
|
||||||
|
};self.parentOf=function(descendant){return descendant._parent_.apply(this,Array.slice(arguments,1));};}};var Chain=new Class({chain:function(){this.$chain=(this.$chain||[]).extend(arguments);
|
||||||
|
return this;},callChain:function(){return(this.$chain&&this.$chain.length)?this.$chain.shift().apply(this,arguments):false;},clearChain:function(){if(this.$chain){this.$chain.empty();
|
||||||
|
}return this;}});var Events=new Class({addEvent:function(C,B,A){C=Events.removeOn(C);if(B!=$empty){this.$events=this.$events||{};this.$events[C]=this.$events[C]||[];
|
||||||
|
this.$events[C].include(B);if(A){B.internal=true;}}return this;},addEvents:function(A){for(var B in A){this.addEvent(B,A[B]);}return this;},fireEvent:function(C,B,A){C=Events.removeOn(C);
|
||||||
|
if(!this.$events||!this.$events[C]){return this;}this.$events[C].each(function(D){D.create({bind:this,delay:A,"arguments":B})();},this);return this;},removeEvent:function(B,A){B=Events.removeOn(B);
|
||||||
|
if(!this.$events||!this.$events[B]){return this;}if(!A.internal){this.$events[B].erase(A);}return this;},removeEvents:function(C){for(var D in this.$events){if(C&&C!=D){continue;
|
||||||
|
}var B=this.$events[D];for(var A=B.length;A--;A){this.removeEvent(D,B[A]);}}return this;}});Events.removeOn=function(A){return A.replace(/^on([A-Z])/,function(B,C){return C.toLowerCase();
|
||||||
|
});};var Options=new Class({setOptions:function(){this.options=$merge.run([this.options].extend(arguments));if(!this.addEvent){return this;}for(var A in this.options){if($type(this.options[A])!="function"||!(/^on[A-Z]/).test(A)){continue;
|
||||||
|
}this.addEvent(A,this.options[A]);delete this.options[A];}return this;}});Document.implement({newElement:function(A,B){if(Browser.Engine.trident&&B){["name","type","checked"].each(function(C){if(!B[C]){return ;
|
||||||
|
}A+=" "+C+'="'+B[C]+'"';if(C!="checked"){delete B[C];}});A="<"+A+">";}return $.element(this.createElement(A)).set(B);},newTextNode:function(A){return this.createTextNode(A);
|
||||||
|
},getDocument:function(){return this;},getWindow:function(){return this.defaultView||this.parentWindow;},purge:function(){var C=this.getElementsByTagName("*");
|
||||||
|
for(var B=0,A=C.length;B<A;B++){Browser.freeMem(C[B]);}}});var Element=new Native({name:"Element",legacy:window.Element,initialize:function(A,B){var C=Element.Constructors.get(A);
|
||||||
|
if(C){return C(B);}if(typeof A=="string"){return document.newElement(A,B);}return $(A).set(B);},afterImplement:function(A,B){if(!Array[A]){Elements.implement(A,Elements.multi(A));
|
||||||
|
}Element.Prototype[A]=B;}});Element.Prototype={$family:{name:"element"}};Element.Constructors=new Hash;var IFrame=new Native({name:"IFrame",generics:false,initialize:function(){var E=Array.link(arguments,{properties:Object.type,iframe:$defined});
|
||||||
|
var C=E.properties||{};var B=$(E.iframe)||false;var D=C.onload||$empty;delete C.onload;C.id=C.name=$pick(C.id,C.name,B.id,B.name,"IFrame_"+$time());B=new Element(B||"iframe",C);
|
||||||
|
var A=function(){var F=$try(function(){return B.contentWindow.location.host;});if(F&&F==window.location.host){var H=new Window(B.contentWindow);var G=new Document(B.contentWindow.document);
|
||||||
|
$extend(H.Element.prototype,Element.Prototype);}D.call(B.contentWindow,B.contentWindow.document);};(!window.frames[C.id])?B.addListener("load",A):A();return B;
|
||||||
|
}});var Elements=new Native({initialize:function(F,B){B=$extend({ddup:true,cash:true},B);F=F||[];if(B.ddup||B.cash){var G={},E=[];for(var C=0,A=F.length;
|
||||||
|
C<A;C++){var D=$.element(F[C],!B.cash);if(B.ddup){if(G[D.uid]){continue;}G[D.uid]=true;}E.push(D);}F=E;}return(B.cash)?$extend(F,this):F;}});Elements.implement({filter:function(A,B){if(!A){return this;
|
||||||
|
}return new Elements(Array.filter(this,(typeof A=="string")?function(C){return C.match(A);}:A,B));}});Elements.multi=function(A){return function(){var B=[];
|
||||||
|
var F=true;for(var D=0,C=this.length;D<C;D++){var E=this[D][A].apply(this[D],arguments);B.push(E);if(F){F=($type(E)=="element");}}return(F)?new Elements(B):B;
|
||||||
|
};};Window.implement({$:function(B,C){if(B&&B.$family&&B.uid){return B;}var A=$type(B);return($[A])?$[A](B,C,this.document):null;},$$:function(A){if(arguments.length==1&&typeof A=="string"){return this.document.getElements(A);
|
||||||
|
}var F=[];var C=Array.flatten(arguments);for(var D=0,B=C.length;D<B;D++){var E=C[D];switch($type(E)){case"element":E=[E];break;case"string":E=this.document.getElements(E,true);
|
||||||
|
break;default:E=false;}if(E){F.extend(E);}}return new Elements(F);},getDocument:function(){return this.document;},getWindow:function(){return this;}});
|
||||||
|
$.string=function(C,B,A){C=A.getElementById(C);return(C)?$.element(C,B):null;};$.element=function(A,D){$uid(A);if(!D&&!A.$family&&!(/^object|embed$/i).test(A.tagName)){var B=Element.Prototype;
|
||||||
|
for(var C in B){A[C]=B[C];}}return A;};$.object=function(B,C,A){if(B.toElement){return $.element(B.toElement(A),C);}return null;};$.textnode=$.whitespace=$.window=$.document=$arguments(0);
|
||||||
|
Native.implement([Element,Document],{getElement:function(A,B){return $(this.getElements(A,true)[0]||null,B);},getElements:function(A,D){A=A.split(",");
|
||||||
|
var C=[];var B=(A.length>1);A.each(function(E){var F=this.getElementsByTagName(E.trim());(B)?C.extend(F):C=F;},this);return new Elements(C,{ddup:B,cash:!D});
|
||||||
|
}});Element.Storage={get:function(A){return(this[A]||(this[A]={}));}};Element.Inserters=new Hash({before:function(B,A){if(A.parentNode){A.parentNode.insertBefore(B,A);
|
||||||
|
}},after:function(B,A){if(!A.parentNode){return ;}var C=A.nextSibling;(C)?A.parentNode.insertBefore(B,C):A.parentNode.appendChild(B);},bottom:function(B,A){A.appendChild(B);
|
||||||
|
},top:function(B,A){var C=A.firstChild;(C)?A.insertBefore(B,C):A.appendChild(B);}});Element.Inserters.inside=Element.Inserters.bottom;Element.Inserters.each(function(C,B){var A=B.capitalize();
|
||||||
|
Element.implement("inject"+A,function(D){C(this,$(D,true));return this;});Element.implement("grab"+A,function(D){C($(D,true),this);return this;});});Element.implement({getDocument:function(){return this.ownerDocument;
|
||||||
|
},getWindow:function(){return this.ownerDocument.getWindow();},getElementById:function(D,C){var B=this.ownerDocument.getElementById(D);if(!B){return null;
|
||||||
|
}for(var A=B.parentNode;A!=this;A=A.parentNode){if(!A){return null;}}return $.element(B,C);},set:function(D,B){switch($type(D)){case"object":for(var C in D){this.set(C,D[C]);
|
||||||
|
}break;case"string":var A=Element.Properties.get(D);(A&&A.set)?A.set.apply(this,Array.slice(arguments,1)):this.setProperty(D,B);}return this;},get:function(B){var A=Element.Properties.get(B);
|
||||||
|
return(A&&A.get)?A.get.apply(this,Array.slice(arguments,1)):this.getProperty(B);},erase:function(B){var A=Element.Properties.get(B);(A&&A.erase)?A.erase.apply(this,Array.slice(arguments,1)):this.removeProperty(B);
|
||||||
|
return this;},match:function(A){return(!A||Element.get(this,"tag")==A);},inject:function(B,A){Element.Inserters.get(A||"bottom")(this,$(B,true));return this;
|
||||||
|
},wraps:function(B,A){B=$(B,true);return this.replaces(B).grab(B,A);},grab:function(B,A){Element.Inserters.get(A||"bottom")($(B,true),this);return this;
|
||||||
|
},appendText:function(B,A){return this.grab(this.getDocument().newTextNode(B),A);},adopt:function(){Array.flatten(arguments).each(function(A){A=$(A,true);
|
||||||
|
if(A){this.appendChild(A);}},this);return this;},dispose:function(){return(this.parentNode)?this.parentNode.removeChild(this):this;},clone:function(D,C){switch($type(this)){case"element":var H={};
|
||||||
|
for(var G=0,E=this.attributes.length;G<E;G++){var B=this.attributes[G],L=B.nodeName.toLowerCase();if(Browser.Engine.trident&&(/input/i).test(this.tagName)&&(/width|height/).test(L)){continue;
|
||||||
|
}var K=(L=="style"&&this.style)?this.style.cssText:B.nodeValue;if(!$chk(K)||L=="uid"||(L=="id"&&!C)){continue;}if(K!="inherit"&&["string","number"].contains($type(K))){H[L]=K;
|
||||||
|
}}var J=new Element(this.nodeName.toLowerCase(),H);if(D!==false){for(var I=0,F=this.childNodes.length;I<F;I++){var A=Element.clone(this.childNodes[I],true,C);
|
||||||
|
if(A){J.grab(A);}}}return J;case"textnode":return document.newTextNode(this.nodeValue);}return null;},replaces:function(A){A=$(A,true);A.parentNode.replaceChild(this,A);
|
||||||
|
return this;},hasClass:function(A){return this.className.contains(A," ");},addClass:function(A){if(!this.hasClass(A)){this.className=(this.className+" "+A).clean();
|
||||||
|
}return this;},removeClass:function(A){this.className=this.className.replace(new RegExp("(^|\\s)"+A+"(?:\\s|$)"),"$1").clean();return this;},toggleClass:function(A){return this.hasClass(A)?this.removeClass(A):this.addClass(A);
|
||||||
|
},getComputedStyle:function(B){if(this.currentStyle){return this.currentStyle[B.camelCase()];}var A=this.getWindow().getComputedStyle(this,null);return(A)?A.getPropertyValue([B.hyphenate()]):null;
|
||||||
|
},empty:function(){$A(this.childNodes).each(function(A){Browser.freeMem(A);Element.empty(A);Element.dispose(A);},this);return this;},destroy:function(){Browser.freeMem(this.empty().dispose());
|
||||||
|
return null;},getSelected:function(){return new Elements($A(this.options).filter(function(A){return A.selected;}));},toQueryString:function(){var A=[];
|
||||||
|
this.getElements("input, select, textarea").each(function(B){if(!B.name||B.disabled){return ;}var C=(B.tagName.toLowerCase()=="select")?Element.getSelected(B).map(function(D){return D.value;
|
||||||
|
}):((B.type=="radio"||B.type=="checkbox")&&!B.checked)?null:B.value;$splat(C).each(function(D){if(D){A.push(B.name+"="+encodeURIComponent(D));}});});return A.join("&");
|
||||||
|
},getProperty:function(C){var B=Element.Attributes,A=B.Props[C];var D=(A)?this[A]:this.getAttribute(C,2);return(B.Bools[C])?!!D:(A)?D:D||null;},getProperties:function(){var A=$A(arguments);
|
||||||
|
return A.map(function(B){return this.getProperty(B);},this).associate(A);},setProperty:function(D,E){var C=Element.Attributes,B=C.Props[D],A=$defined(E);
|
||||||
|
if(B&&C.Bools[D]){E=(E||!A)?true:false;}else{if(!A){return this.removeProperty(D);}}(B)?this[B]=E:this.setAttribute(D,E);return this;},setProperties:function(A){for(var B in A){this.setProperty(B,A[B]);
|
||||||
|
}return this;},removeProperty:function(D){var C=Element.Attributes,B=C.Props[D],A=(B&&C.Bools[D]);(B)?this[B]=(A)?false:"":this.removeAttribute(D);return this;
|
||||||
|
},removeProperties:function(){Array.each(arguments,this.removeProperty,this);return this;}});(function(){var A=function(D,B,I,C,F,H){var E=D[I||B];var G=[];
|
||||||
|
while(E){if(E.nodeType==1&&(!C||Element.match(E,C))){G.push(E);if(!F){break;}}E=E[B];}return(F)?new Elements(G,{ddup:false,cash:!H}):$(G[0],H);};Element.implement({getPrevious:function(B,C){return A(this,"previousSibling",null,B,false,C);
|
||||||
|
},getAllPrevious:function(B,C){return A(this,"previousSibling",null,B,true,C);},getNext:function(B,C){return A(this,"nextSibling",null,B,false,C);},getAllNext:function(B,C){return A(this,"nextSibling",null,B,true,C);
|
||||||
|
},getFirst:function(B,C){return A(this,"nextSibling","firstChild",B,false,C);},getLast:function(B,C){return A(this,"previousSibling","lastChild",B,false,C);
|
||||||
|
},getParent:function(B,C){return A(this,"parentNode",null,B,false,C);},getParents:function(B,C){return A(this,"parentNode",null,B,true,C);},getChildren:function(B,C){return A(this,"nextSibling","firstChild",B,true,C);
|
||||||
|
},hasChild:function(B){B=$(B,true);return(!!B&&$A(this.getElementsByTagName(B.tagName)).contains(B));}});})();Element.Properties=new Hash;Element.Properties.style={set:function(A){this.style.cssText=A;
|
||||||
|
},get:function(){return this.style.cssText;},erase:function(){this.style.cssText="";}};Element.Properties.tag={get:function(){return this.tagName.toLowerCase();
|
||||||
|
}};Element.Properties.href={get:function(){return(!this.href)?null:this.href.replace(new RegExp("^"+document.location.protocol+"//"+document.location.host),"");
|
||||||
|
}};Element.Properties.html={set:function(){return this.innerHTML=Array.flatten(arguments).join("");}};Native.implement([Element,Window,Document],{addListener:function(B,A){if(this.addEventListener){this.addEventListener(B,A,false);
|
||||||
|
}else{this.attachEvent("on"+B,A);}return this;},removeListener:function(B,A){if(this.removeEventListener){this.removeEventListener(B,A,false);}else{this.detachEvent("on"+B,A);
|
||||||
|
}return this;},retrieve:function(B,A){var D=Element.Storage.get(this.uid);var C=D[B];if($defined(A)&&!$defined(C)){C=D[B]=A;}return $pick(C);},store:function(B,A){var C=Element.Storage.get(this.uid);
|
||||||
|
C[B]=A;return this;},eliminate:function(A){var B=Element.Storage.get(this.uid);delete B[A];return this;}});Element.Attributes=new Hash({Props:{html:"innerHTML","class":"className","for":"htmlFor",text:(Browser.Engine.trident)?"innerText":"textContent"},Bools:["compact","nowrap","ismap","declare","noshade","checked","disabled","readonly","multiple","selected","noresize","defer"],Camels:["value","accessKey","cellPadding","cellSpacing","colSpan","frameBorder","maxLength","readOnly","rowSpan","tabIndex","useMap"]});
|
||||||
|
Browser.freeMem=function(A){if(!A){return ;}if(Browser.Engine.trident&&(/object/i).test(A.tagName)){for(var B in A){if(typeof A[B]=="function"){A[B]=$empty;
|
||||||
|
}}Element.dispose(A);}if(A.uid&&A.removeEvents){A.removeEvents();}};(function(B){var C=B.Bools,A=B.Camels;B.Bools=C=C.associate(C);Hash.extend(Hash.combine(B.Props,C),A.associate(A.map(function(D){return D.toLowerCase();
|
||||||
|
})));B.erase("Camels");})(Element.Attributes);window.addListener("unload",function(){window.removeListener("unload",arguments.callee);document.purge();
|
||||||
|
if(Browser.Engine.trident){CollectGarbage();}});Element.Properties.events={set:function(A){this.addEvents(A);}};Native.implement([Element,Window,Document],{addEvent:function(E,G){var H=this.retrieve("events",{});
|
||||||
|
H[E]=H[E]||{keys:[],values:[]};if(H[E].keys.contains(G)){return this;}H[E].keys.push(G);var F=E,A=Element.Events.get(E),C=G,I=this;if(A){if(A.onAdd){A.onAdd.call(this,G);
|
||||||
|
}if(A.condition){C=function(J){if(A.condition.call(this,J)){return G.call(this,J);}return false;};}F=A.base||F;}var D=function(){return G.call(I);};var B=Element.NativeEvents[F]||0;
|
||||||
|
if(B){if(B==2){D=function(J){J=new Event(J,I.getWindow());if(C.call(I,J)===false){J.stop();}};}this.addListener(F,D);}H[E].values.push(D);return this;},removeEvent:function(D,C){var B=this.retrieve("events");
|
||||||
|
if(!B||!B[D]){return this;}var G=B[D].keys.indexOf(C);if(G==-1){return this;}var A=B[D].keys.splice(G,1)[0];var F=B[D].values.splice(G,1)[0];var E=Element.Events.get(D);
|
||||||
|
if(E){if(E.onRemove){E.onRemove.call(this,C);}D=E.base||D;}return(Element.NativeEvents[D])?this.removeListener(D,F):this;},addEvents:function(A){for(var B in A){this.addEvent(B,A[B]);
|
||||||
|
}return this;},removeEvents:function(B){var A=this.retrieve("events");if(!A){return this;}if(!B){for(var C in A){this.removeEvents(C);}A=null;}else{if(A[B]){while(A[B].keys[0]){this.removeEvent(B,A[B].keys[0]);
|
||||||
|
}A[B]=null;}}return this;},fireEvent:function(D,B,A){var C=this.retrieve("events");if(!C||!C[D]){return this;}C[D].keys.each(function(E){E.create({bind:this,delay:A,"arguments":B})();
|
||||||
|
},this);return this;},cloneEvents:function(D,A){D=$(D);var C=D.retrieve("events");if(!C){return this;}if(!A){for(var B in C){this.cloneEvents(D,B);}}else{if(C[A]){C[A].keys.each(function(E){this.addEvent(A,E);
|
||||||
|
},this);}}return this;}});Element.NativeEvents={click:2,dblclick:2,mouseup:2,mousedown:2,contextmenu:2,mousewheel:2,DOMMouseScroll:2,mouseover:2,mouseout:2,mousemove:2,selectstart:2,selectend:2,keydown:2,keypress:2,keyup:2,focus:2,blur:2,change:2,reset:2,select:2,submit:2,load:1,unload:1,beforeunload:2,resize:1,move:1,DOMContentLoaded:1,readystatechange:1,error:1,abort:1,scroll:1};
|
||||||
|
(function(){var A=function(B){var C=B.relatedTarget;if(C==undefined){return true;}if(C===false){return false;}return($type(this)!="document"&&C!=this&&C.prefix!="xul"&&!this.hasChild(C));
|
||||||
|
};Element.Events=new Hash({mouseenter:{base:"mouseover",condition:A},mouseleave:{base:"mouseout",condition:A},mousewheel:{base:(Browser.Engine.gecko)?"DOMMouseScroll":"mousewheel"}});
|
||||||
|
})();Element.Properties.styles={set:function(A){this.setStyles(A);}};Element.Properties.opacity={set:function(A,B){if(!B){if(A==0){if(this.style.visibility!="hidden"){this.style.visibility="hidden";
|
||||||
|
}}else{if(this.style.visibility!="visible"){this.style.visibility="visible";}}}if(!this.currentStyle||!this.currentStyle.hasLayout){this.style.zoom=1;}if(Browser.Engine.trident){this.style.filter=(A==1)?"":"alpha(opacity="+A*100+")";
|
||||||
|
}this.style.opacity=A;this.store("opacity",A);},get:function(){return this.retrieve("opacity",1);}};Element.implement({setOpacity:function(A){return this.set("opacity",A,true);
|
||||||
|
},getOpacity:function(){return this.get("opacity");},setStyle:function(B,A){switch(B){case"opacity":return this.set("opacity",parseFloat(A));case"float":B=(Browser.Engine.trident)?"styleFloat":"cssFloat";
|
||||||
|
}B=B.camelCase();if($type(A)!="string"){var C=(Element.Styles.get(B)||"@").split(" ");A=$splat(A).map(function(E,D){if(!C[D]){return"";}return($type(E)=="number")?C[D].replace("@",Math.round(E)):E;
|
||||||
|
}).join(" ");}else{if(A==String(Number(A))){A=Math.round(A);}}this.style[B]=A;return this;},getStyle:function(G){switch(G){case"opacity":return this.get("opacity");
|
||||||
|
case"float":G=(Browser.Engine.trident)?"styleFloat":"cssFloat";}G=G.camelCase();var A=this.style[G];if(!$chk(A)){A=[];for(var F in Element.ShortStyles){if(G!=F){continue;
|
||||||
|
}for(var E in Element.ShortStyles[F]){A.push(this.getStyle(E));}return A.join(" ");}A=this.getComputedStyle(G);}if(A){A=String(A);var C=A.match(/rgba?\([\d\s,]+\)/);
|
||||||
|
if(C){A=A.replace(C[0],C[0].rgbToHex());}}if(Browser.Engine.presto||(Browser.Engine.trident&&!$chk(parseInt(A)))){if(G.test(/^(height|width)$/)){var B=(G=="width")?["left","right"]:["top","bottom"],D=0;
|
||||||
|
B.each(function(H){D+=this.getStyle("border-"+H+"-width").toInt()+this.getStyle("padding-"+H).toInt();},this);return this["offset"+G.capitalize()]-D+"px";
|
||||||
|
}if(Browser.Engine.presto&&String(A).test("px")){return A;}if(G.test(/(border(.+)Width|margin|padding)/)){return"0px";}}return A;},setStyles:function(B){for(var A in B){this.setStyle(A,B[A]);
|
||||||
|
}return this;},getStyles:function(){var A={};Array.each(arguments,function(B){A[B]=this.getStyle(B);},this);return A;}});Element.Styles=new Hash({left:"@px",top:"@px",bottom:"@px",right:"@px",width:"@px",height:"@px",maxWidth:"@px",maxHeight:"@px",minWidth:"@px",minHeight:"@px",backgroundColor:"rgb(@, @, @)",backgroundPosition:"@px @px",color:"rgb(@, @, @)",fontSize:"@px",letterSpacing:"@px",lineHeight:"@px",clip:"rect(@px @px @px @px)",margin:"@px @px @px @px",padding:"@px @px @px @px",border:"@px @ rgb(@, @, @) @px @ rgb(@, @, @) @px @ rgb(@, @, @)",borderWidth:"@px @px @px @px",borderStyle:"@ @ @ @",borderColor:"rgb(@, @, @) rgb(@, @, @) rgb(@, @, @) rgb(@, @, @)",zIndex:"@",zoom:"@",fontWeight:"@",textIndent:"@px",opacity:"@"});
|
||||||
|
Element.ShortStyles={margin:{},padding:{},border:{},borderWidth:{},borderStyle:{},borderColor:{}};["Top","Right","Bottom","Left"].each(function(G){var F=Element.ShortStyles;
|
||||||
|
var B=Element.Styles;["margin","padding"].each(function(H){var I=H+G;F[H][I]=B[I]="@px";});var E="border"+G;F.border[E]=B[E]="@px @ rgb(@, @, @)";var D=E+"Width",A=E+"Style",C=E+"Color";
|
||||||
|
F[E]={};F.borderWidth[D]=F[E][D]=B[D]="@px";F.borderStyle[A]=F[E][A]=B[A]="@";F.borderColor[C]=F[E][C]=B[C]="rgb(@, @, @)";});(function(){Element.implement({scrollTo:function(H,I){if(B(this)){this.getWindow().scrollTo(H,I);
|
||||||
|
}else{this.scrollLeft=H;this.scrollTop=I;}return this;},getSize:function(){if(B(this)){return this.getWindow().getSize();}return{x:this.offsetWidth,y:this.offsetHeight};
|
||||||
|
},getScrollSize:function(){if(B(this)){return this.getWindow().getScrollSize();}return{x:this.scrollWidth,y:this.scrollHeight};},getScroll:function(){if(B(this)){return this.getWindow().getScroll();
|
||||||
|
}return{x:this.scrollLeft,y:this.scrollTop};},getScrolls:function(){var I=this,H={x:0,y:0};while(I&&!B(I)){H.x+=I.scrollLeft;H.y+=I.scrollTop;I=I.parentNode;
|
||||||
|
}return H;},getOffsetParent:function(){var H=this;if(B(H)){return null;}if(!Browser.Engine.trident){return H.offsetParent;}while((H=H.parentNode)&&!B(H)){if(D(H,"position")!="static"){return H;
|
||||||
|
}}return null;},getOffsets:function(){var I=this,H={x:0,y:0};if(B(this)){return H;}while(I&&!B(I)){H.x+=I.offsetLeft;H.y+=I.offsetTop;if(Browser.Engine.gecko){if(!F(I)){H.x+=C(I);
|
||||||
|
H.y+=G(I);}var J=I.parentNode;if(J&&D(J,"overflow")!="visible"){H.x+=C(J);H.y+=G(J);}}else{if(I!=this&&(Browser.Engine.trident||Browser.Engine.webkit)){H.x+=C(I);
|
||||||
|
H.y+=G(I);}}I=I.offsetParent;if(Browser.Engine.trident){while(I&&!I.currentStyle.hasLayout){I=I.offsetParent;}}}if(Browser.Engine.gecko&&!F(this)){H.x-=C(this);
|
||||||
|
H.y-=G(this);}return H;},getPosition:function(K){if(B(this)){return{x:0,y:0};}var L=this.getOffsets(),I=this.getScrolls();var H={x:L.x-I.x,y:L.y-I.y};var J=(K&&(K=$(K)))?K.getPosition():{x:0,y:0};
|
||||||
|
return{x:H.x-J.x,y:H.y-J.y};},getCoordinates:function(J){if(B(this)){return this.getWindow().getCoordinates();}var H=this.getPosition(J),I=this.getSize();
|
||||||
|
var K={left:H.x,top:H.y,width:I.x,height:I.y};K.right=K.left+K.width;K.bottom=K.top+K.height;return K;},computePosition:function(H){return{left:H.x-E(this,"margin-left"),top:H.y-E(this,"margin-top")};
|
||||||
|
},position:function(H){return this.setStyles(this.computePosition(H));}});Native.implement([Document,Window],{getSize:function(){var I=this.getWindow();
|
||||||
|
if(Browser.Engine.presto||Browser.Engine.webkit){return{x:I.innerWidth,y:I.innerHeight};}var H=A(this);return{x:H.clientWidth,y:H.clientHeight};},getScroll:function(){var I=this.getWindow();
|
||||||
|
var H=A(this);return{x:I.pageXOffset||H.scrollLeft,y:I.pageYOffset||H.scrollTop};},getScrollSize:function(){var I=A(this);var H=this.getSize();return{x:Math.max(I.scrollWidth,H.x),y:Math.max(I.scrollHeight,H.y)};
|
||||||
|
},getPosition:function(){return{x:0,y:0};},getCoordinates:function(){var H=this.getSize();return{top:0,left:0,bottom:H.y,right:H.x,height:H.y,width:H.x};
|
||||||
|
}});var D=Element.getComputedStyle;function E(H,I){return D(H,I).toInt()||0;}function F(H){return D(H,"-moz-box-sizing")=="border-box";}function G(H){return E(H,"border-top-width");
|
||||||
|
}function C(H){return E(H,"border-left-width");}function B(H){return(/^(?:body|html)$/i).test(H.tagName);}function A(H){var I=H.getDocument();return(!I.compatMode||I.compatMode=="CSS1Compat")?I.html:I.body;
|
||||||
|
}})();Native.implement([Window,Document,Element],{getHeight:function(){return this.getSize().y;},getWidth:function(){return this.getSize().x;},getScrollTop:function(){return this.getScroll().y;
|
||||||
|
},getScrollLeft:function(){return this.getScroll().x;},getScrollHeight:function(){return this.getScrollSize().y;},getScrollWidth:function(){return this.getScrollSize().x;
|
||||||
|
},getTop:function(){return this.getPosition().y;},getLeft:function(){return this.getPosition().x;}});Native.implement([Document,Element],{getElements:function(H,G){H=H.split(",");
|
||||||
|
var C,E={};for(var D=0,B=H.length;D<B;D++){var A=H[D],F=Selectors.Utils.search(this,A,E);if(D!=0&&F.item){F=$A(F);}C=(D==0)?F:(C.item)?$A(C).concat(F):C.concat(F);
|
||||||
|
}return new Elements(C,{ddup:(H.length>1),cash:!G});}});Element.implement({match:function(B){if(!B){return true;}var D=Selectors.Utils.parseTagAndID(B);
|
||||||
|
var A=D[0],E=D[1];if(!Selectors.Filters.byID(this,E)||!Selectors.Filters.byTag(this,A)){return false;}var C=Selectors.Utils.parseSelector(B);return(C)?Selectors.Utils.filter(this,C,{}):true;
|
||||||
|
}});var Selectors={Cache:{nth:{},parsed:{}}};Selectors.RegExps={id:(/#([\w-]+)/),tag:(/^(\w+|\*)/),quick:(/^(\w+|\*)$/),splitter:(/\s*([+>~\s])\s*([a-zA-Z#.*:\[])/g),combined:(/\.([\w-]+)|\[(\w+)(?:([!*^$~|]?=)["']?(.*?)["']?)?\]|:([\w-]+)(?:\(["']?(.*?)?["']?\)|$)/g)};
|
||||||
|
Selectors.Utils={chk:function(B,C){if(!C){return true;}var A=$uid(B);if(!C[A]){return C[A]=true;}return false;},parseNthArgument:function(F){if(Selectors.Cache.nth[F]){return Selectors.Cache.nth[F];
|
||||||
|
}var C=F.match(/^([+-]?\d*)?([a-z]+)?([+-]?\d*)?$/);if(!C){return false;}var E=parseInt(C[1]);var B=(E||E===0)?E:1;var D=C[2]||false;var A=parseInt(C[3])||0;
|
||||||
|
if(B!=0){A--;while(A<1){A+=B;}while(A>=B){A-=B;}}else{B=A;D="index";}switch(D){case"n":C={a:B,b:A,special:"n"};break;case"odd":C={a:2,b:0,special:"n"};
|
||||||
|
break;case"even":C={a:2,b:1,special:"n"};break;case"first":C={a:0,special:"index"};break;case"last":C={special:"last-child"};break;case"only":C={special:"only-child"};
|
||||||
|
break;default:C={a:(B-1),special:"index"};}return Selectors.Cache.nth[F]=C;},parseSelector:function(E){if(Selectors.Cache.parsed[E]){return Selectors.Cache.parsed[E];
|
||||||
|
}var D,H={classes:[],pseudos:[],attributes:[]};while((D=Selectors.RegExps.combined.exec(E))){var I=D[1],G=D[2],F=D[3],B=D[4],C=D[5],J=D[6];if(I){H.classes.push(I);
|
||||||
|
}else{if(C){var A=Selectors.Pseudo.get(C);if(A){H.pseudos.push({parser:A,argument:J});}else{H.attributes.push({name:C,operator:"=",value:J});}}else{if(G){H.attributes.push({name:G,operator:F,value:B});
|
||||||
|
}}}}if(!H.classes.length){delete H.classes;}if(!H.attributes.length){delete H.attributes;}if(!H.pseudos.length){delete H.pseudos;}if(!H.classes&&!H.attributes&&!H.pseudos){H=null;
|
||||||
|
}return Selectors.Cache.parsed[E]=H;},parseTagAndID:function(B){var A=B.match(Selectors.RegExps.tag);var C=B.match(Selectors.RegExps.id);return[(A)?A[1]:"*",(C)?C[1]:false];
|
||||||
|
},filter:function(F,C,E){var D;if(C.classes){for(D=C.classes.length;D--;D){var G=C.classes[D];if(!Selectors.Filters.byClass(F,G)){return false;}}}if(C.attributes){for(D=C.attributes.length;
|
||||||
|
D--;D){var B=C.attributes[D];if(!Selectors.Filters.byAttribute(F,B.name,B.operator,B.value)){return false;}}}if(C.pseudos){for(D=C.pseudos.length;D--;D){var A=C.pseudos[D];
|
||||||
|
if(!Selectors.Filters.byPseudo(F,A.parser,A.argument,E)){return false;}}}return true;},getByTagAndID:function(B,A,D){if(D){var C=(B.getElementById)?B.getElementById(D,true):Element.getElementById(B,D,true);
|
||||||
|
return(C&&Selectors.Filters.byTag(C,A))?[C]:[];}else{return B.getElementsByTagName(A);}},search:function(J,I,O){var B=[];var C=I.trim().replace(Selectors.RegExps.splitter,function(Z,Y,X){B.push(Y);
|
||||||
|
return":)"+X;}).split(":)");var K,F,E,V;for(var U=0,Q=C.length;U<Q;U++){var T=C[U];if(U==0&&Selectors.RegExps.quick.test(T)){K=J.getElementsByTagName(T);
|
||||||
|
continue;}var A=B[U-1];var L=Selectors.Utils.parseTagAndID(T);var W=L[0],M=L[1];if(U==0){K=Selectors.Utils.getByTagAndID(J,W,M);}else{var D={},H=[];for(var S=0,R=K.length;
|
||||||
|
S<R;S++){H=Selectors.Getters[A](H,K[S],W,M,D);}K=H;}var G=Selectors.Utils.parseSelector(T);if(G){E=[];for(var P=0,N=K.length;P<N;P++){V=K[P];if(Selectors.Utils.filter(V,G,O)){E.push(V);
|
||||||
|
}}K=E;}}return K;}};Selectors.Getters={" ":function(H,G,I,A,E){var D=Selectors.Utils.getByTagAndID(G,I,A);for(var C=0,B=D.length;C<B;C++){var F=D[C];if(Selectors.Utils.chk(F,E)){H.push(F);
|
||||||
|
}}return H;},">":function(H,G,I,A,F){var C=Selectors.Utils.getByTagAndID(G,I,A);for(var E=0,D=C.length;E<D;E++){var B=C[E];if(B.parentNode==G&&Selectors.Utils.chk(B,F)){H.push(B);
|
||||||
|
}}return H;},"+":function(C,B,A,E,D){while((B=B.nextSibling)){if(B.nodeType==1){if(Selectors.Utils.chk(B,D)&&Selectors.Filters.byTag(B,A)&&Selectors.Filters.byID(B,E)){C.push(B);
|
||||||
|
}break;}}return C;},"~":function(C,B,A,E,D){while((B=B.nextSibling)){if(B.nodeType==1){if(!Selectors.Utils.chk(B,D)){break;}if(Selectors.Filters.byTag(B,A)&&Selectors.Filters.byID(B,E)){C.push(B);
|
||||||
|
}}}return C;}};Selectors.Filters={byTag:function(B,A){return(A=="*"||(B.tagName&&B.tagName.toLowerCase()==A));},byID:function(A,B){return(!B||(A.id&&A.id==B));
|
||||||
|
},byClass:function(B,A){return(B.className&&B.className.contains(A," "));},byPseudo:function(A,D,C,B){return D.call(A,C,B);},byAttribute:function(C,D,B,E){var A=Element.prototype.getProperty.call(C,D);
|
||||||
|
if(!A){return false;}if(!B||E==undefined){return true;}switch(B){case"=":return(A==E);case"*=":return(A.contains(E));case"^=":return(A.substr(0,E.length)==E);
|
||||||
|
case"$=":return(A.substr(A.length-E.length)==E);case"!=":return(A!=E);case"~=":return A.contains(E," ");case"|=":return A.contains(E,"-");}return false;
|
||||||
|
}};Selectors.Pseudo=new Hash({empty:function(){return !(this.innerText||this.textContent||"").length;},not:function(A){return !Element.match(this,A);},contains:function(A){return(this.innerText||this.textContent||"").contains(A);
|
||||||
|
},"first-child":function(){return Selectors.Pseudo.index.call(this,0);},"last-child":function(){var A=this;while((A=A.nextSibling)){if(A.nodeType==1){return false;
|
||||||
|
}}return true;},"only-child":function(){var B=this;while((B=B.previousSibling)){if(B.nodeType==1){return false;}}var A=this;while((A=A.nextSibling)){if(A.nodeType==1){return false;
|
||||||
|
}}return true;},"nth-child":function(G,E){G=(G==undefined)?"n":G;var C=Selectors.Utils.parseNthArgument(G);if(C.special!="n"){return Selectors.Pseudo[C.special].call(this,C.a,E);
|
||||||
|
}var F=0;E.positions=E.positions||{};var D=$uid(this);if(!E.positions[D]){var B=this;while((B=B.previousSibling)){if(B.nodeType!=1){continue;}F++;var A=E.positions[$uid(B)];
|
||||||
|
if(A!=undefined){F=A+F;break;}}E.positions[D]=F;}return(E.positions[D]%C.a==C.b);},index:function(A){var B=this,C=0;while((B=B.previousSibling)){if(B.nodeType==1&&++C>A){return false;
|
||||||
|
}}return(C==A);},even:function(B,A){return Selectors.Pseudo["nth-child"].call(this,"2n+1",A);},odd:function(B,A){return Selectors.Pseudo["nth-child"].call(this,"2n",A);
|
||||||
|
}});Element.Events.domready={onAdd:function(A){if(Browser.loaded){A.call(this);}}};(function(){var B=function(){if(Browser.loaded){return ;}Browser.loaded=true;
|
||||||
|
window.fireEvent("domready");document.fireEvent("domready");};switch(Browser.Engine.name){case"webkit":(function(){(["loaded","complete"].contains(document.readyState))?B():arguments.callee.delay(50);
|
||||||
|
})();break;case"trident":var A=document.createElement("div");(function(){($try(function(){A.doScroll("left");return $(A).inject(document.body).set("html","temp").dispose();
|
||||||
|
}))?B():arguments.callee.delay(50);})();break;default:window.addEvent("load",B);document.addEvent("DOMContentLoaded",B);}})();var JSON=new Hash({encode:function(B){switch($type(B)){case"string":return'"'+B.replace(/[\x00-\x1f\\"]/g,JSON.$replaceChars)+'"';
|
||||||
|
case"array":return"["+String(B.map(JSON.encode).filter($defined))+"]";case"object":case"hash":var A=[];Hash.each(B,function(E,D){var C=JSON.encode(E);if(C){A.push(JSON.encode(D)+":"+C);
|
||||||
|
}});return"{"+A+"}";case"number":case"boolean":return String(B);case false:return"null";}return null;},$specialChars:{"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},$replaceChars:function(A){return JSON.$specialChars[A]||"\\u00"+Math.floor(A.charCodeAt()/16).toString(16)+(A.charCodeAt()%16).toString(16);
|
||||||
|
},decode:function(string,secure){if($type(string)!="string"||!string.length){return null;}if(secure&&!(/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(string.replace(/\\./g,"@").replace(/"[^"\\\n\r]*"/g,""))){return null;
|
||||||
|
}return eval("("+string+")");}});Native.implement([Hash,Array,String,Number],{toJSON:function(){return JSON.encode(this);}});var Cookie=new Class({Implements:Options,options:{path:false,domain:false,duration:false,secure:false,document:document},initialize:function(B,A){this.key=B;
|
||||||
|
this.setOptions(A);},write:function(B){B=encodeURIComponent(B);if(this.options.domain){B+="; domain="+this.options.domain;}if(this.options.path){B+="; path="+this.options.path;
|
||||||
|
}if(this.options.duration){var A=new Date();A.setTime(A.getTime()+this.options.duration*24*60*60*1000);B+="; expires="+A.toGMTString();}if(this.options.secure){B+="; secure";
|
||||||
|
}this.options.document.cookie=this.key+"="+B;return this;},read:function(){var A=this.options.document.cookie.match("(?:^|;)\\s*"+this.key.escapeRegExp()+"=([^;]*)");
|
||||||
|
return(A)?decodeURIComponent(A[1]):null;},dispose:function(){new Cookie(this.key,$merge(this.options,{duration:-1})).write("");return this;}});Cookie.write=function(B,C,A){return new Cookie(B,A).write(C);
|
||||||
|
};Cookie.read=function(A){return new Cookie(A).read();};Cookie.dispose=function(B,A){return new Cookie(B,A).dispose();};var Swiff=new Class({Implements:[Options],options:{id:null,height:1,width:1,container:null,properties:{},params:{quality:"high",allowScriptAccess:"always",wMode:"transparent",swLiveConnect:true},callBacks:{},vars:{}},toElement:function(){return this.object;
|
||||||
|
},initialize:function(L,M){this.instance="Swiff_"+$time();this.setOptions(M);M=this.options;var B=this.id=M.id||this.instance;var A=$(M.container);Swiff.CallBacks[this.instance]={};
|
||||||
|
var E=M.params,G=M.vars,F=M.callBacks;var H=$extend({height:M.height,width:M.width},M.properties);var K=this;for(var D in F){Swiff.CallBacks[this.instance][D]=(function(N){return function(){return N.apply(K.object,arguments);
|
||||||
|
};})(F[D]);G[D]="Swiff.CallBacks."+this.instance+"."+D;}E.flashVars=Hash.toQueryString(G);if(Browser.Engine.trident){H.classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000";
|
||||||
|
E.movie=L;}else{H.type="application/x-shockwave-flash";H.data=L;}var J='<object id="'+B+'"';for(var I in H){J+=" "+I+'="'+H[I]+'"';}J+=">";for(var C in E){if(E[C]){J+='<param name="'+C+'" value="'+E[C]+'" />';
|
||||||
|
}}J+="</object>";this.object=((A)?A.empty():new Element("div")).set("html",J).firstChild;},replaces:function(A){A=$(A,true);A.parentNode.replaceChild(this.toElement(),A);
|
||||||
|
return this;},inject:function(A){$(A,true).appendChild(this.toElement());return this;},remote:function(){return Swiff.remote.apply(Swiff,[this.toElement()].extend(arguments));
|
||||||
|
}});Swiff.CallBacks={};Swiff.remote=function(obj,fn){var rs=obj.CallFunction('<invoke name="'+fn+'" returntype="javascript">'+__flash__argumentsToXML(arguments,2)+"</invoke>");
|
||||||
|
return eval(rs);};var Fx=new Class({Implements:[Chain,Events,Options],options:{fps:50,unit:false,duration:500,link:"ignore",transition:function(A){return -(Math.cos(Math.PI*A)-1)/2;
|
||||||
|
}},initialize:function(A){this.subject=this.subject||this;this.setOptions(A);this.options.duration=Fx.Durations[this.options.duration]||this.options.duration.toInt();
|
||||||
|
var B=this.options.wait;if(B===false){this.options.link="cancel";}},step:function(){var A=$time();if(A<this.time+this.options.duration){var B=this.options.transition((A-this.time)/this.options.duration);
|
||||||
|
this.set(this.compute(this.from,this.to,B));}else{this.set(this.compute(this.from,this.to,1));this.complete();}},set:function(A){return A;},compute:function(C,B,A){return Fx.compute(C,B,A);
|
||||||
|
},check:function(A){if(!this.timer){return true;}switch(this.options.link){case"cancel":this.cancel();return true;case"chain":this.chain(A.bind(this,Array.slice(arguments,1)));
|
||||||
|
return false;}return false;},start:function(B,A){if(!this.check(arguments.callee,B,A)){return this;}this.from=B;this.to=A;this.time=0;this.startTimer();
|
||||||
|
this.onStart();return this;},complete:function(){if(this.stopTimer()){this.onComplete();}return this;},cancel:function(){if(this.stopTimer()){this.onCancel();
|
||||||
|
}return this;},onStart:function(){this.fireEvent("start",this.subject);},onComplete:function(){this.fireEvent("complete",this.subject);if(!this.callChain()){this.fireEvent("chainComplete",this.subject);
|
||||||
|
}},onCancel:function(){this.fireEvent("cancel",this.subject).clearChain();},pause:function(){this.stopTimer();return this;},resume:function(){this.startTimer();
|
||||||
|
return this;},stopTimer:function(){if(!this.timer){return false;}this.time=$time()-this.time;this.timer=$clear(this.timer);return true;},startTimer:function(){if(this.timer){return false;
|
||||||
|
}this.time=$time()-this.time;this.timer=this.step.periodical(Math.round(1000/this.options.fps),this);return true;}});Fx.compute=function(C,B,A){return(B-C)*A+C;
|
||||||
|
};Fx.Durations={"short":250,normal:500,"long":1000};Fx.CSS=new Class({Extends:Fx,prepare:function(D,E,B){B=$splat(B);var C=B[1];if(!$chk(C)){B[1]=B[0];
|
||||||
|
B[0]=D.getStyle(E);}var A=B.map(this.parse);return{from:A[0],to:A[1]};},parse:function(A){A=$lambda(A)();A=(typeof A=="string")?A.split(" "):$splat(A);
|
||||||
|
return A.map(function(C){C=String(C);var B=false;Fx.CSS.Parsers.each(function(F,E){if(B){return ;}var D=F.parse(C);if($chk(D)){B={value:D,parser:F};}});
|
||||||
|
B=B||{value:C,parser:Fx.CSS.Parsers.String};return B;});},compute:function(D,C,B){var A=[];(Math.min(D.length,C.length)).times(function(E){A.push({value:D[E].parser.compute(D[E].value,C[E].value,B),parser:D[E].parser});
|
||||||
|
});A.$family={name:"fx:css:value"};return A;},serve:function(C,B){if($type(C)!="fx:css:value"){C=this.parse(C);}var A=[];C.each(function(D){A=A.concat(D.parser.serve(D.value,B));
|
||||||
|
});return A;},render:function(A,D,C,B){A.setStyle(D,this.serve(C,B));},search:function(A){if(Fx.CSS.Cache[A]){return Fx.CSS.Cache[A];}var B={};Array.each(document.styleSheets,function(E,D){var C=E.href;
|
||||||
|
if(C&&C.contains("://")&&!C.contains(document.domain)){return ;}var F=E.rules||E.cssRules;Array.each(F,function(I,G){if(!I.style){return ;}var H=(I.selectorText)?I.selectorText.replace(/^\w+/,function(J){return J.toLowerCase();
|
||||||
|
}):null;if(!H||!H.test("^"+A+"$")){return ;}Element.Styles.each(function(K,J){if(!I.style[J]||Element.ShortStyles[J]){return ;}K=String(I.style[J]);B[J]=(K.test(/^rgb/))?K.rgbToHex():K;
|
||||||
|
});});});return Fx.CSS.Cache[A]=B;}});Fx.CSS.Cache={};Fx.CSS.Parsers=new Hash({Color:{parse:function(A){if(A.match(/^#[0-9a-f]{3,6}$/i)){return A.hexToRgb(true);
|
||||||
|
}return((A=A.match(/(\d+),\s*(\d+),\s*(\d+)/)))?[A[1],A[2],A[3]]:false;},compute:function(C,B,A){return C.map(function(E,D){return Math.round(Fx.compute(C[D],B[D],A));
|
||||||
|
});},serve:function(A){return A.map(Number);}},Number:{parse:parseFloat,compute:Fx.compute,serve:function(B,A){return(A)?B+A:B;}},String:{parse:$lambda(false),compute:$arguments(1),serve:$arguments(0)}});
|
||||||
|
Fx.Tween=new Class({Extends:Fx.CSS,initialize:function(B,A){this.element=this.subject=$(B);this.parent(A);},set:function(B,A){if(arguments.length==1){A=B;
|
||||||
|
B=this.property||this.options.property;}this.render(this.element,B,A,this.options.unit);return this;},start:function(C,E,D){if(!this.check(arguments.callee,C,E,D)){return this;
|
||||||
|
}var B=Array.flatten(arguments);this.property=this.options.property||B.shift();var A=this.prepare(this.element,this.property,B);return this.parent(A.from,A.to);
|
||||||
|
}});Element.Properties.tween={set:function(A){var B=this.retrieve("tween");if(B){B.cancel();}return this.eliminate("tween").store("tween:options",$extend({link:"cancel"},A));
|
||||||
|
},get:function(A){if(A||!this.retrieve("tween")){if(A||!this.retrieve("tween:options")){this.set("tween",A);}this.store("tween",new Fx.Tween(this,this.retrieve("tween:options")));
|
||||||
|
}return this.retrieve("tween");}};Element.implement({tween:function(A,C,B){this.get("tween").start(arguments);return this;},fade:function(C){var E=this.get("tween"),D="opacity",A;
|
||||||
|
C=$pick(C,"toggle");switch(C){case"in":E.start(D,1);break;case"out":E.start(D,0);break;case"show":E.set(D,1);break;case"hide":E.set(D,0);break;case"toggle":var B=this.retrieve("fade:flag",this.get("opacity")==1);
|
||||||
|
E.start(D,(B)?0:1);this.store("fade:flag",!B);A=true;break;default:E.start(D,arguments);}if(!A){this.eliminate("fade:flag");}return this;},highlight:function(C,A){if(!A){A=this.retrieve("highlight:original",this.getStyle("background-color"));
|
||||||
|
A=(A=="transparent")?"#fff":A;}var B=this.get("tween");B.start("background-color",C||"#ffff88",A).chain(function(){this.setStyle("background-color",this.retrieve("highlight:original"));
|
||||||
|
B.callChain();}.bind(this));return this;}});Fx.Morph=new Class({Extends:Fx.CSS,initialize:function(B,A){this.element=this.subject=$(B);this.parent(A);},set:function(A){if(typeof A=="string"){A=this.search(A);
|
||||||
|
}for(var B in A){this.render(this.element,B,A[B],this.options.unit);}return this;},compute:function(E,D,C){var A={};for(var B in E){A[B]=this.parent(E[B],D[B],C);
|
||||||
|
}return A;},start:function(B){if(!this.check(arguments.callee,B)){return this;}if(typeof B=="string"){B=this.search(B);}var E={},D={};for(var C in B){var A=this.prepare(this.element,C,B[C]);
|
||||||
|
E[C]=A.from;D[C]=A.to;}return this.parent(E,D);}});Element.Properties.morph={set:function(A){var B=this.retrieve("morph");if(B){B.cancel();}return this.eliminate("morph").store("morph:options",$extend({link:"cancel"},A));
|
||||||
|
},get:function(A){if(A||!this.retrieve("morph")){if(A||!this.retrieve("morph:options")){this.set("morph",A);}this.store("morph",new Fx.Morph(this,this.retrieve("morph:options")));
|
||||||
|
}return this.retrieve("morph");}};Element.implement({morph:function(A){this.get("morph").start(A);return this;}});(function(){var A=Fx.prototype.initialize;
|
||||||
|
Fx.prototype.initialize=function(B){A.call(this,B);var C=this.options.transition;if(typeof C=="string"&&(C=C.split(":"))){var D=Fx.Transitions;D=D[C[0]]||D[C[0].capitalize()];
|
||||||
|
if(C[1]){D=D["ease"+C[1].capitalize()+(C[2]?C[2].capitalize():"")];}this.options.transition=D;}};})();Fx.Transition=function(B,A){A=$splat(A);return $extend(B,{easeIn:function(C){return B(C,A);
|
||||||
|
},easeOut:function(C){return 1-B(1-C,A);},easeInOut:function(C){return(C<=0.5)?B(2*C,A)/2:(2-B(2*(1-C),A))/2;}});};Fx.Transitions=new Hash({linear:$arguments(0)});
|
||||||
|
Fx.Transitions.extend=function(A){for(var B in A){Fx.Transitions[B]=new Fx.Transition(A[B]);}};Fx.Transitions.extend({Pow:function(B,A){return Math.pow(B,A[0]||6);
|
||||||
|
},Expo:function(A){return Math.pow(2,8*(A-1));},Circ:function(A){return 1-Math.sin(Math.acos(A));},Sine:function(A){return 1-Math.sin((1-A)*Math.PI/2);
|
||||||
|
},Back:function(B,A){A=A[0]||1.618;return Math.pow(B,2)*((A+1)*B-A);},Bounce:function(D){var C;for(var B=0,A=1;1;B+=A,A/=2){if(D>=(7-4*B)/11){C=-Math.pow((11-6*B-11*D)/4,2)+A*A;
|
||||||
|
break;}}return C;},Elastic:function(B,A){return Math.pow(2,10*--B)*Math.cos(20*B*Math.PI*(A[0]||1)/3);}});["Quad","Cubic","Quart","Quint"].each(function(B,A){Fx.Transitions[B]=new Fx.Transition(function(C){return Math.pow(C,[A+2]);
|
||||||
|
});});var Request=new Class({Implements:[Chain,Events,Options],options:{url:"",data:"",headers:{"X-Requested-With":"XMLHttpRequest",Accept:"text/javascript, text/html, application/xml, text/xml, */*"},async:true,format:false,method:"post",link:"ignore",isSuccess:null,emulation:true,urlEncoded:true,encoding:"utf-8",evalScripts:false,evalResponse:false},initialize:function(A){this.xhr=new Browser.Request();
|
||||||
|
this.setOptions(A);this.options.isSuccess=this.options.isSuccess||this.isSuccess;this.headers=new Hash(this.options.headers);},onStateChange:function(){if(this.xhr.readyState!=4||!this.running){return ;
|
||||||
|
}this.running=false;this.status=0;$try(function(){this.status=this.xhr.status;}.bind(this));if(this.options.isSuccess.call(this,this.status)){this.response={text:this.xhr.responseText,xml:this.xhr.responseXML};
|
||||||
|
this.success(this.response.text,this.response.xml);}else{this.response={text:null,xml:null};this.failure();}this.xhr.onreadystatechange=$empty;},isSuccess:function(){return((this.status>=200)&&(this.status<300));
|
||||||
|
},processScripts:function(A){if(this.options.evalResponse||(/(ecma|java)script/).test(this.getHeader("Content-type"))){return $exec(A);}return A.stripScripts(this.options.evalScripts);
|
||||||
|
},success:function(B,A){this.onSuccess(this.processScripts(B),A);},onSuccess:function(){this.fireEvent("complete",arguments).fireEvent("success",arguments).callChain();
|
||||||
|
},failure:function(){this.onFailure();},onFailure:function(){this.fireEvent("complete").fireEvent("failure",this.xhr);},setHeader:function(A,B){this.headers.set(A,B);
|
||||||
|
return this;},getHeader:function(A){return $try(function(){return this.xhr.getResponseHeader(A);}.bind(this));},check:function(A){if(!this.running){return true;
|
||||||
|
}switch(this.options.link){case"cancel":this.cancel();return true;case"chain":this.chain(A.bind(this,Array.slice(arguments,1)));return false;}return false;
|
||||||
|
},send:function(I){if(!this.check(arguments.callee,I)){return this;}this.running=true;var G=$type(I);if(G=="string"||G=="element"){I={data:I};}var D=this.options;
|
||||||
|
I=$extend({data:D.data,url:D.url,method:D.method},I);var E=I.data,B=I.url,A=I.method;switch($type(E)){case"element":E=$(E).toQueryString();break;case"object":case"hash":E=Hash.toQueryString(E);
|
||||||
|
}if(this.options.format){var H="format="+this.options.format;E=(E)?H+"&"+E:H;}if(this.options.emulation&&["put","delete"].contains(A)){var F="_method="+A;
|
||||||
|
E=(E)?F+"&"+E:F;A="post";}if(this.options.urlEncoded&&A=="post"){var C=(this.options.encoding)?"; charset="+this.options.encoding:"";this.headers.set("Content-type","application/x-www-form-urlencoded"+C);
|
||||||
|
}if(E&&A=="get"){B=B+(B.contains("?")?"&":"?")+E;E=null;}this.xhr.open(A.toUpperCase(),B,this.options.async);this.xhr.onreadystatechange=this.onStateChange.bind(this);
|
||||||
|
this.headers.each(function(K,J){if(!$try(function(){this.xhr.setRequestHeader(J,K);return true;}.bind(this))){this.fireEvent("exception",[J,K]);}},this);
|
||||||
|
this.fireEvent("request");this.xhr.send(E);if(!this.options.async){this.onStateChange();}return this;},cancel:function(){if(!this.running){return this;
|
||||||
|
}this.running=false;this.xhr.abort();this.xhr.onreadystatechange=$empty;this.xhr=new Browser.Request();this.fireEvent("cancel");return this;}});(function(){var A={};
|
||||||
|
["get","post","put","delete","GET","POST","PUT","DELETE"].each(function(B){A[B]=function(){var C=Array.link(arguments,{url:String.type,data:$defined});
|
||||||
|
return this.send($extend(C,{method:B.toLowerCase()}));};});Request.implement(A);})();Element.Properties.send={set:function(A){var B=this.retrieve("send");
|
||||||
|
if(B){B.cancel();}return this.eliminate("send").store("send:options",$extend({data:this,link:"cancel",method:this.get("method")||"post",url:this.get("action")},A));
|
||||||
|
},get:function(A){if(A||!this.retrieve("send")){if(A||!this.retrieve("send:options")){this.set("send",A);}this.store("send",new Request(this.retrieve("send:options")));
|
||||||
|
}return this.retrieve("send");}};Element.implement({send:function(A){var B=this.get("send");B.send({data:this,url:A||B.options.url});return this;}});Request.HTML=new Class({Extends:Request,options:{update:false,evalScripts:true,filter:false},processHTML:function(C){var B=C.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
|
||||||
|
C=(B)?B[1]:C;var A=new Element("div");return $try(function(){var D="<root>"+C+"</root>",G;if(Browser.Engine.trident){G=new ActiveXObject("Microsoft.XMLDOM");
|
||||||
|
G.async=false;G.loadXML(D);}else{G=new DOMParser().parseFromString(D,"text/xml");}D=G.getElementsByTagName("root")[0];for(var F=0,E=D.childNodes.length;
|
||||||
|
F<E;F++){var H=Element.clone(D.childNodes[F],true,true);if(H){A.grab(H);}}return A;})||A.set("html",C);},success:function(D){var C=this.options,B=this.response;
|
||||||
|
B.html=D.stripScripts(function(E){B.javascript=E;});var A=this.processHTML(B.html);B.tree=A.childNodes;B.elements=A.getElements("*");if(C.filter){B.tree=B.elements.filter(C.filter);
|
||||||
|
}if(C.update){$(C.update).empty().adopt(B.tree);}if(C.evalScripts){$exec(B.javascript);}this.onSuccess(B.tree,B.elements,B.html,B.javascript);}});Element.Properties.load={set:function(A){var B=this.retrieve("load");
|
||||||
|
if(B){send.cancel();}return this.eliminate("load").store("load:options",$extend({data:this,link:"cancel",update:this,method:"get"},A));},get:function(A){if(A||!this.retrieve("load")){if(A||!this.retrieve("load:options")){this.set("load",A);
|
||||||
|
}this.store("load",new Request.HTML(this.retrieve("load:options")));}return this.retrieve("load");}};Element.implement({load:function(){this.get("load").send(Array.link(arguments,{data:Object.type,url:String.type}));
|
||||||
|
return this;}});Request.JSON=new Class({Extends:Request,options:{secure:true},initialize:function(A){this.parent(A);this.headers.extend({Accept:"application/json","X-Request":"JSON"});
|
||||||
|
},success:function(A){this.response.json=JSON.decode(A,this.options.secure);this.onSuccess(this.response.json,A);}});
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
mootools-1.2-core-nc.js
|
||||||
|
|
@ -0,0 +1,44 @@
|
||||||
|
//MooTools More, <http://mootools.net/more>. Copyright (c) 2006-2008 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
|
||||||
|
|
||||||
|
var Drag=new Class({Implements:[Events,Options],options:{snap:6,unit:"px",grid:false,style:true,limit:false,handle:false,invert:false,preventDefault:false,modifiers:{x:"left",y:"top"}},initialize:function(){var B=Array.link(arguments,{options:Object.type,element:$defined});
|
||||||
|
this.element=$(B.element);this.document=this.element.getDocument();this.setOptions(B.options||{});var A=$type(this.options.handle);this.handles=(A=="array"||A=="collection")?$$(this.options.handle):$(this.options.handle)||this.element;
|
||||||
|
this.mouse={now:{},pos:{}};this.value={start:{},now:{}};this.selection=(Browser.Engine.trident)?"selectstart":"mousedown";this.bound={start:this.start.bind(this),check:this.check.bind(this),drag:this.drag.bind(this),stop:this.stop.bind(this),cancel:this.cancel.bind(this),eventStop:$lambda(false)};
|
||||||
|
this.attach();},attach:function(){this.handles.addEvent("mousedown",this.bound.start);return this;},detach:function(){this.handles.removeEvent("mousedown",this.bound.start);
|
||||||
|
return this;},start:function(C){if(this.options.preventDefault){C.preventDefault();}this.fireEvent("beforeStart",this.element);this.mouse.start=C.page;
|
||||||
|
var A=this.options.limit;this.limit={x:[],y:[]};for(var D in this.options.modifiers){if(!this.options.modifiers[D]){continue;}if(this.options.style){this.value.now[D]=this.element.getStyle(this.options.modifiers[D]).toInt();
|
||||||
|
}else{this.value.now[D]=this.element[this.options.modifiers[D]];}if(this.options.invert){this.value.now[D]*=-1;}this.mouse.pos[D]=C.page[D]-this.value.now[D];
|
||||||
|
if(A&&A[D]){for(var B=2;B--;B){if($chk(A[D][B])){this.limit[D][B]=$lambda(A[D][B])();}}}}if($type(this.options.grid)=="number"){this.options.grid={x:this.options.grid,y:this.options.grid};
|
||||||
|
}this.document.addEvents({mousemove:this.bound.check,mouseup:this.bound.cancel});this.document.addEvent(this.selection,this.bound.eventStop);},check:function(A){if(this.options.preventDefault){A.preventDefault();
|
||||||
|
}var B=Math.round(Math.sqrt(Math.pow(A.page.x-this.mouse.start.x,2)+Math.pow(A.page.y-this.mouse.start.y,2)));if(B>this.options.snap){this.cancel();this.document.addEvents({mousemove:this.bound.drag,mouseup:this.bound.stop});
|
||||||
|
this.fireEvent("start",this.element).fireEvent("snap",this.element);}},drag:function(A){if(this.options.preventDefault){A.preventDefault();}this.mouse.now=A.page;
|
||||||
|
for(var B in this.options.modifiers){if(!this.options.modifiers[B]){continue;}this.value.now[B]=this.mouse.now[B]-this.mouse.pos[B];if(this.options.invert){this.value.now[B]*=-1;
|
||||||
|
}if(this.options.limit&&this.limit[B]){if($chk(this.limit[B][1])&&(this.value.now[B]>this.limit[B][1])){this.value.now[B]=this.limit[B][1];}else{if($chk(this.limit[B][0])&&(this.value.now[B]<this.limit[B][0])){this.value.now[B]=this.limit[B][0];
|
||||||
|
}}}if(this.options.grid[B]){this.value.now[B]-=(this.value.now[B]%this.options.grid[B]);}if(this.options.style){this.element.setStyle(this.options.modifiers[B],this.value.now[B]+this.options.unit);
|
||||||
|
}else{this.element[this.options.modifiers[B]]=this.value.now[B];}}this.fireEvent("drag",this.element);},cancel:function(A){this.document.removeEvent("mousemove",this.bound.check);
|
||||||
|
this.document.removeEvent("mouseup",this.bound.cancel);if(A){this.document.removeEvent(this.selection,this.bound.eventStop);this.fireEvent("cancel",this.element);
|
||||||
|
}},stop:function(A){this.document.removeEvent(this.selection,this.bound.eventStop);this.document.removeEvent("mousemove",this.bound.drag);this.document.removeEvent("mouseup",this.bound.stop);
|
||||||
|
if(A){this.fireEvent("complete",this.element);}}});Element.implement({makeResizable:function(A){return new Drag(this,$merge({modifiers:{x:"width",y:"height"}},A));
|
||||||
|
}});var Asset=new Hash({javascript:function(F,D){D=$extend({onload:$empty,document:document,check:$lambda(true)},D);var B=new Element("script",{src:F,type:"text/javascript"});
|
||||||
|
var E=D.onload.bind(B),A=D.check,G=D.document;delete D.onload;delete D.check;delete D.document;B.addEvents({load:E,readystatechange:function(){if(["loaded","complete"].contains(this.readyState)){E();
|
||||||
|
}}}).setProperties(D);if(Browser.Engine.webkit419){var C=(function(){if(!$try(A)){return ;}$clear(C);E();}).periodical(50);}return B.inject(G.head);},css:function(B,A){return new Element("link",$merge({rel:"stylesheet",media:"screen",type:"text/css",href:B},A)).inject(document.head);
|
||||||
|
},image:function(C,B){B=$merge({onload:$empty,onabort:$empty,onerror:$empty},B);var D=new Image();var A=$(D)||new Element("img");["load","abort","error"].each(function(E){var F="on"+E;
|
||||||
|
var G=B[F];delete B[F];D[F]=function(){if(!D){return ;}if(!A.parentNode){A.width=D.width;A.height=D.height;}D=D.onload=D.onabort=D.onerror=null;G.delay(1,A,A);
|
||||||
|
A.fireEvent(E,A,1);};});D.src=A.src=C;if(D&&D.complete){D.onload.delay(1);}return A.setProperties(B);},images:function(D,C){C=$merge({onComplete:$empty,onProgress:$empty},C);
|
||||||
|
if(!D.push){D=[D];}var A=[];var B=0;D.each(function(F){var E=new Asset.image(F,{onload:function(){C.onProgress.call(this,B,D.indexOf(F));B++;if(B==D.length){C.onComplete();
|
||||||
|
}}});A.push(E);});return new Elements(A);}});var Tips=new Class({Implements:[Events,Options],options:{onShow:function(A){A.setStyle("visibility","visible");
|
||||||
|
},onHide:function(A){A.setStyle("visibility","hidden");},showDelay:100,hideDelay:100,className:null,offsets:{x:16,y:16},fixed:false},initialize:function(){var C=Array.link(arguments,{options:Object.type,elements:$defined});
|
||||||
|
this.setOptions(C.options||null);this.tip=new Element("div").inject(document.body);if(this.options.className){this.tip.addClass(this.options.className);
|
||||||
|
}var B=new Element("div",{"class":"tip-top"}).inject(this.tip);this.container=new Element("div",{"class":"tip"}).inject(this.tip);var A=new Element("div",{"class":"tip-bottom"}).inject(this.tip);
|
||||||
|
this.tip.setStyles({position:"absolute",top:0,left:0,visibility:"hidden"});if(C.elements){this.attach(C.elements);}},attach:function(A){$$(A).each(function(D){var G=D.retrieve("tip:title",D.get("title"));
|
||||||
|
var F=D.retrieve("tip:text",D.get("rel")||D.get("href"));var E=D.retrieve("tip:enter",this.elementEnter.bindWithEvent(this,D));var C=D.retrieve("tip:leave",this.elementLeave.bindWithEvent(this,D));
|
||||||
|
D.addEvents({mouseenter:E,mouseleave:C});if(!this.options.fixed){var B=D.retrieve("tip:move",this.elementMove.bindWithEvent(this,D));D.addEvent("mousemove",B);
|
||||||
|
}D.store("tip:native",D.get("title"));D.erase("title");},this);return this;},detach:function(A){$$(A).each(function(C){C.removeEvent("mouseenter",C.retrieve("tip:enter")||$empty);
|
||||||
|
C.removeEvent("mouseleave",C.retrieve("tip:leave")||$empty);C.removeEvent("mousemove",C.retrieve("tip:move")||$empty);C.eliminate("tip:enter").eliminate("tip:leave").eliminate("tip:move");
|
||||||
|
var B=C.retrieve("tip:native");if(B){C.set("title",B);}});return this;},elementEnter:function(B,A){$A(this.container.childNodes).each(Element.dispose);
|
||||||
|
var D=A.retrieve("tip:title");if(D){this.titleElement=new Element("div",{"class":"tip-title"}).inject(this.container);this.fill(this.titleElement,D);}var C=A.retrieve("tip:text");
|
||||||
|
if(C){this.textElement=new Element("div",{"class":"tip-text"}).inject(this.container);this.fill(this.textElement,C);}this.timer=$clear(this.timer);this.timer=this.show.delay(this.options.showDelay,this);
|
||||||
|
this.position((!this.options.fixed)?B:{page:A.getPosition()});},elementLeave:function(A){$clear(this.timer);this.timer=this.hide.delay(this.options.hideDelay,this);
|
||||||
|
},elementMove:function(A){this.position(A);},position:function(D){var B=window.getSize(),A=window.getScroll();var E={x:this.tip.offsetWidth,y:this.tip.offsetHeight};
|
||||||
|
var C={x:"left",y:"top"};for(var F in C){var G=D.page[F]+this.options.offsets[F];if((G+E[F]-A[F])>B[F]){G=D.page[F]-this.options.offsets[F]-E[F];}this.tip.setStyle(C[F],G);
|
||||||
|
}},fill:function(A,B){(typeof B=="string")?A.set("html",B):A.adopt(B);},show:function(){this.fireEvent("show",this.tip);},hide:function(){this.fireEvent("hide",this.tip);
|
||||||
|
}});
|
||||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 425 B |
Binary file not shown.
|
After Width: | Height: | Size: 169 B |
Binary file not shown.
|
After Width: | Height: | Size: 144 B |
Binary file not shown.
|
After Width: | Height: | Size: 142 B |
|
|
@ -0,0 +1,296 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
Theme Name: Ajax Classic
|
||||||
|
Theme URI: http://deluge-torrent.org
|
||||||
|
Description: Deluge Ajax Theme
|
||||||
|
Version: 0.1
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: #304663 url(/static/images/simple_bg.jpg) repeat-x;
|
||||||
|
font-family: trebuchet ms;
|
||||||
|
font-size: 0.7em;
|
||||||
|
color: White;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar {
|
||||||
|
background: url(/static/images/simple_line.jpg) repeat-x 0px 69px;
|
||||||
|
height: 75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar ul, #status ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: inline;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar ul li, #status ul li {
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
margin: 2px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar #buttons {
|
||||||
|
float: left;
|
||||||
|
background: url('/static/images/simple_logo.jpg') no-repeat;
|
||||||
|
height: 71px;
|
||||||
|
padding-left: 60px;
|
||||||
|
width: 320px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar #buttons li {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
-moz-border-radius:5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar #buttons li:hover {
|
||||||
|
background-color: #386594;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
text-align: right;
|
||||||
|
padding: 0 50px 0 0;
|
||||||
|
color: #8fa6c3;
|
||||||
|
font-size: 16px;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
color: #dce4ee;
|
||||||
|
font-size: 32px;
|
||||||
|
padding: 10px 50px 0 0;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-splitter {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-splitter-vertical {
|
||||||
|
background: url(split_vertical.png) repeat-y;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-splitter-horizontal {
|
||||||
|
background: url(split_horizontal.png) repeat-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar #buttons #add {background-image:url(../../icons/32/add.png)}
|
||||||
|
#toolbar #buttons #remove {background-image:url(../../icons/32/remove.png)}
|
||||||
|
#toolbar #buttons #pause {background-image:url(../../icons/32/pause.png)}
|
||||||
|
#toolbar #buttons #resume {background-image:url(../../icons/32/resume.png)}
|
||||||
|
#toolbar #buttons #up {background-image:url(../../icons/32/up.png)}
|
||||||
|
#toolbar #buttons #down {background-image:url(../../icons/32/down.png)}
|
||||||
|
#toolbar #buttons #preferences {background-image:url(../../icons/32/options.png)}
|
||||||
|
#toolbar #buttons #connections {background-image:url(../../icons/32/connections.png)}
|
||||||
|
|
||||||
|
#status #info #connections {background-image:url(/static/images/tango/connections.png)}
|
||||||
|
#status #info #downspeed {background-image:url(/pixmaps/downloading16.png)}
|
||||||
|
#status #info #upspeed {background-image:url(/pixmaps/seeding16.png)}
|
||||||
|
#status #info #dht {background-image:url(/pixmaps/dht16.png)}
|
||||||
|
|
||||||
|
#labels .downloading { background-image: url('/pixmaps/downloading16.png'); }
|
||||||
|
#labels .seeding { background-image: url('/pixmaps/seeding16.png'); }
|
||||||
|
#labels .queued { background-image: url('/pixmaps/queued16.png'); }
|
||||||
|
#labels .paused { background-image: url('/pixmaps/inactive16.png'); }
|
||||||
|
#labels .error { background-image: url('/pixmaps/alert16.png'); }
|
||||||
|
#labels .checking { background-image: url('/pixmaps/inactive16.png'); }
|
||||||
|
|
||||||
|
#labels {
|
||||||
|
width: 140px;
|
||||||
|
margin: 5px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#labels ul {
|
||||||
|
list-style: none;
|
||||||
|
margin: 10px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#labels li {
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0px 2px;
|
||||||
|
padding-left: 16px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
#labels li:hover { text-decoration: underline; cursor: pointer; }
|
||||||
|
|
||||||
|
#labels .activestate {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#labels .activestate:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-datagrid {
|
||||||
|
overflow: auto;
|
||||||
|
margin: 5px;
|
||||||
|
border: 1px solid #2a425c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-datagrid table {
|
||||||
|
/*background: #304663;*/
|
||||||
|
border-spacing: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-datagrid table th {
|
||||||
|
font-weight: normal;
|
||||||
|
border: 1px outset #1c2431;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-datagrid table td {
|
||||||
|
padding: 2px;
|
||||||
|
border-bottom: 1px solid #1c2431;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.mooui-datagrid table tr.selected td { background: #900; }
|
||||||
|
.mooui-datagrid table tr:hover td { background: #68a; }
|
||||||
|
|
||||||
|
.mooui-progressbar div {
|
||||||
|
background: #4573a5;
|
||||||
|
-moz-border-radius:5px; /*ff only setting*/
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-progressbar span {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#status {
|
||||||
|
height: 40px;
|
||||||
|
background: #1c2431 url(simple_line_flipped.png) repeat-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-menu {
|
||||||
|
background: #304663 url(menu_bg.jpg) repeat-x;
|
||||||
|
border: 1px outset #37506f;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li.mooui-menu-sep {
|
||||||
|
background-color: #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li:hover {
|
||||||
|
background-color: #426187;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li.mooui-menu-sep:hover {
|
||||||
|
background-color: #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window {
|
||||||
|
background: #426187;
|
||||||
|
border: 1px solid #1c2431;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window-close {
|
||||||
|
background-image: url(window_close.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window-title {
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* forms */
|
||||||
|
form fieldset {
|
||||||
|
border: none;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
form legend {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
form label {
|
||||||
|
width: 150px;
|
||||||
|
line-height: 20px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
form input, form select {
|
||||||
|
float: left;
|
||||||
|
margin-right: 5px;
|
||||||
|
border:1px solid #23344b;
|
||||||
|
background: #99acc3;
|
||||||
|
color: #000;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
form textarea {
|
||||||
|
border:1px solid #23344b;
|
||||||
|
background: #99acc3;
|
||||||
|
width:480px;
|
||||||
|
}
|
||||||
|
|
||||||
|
form .disabled {
|
||||||
|
color: Gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
form .deluge_button, button.deluge_button {
|
||||||
|
background-color: #37506f;
|
||||||
|
border:1px solid #68a;
|
||||||
|
cursor: pointer;
|
||||||
|
background: #99acc3;
|
||||||
|
color: #000;
|
||||||
|
vertical-align:middle;
|
||||||
|
-moz-border-radius:7px;
|
||||||
|
margin: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
form .deluge_button:hover, button.deluge_button:hover {
|
||||||
|
background-color:#68a;
|
||||||
|
}
|
||||||
|
|
||||||
|
form br {
|
||||||
|
clear: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#addFromUrl label {
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#addFromUrl #url {
|
||||||
|
width: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#addFromUrl .deluge_button {
|
||||||
|
margin: 5px;
|
||||||
|
margin-left: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window-content #preferences .categories li:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.deluge-prefs-active {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-spinner {
|
||||||
|
width: 40px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
label.fluid {
|
||||||
|
width: auto;
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 614 B |
|
|
@ -0,0 +1,341 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
Theme Name: Ajax White
|
||||||
|
Theme URI: http://deluge-torrent.org
|
||||||
|
Description: Deluge Ajax Theme
|
||||||
|
Version: 0.1
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: #ffffff;
|
||||||
|
font-family: trebuchet ms;
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar #buttons li:hover {
|
||||||
|
background-color: #C3D9FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar {
|
||||||
|
border-bottom: 1px solid Black;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar ul, #status ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: inline;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar ul li, #status ul li {
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
margin: 2px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar #buttons {
|
||||||
|
float: left;
|
||||||
|
background: url('/static/images/deluge32.png') no-repeat 2px;
|
||||||
|
height: 40px;
|
||||||
|
padding-left: 140px;
|
||||||
|
width: 320px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar #buttons li {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
-moz-border-radius:5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar #buttons li:hover {
|
||||||
|
background-color: #E0ECFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info { display: none; }
|
||||||
|
|
||||||
|
.title {
|
||||||
|
position: absolute;
|
||||||
|
left: 40px;
|
||||||
|
top: 7px;
|
||||||
|
color: #8fa6c3;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
line-height: 26px;
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-splitter {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*.mooui-splitter-vertical {
|
||||||
|
background: url(/template/static/images/split_vertical.png) repeat-y;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-splitter-horizontal {
|
||||||
|
background: url(/template/static/images/split_horizontal.png) repeat-x;
|
||||||
|
}*/
|
||||||
|
|
||||||
|
|
||||||
|
#toolbar #buttons #add {background-image:url(/template/static/icons/32/add.png)}
|
||||||
|
#toolbar #buttons #remove {background-image:url(/template/static/icons/32/remove.png)}
|
||||||
|
#toolbar #buttons #pause {background-image:url(/template/static/icons/32/pause.png)}
|
||||||
|
#toolbar #buttons #resume {background-image:url(/template/static/icons/32/resume.png)}
|
||||||
|
#toolbar #buttons #up {background-image:url(/template/static/icons/32/up.png)}
|
||||||
|
#toolbar #buttons #down {background-image:url(/template/static/icons/32/down.png)}
|
||||||
|
#toolbar #buttons #preferences {background-image:url(/template/static/icons/32/options.png)}
|
||||||
|
#toolbar #buttons #connections {background-image:url(/template/static/icons/32/connections.png)}
|
||||||
|
|
||||||
|
#status #info #connections {background-image:url(/static/images/tango/connections.png)}
|
||||||
|
#status #info #downspeed {background-image:url(/pixmaps/downloading16.png)}
|
||||||
|
#status #info #upspeed {background-image:url(/pixmaps/seeding16.png)}
|
||||||
|
#status #info #dht {background-image:url(/pixmaps/dht16.png)}
|
||||||
|
|
||||||
|
#labels .downloading { background-image: url('/pixmaps/downloading16.png'); }
|
||||||
|
#labels .seeding { background-image: url('/pixmaps/seeding16.png'); }
|
||||||
|
#labels .queued { background-image: url('/pixmaps/queued16.png'); }
|
||||||
|
#labels .paused { background-image: url('/pixmaps/inactive16.png'); }
|
||||||
|
#labels .error { background-image: url('/pixmaps/alert16.png'); }
|
||||||
|
#labels .checking { background-image: url('/pixmaps/inactive16.png'); }
|
||||||
|
|
||||||
|
|
||||||
|
#labels {
|
||||||
|
width: 160px;
|
||||||
|
margin: 5px;
|
||||||
|
overflow: auto;
|
||||||
|
background: #b5edbc;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#labels ul {
|
||||||
|
list-style: none;
|
||||||
|
margin: 5px;
|
||||||
|
padding: 0;
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
background: White;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#labels li {
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 5px 2px;
|
||||||
|
padding-left: 21px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
#labels li:hover { text-decoration: underline; cursor: pointer; }
|
||||||
|
|
||||||
|
#labels .activestate {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#labels .activestate:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.mooui-datagrid {
|
||||||
|
overflow: auto;
|
||||||
|
margin: 5px;
|
||||||
|
border: 4px solid #C3D9FF;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-datagrid table {
|
||||||
|
/*background: #304663;*/
|
||||||
|
border-spacing: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-datagrid table th {
|
||||||
|
font-weight: normal;
|
||||||
|
background: #C3D9FF;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-datagrid table td {
|
||||||
|
padding: 2px;
|
||||||
|
border-bottom: 1px solid #1c2431;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.mooui-datagrid table tr.selected td { background: #E0ECFF; }
|
||||||
|
.mooui-datagrid table tr:hover td { background: #FFFFCC; }
|
||||||
|
|
||||||
|
.mooui-progressbar div {
|
||||||
|
background: #C3D9FF;
|
||||||
|
-moz-border-radius:5px; /*ff only setting*/
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-progressbar span {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details .mooui-tabs li {
|
||||||
|
background: #E0ECFF;
|
||||||
|
padding: 7px;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details .mooui-tabs li:hover {
|
||||||
|
background: #C3D9FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details li.mooui-tabs-active {
|
||||||
|
background: #C3D9FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details .mooui-tabpage {
|
||||||
|
background: #C3D9FF;
|
||||||
|
padding: 5px;
|
||||||
|
-moz-border-radius:0 5px 5px 5px;
|
||||||
|
-webkit-border-radius: 0 5px 5px 5px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details dl {
|
||||||
|
float: left;
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details dl dt {
|
||||||
|
float: left;
|
||||||
|
font-weight: bold;
|
||||||
|
height: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details dl dd {
|
||||||
|
margin-left: 100px;
|
||||||
|
width: 140px;
|
||||||
|
height: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details dd.downspeed, #details dd.upspeed, #details dd.eta, #details dd.pieces {
|
||||||
|
margin-left: 75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details form br {
|
||||||
|
clear: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details dd.torrent_name {
|
||||||
|
width: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details dd.tracker {
|
||||||
|
width: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#status {
|
||||||
|
height: 40px;
|
||||||
|
background: #E0ECFF;
|
||||||
|
-moz-border-radius: 7px 7px 0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-menu {
|
||||||
|
background: #E0ECFF;
|
||||||
|
border: 1px outset Gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li.mooui-menu-sep {
|
||||||
|
background-color: Gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li:hover {
|
||||||
|
background-color: #a0a0a0;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mooui-menu li.mooui-menu-sep:hover {
|
||||||
|
background-color: Gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window {
|
||||||
|
background: #C3D9FF;
|
||||||
|
border: 1px solid #1c2431;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window-close {
|
||||||
|
background-image: url(/template/static/images/window_close.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window-title {
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* forms */
|
||||||
|
form fieldset {
|
||||||
|
border: none;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
form legend {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
form label {
|
||||||
|
width: 150px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
form input {
|
||||||
|
float: left;
|
||||||
|
margin-right: 5px;
|
||||||
|
border:1px solid #23344b;
|
||||||
|
background: #E0ECFF;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
form textarea {
|
||||||
|
border:1px solid #23344b;
|
||||||
|
background: #E0ECFF;
|
||||||
|
width:480px;
|
||||||
|
}
|
||||||
|
|
||||||
|
form label.opt-disabled {
|
||||||
|
color: Gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
form .deluge_button {
|
||||||
|
background-color: #E0ECFF;
|
||||||
|
border:1px solid #68a;
|
||||||
|
cursor: pointer;
|
||||||
|
background: #E0ECFF;
|
||||||
|
color: #000;
|
||||||
|
vertical-align:middle;
|
||||||
|
-moz-border-radius:7px;
|
||||||
|
margin: 2px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
form .deluge_button:hover {
|
||||||
|
background-color:#68a;
|
||||||
|
}
|
||||||
|
|
||||||
|
#addFromUrl label {
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#addFromUrl input[type=submit] {
|
||||||
|
margin: 5px;
|
||||||
|
margin-left: 100px;
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 614 B |
|
|
@ -0,0 +1,139 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
Theme Name: Ajax Base
|
||||||
|
Theme URI: http://deluge-torrent.org
|
||||||
|
Description: Deluge Ajax Theme
|
||||||
|
Version: 0.1
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
padding: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details .mooui-tabs li {
|
||||||
|
background: #37506f;
|
||||||
|
padding: 7px;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details .mooui-tabs li:hover {
|
||||||
|
background: #426187;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details li.mooui-tabs-active {
|
||||||
|
background: #426187;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details .mooui-tabpage {
|
||||||
|
background: #426187;
|
||||||
|
padding: 5px;
|
||||||
|
-moz-border-radius:0 5px 5px 5px;
|
||||||
|
-webkit-border-radius: 0 5px 5px 5px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details dl {
|
||||||
|
float: left;
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details dl dt {
|
||||||
|
float: left;
|
||||||
|
font-weight: bold;
|
||||||
|
height: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details dl dd {
|
||||||
|
margin-left: 100px;
|
||||||
|
width: 140px;
|
||||||
|
height: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details dd.downspeed, #details dd.upspeed, #details dd.eta, #details dd.pieces {
|
||||||
|
margin-left: 75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details form br {
|
||||||
|
clear: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details dd.torrent_name, #details dd.tracker, #details dd.path {
|
||||||
|
width: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#status #info {
|
||||||
|
float: left;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#status #info li {
|
||||||
|
height: 20px;
|
||||||
|
line-height: 20px;
|
||||||
|
width: 30px;
|
||||||
|
padding-left: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#status #info #connections {
|
||||||
|
width: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#status #info #downspeed, #status #info #upspeed {
|
||||||
|
background-position: 4px 2px;
|
||||||
|
margin-right: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.categories {
|
||||||
|
height: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pref_pages {
|
||||||
|
height: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.deluge-prefs-page {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.deluge-prefs-page-active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window-content #preferences .categories {
|
||||||
|
float: left;
|
||||||
|
width: 130px;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window-content #preferences .pref_pages {
|
||||||
|
float: left;
|
||||||
|
width: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window-content #preferences .categories ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mooui-window-content #preferences .categories li {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttons {
|
||||||
|
margin-top: 10px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttons button {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue