/**
* Copyright © Jordan Lee, Dave Perrett, Malcolm Jarvis and Bruno Bierbaumer
*
* This file is licensed under the GPLv2.
* http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/
function Transmission()
{
this.initialize();
}
Transmission.prototype =
{
/****
*****
***** STARTUP
*****
****/
initialize: function()
{
var e;
// Initialize the helper classes
this.remote = new TransmissionRemote(this);
this.inspector = new Inspector(this, this.remote);
this.prefsDialog = new PrefsDialog(this.remote);
$(this.prefsDialog).bind('closed', $.proxy(this.onPrefsDialogClosed,this));
this.isMenuEnabled = !isMobileDevice;
// Initialize the implementation fields
this.filterText = '';
this._torrents = {};
this._rows = [];
this.dirtyTorrents = {};
this.uriCache = {};
// Initialize the clutch preferences
Prefs.getClutchPrefs(this);
// Set up user events
$(".numberinput").forceNumeric();
$('#toolbar-pause').click($.proxy(this.stopSelectedClicked,this));
$('#toolbar-start').click($.proxy(this.startSelectedClicked,this));
$('#toolbar-remove').click($.proxy(this.removeClicked,this));
$('#toolbar-open').click($.proxy(this.openTorrentClicked,this));
$('#toolbar-select').click($.proxy(this.toggleSelectionClicked,this));
$('#prefs-button').click($.proxy(this.togglePrefsDialogClicked,this));
$('#upload_confirm_button').click($.proxy(this.confirmUploadClicked,this));
$('#upload_cancel_button').click($.proxy(this.hideUploadDialog,this));
$('#turtle-button').click($.proxy(this.toggleTurtleClicked,this));
$('#compact-button').click($.proxy(this.toggleCompactClicked,this));
$('#torrent_container').bind('dragover', $.proxy(this.dragenter,this));
$('#torrent_container').bind('dragenter', $.proxy(this.dragenter,this));
$('#torrent_container').bind('drop', $.proxy(this.drop,this));
// tell jQuery to copy the dataTransfer property from events over if it exists
jQuery.event.props.push("dataTransfer");
$('#torrent_upload_form').submit(function() { $('#upload_confirm_button').click(); return false; });
$('#toolbar-inspector').click($.proxy(this.toggleInspector,this));
e = $('#filter-mode');
e.val(this[Prefs._FilterMode]);
e.change($.proxy(this.onFilterModeClicked,this));
$('#filter-tracker').change($.proxy(this.onFilterTrackerClicked,this));
if (!isMobileDevice) {
$(document).bind('keydown', $.proxy(this.keyDown,this) );
$(document).bind('keyup', $.proxy(this.keyUp, this) );
$('#torrent_container').click( $.proxy(this.deselectAll,this) );
$('#inspector_link').click( $.proxy(this.toggleInspector,this) );
this.setupSearchBox();
this.createContextMenu();
}
if (this.isMenuEnabled)
this.createSettingsMenu();
e = {};
e.torrent_list = $('#torrent_list')[0];
e.toolbar_buttons = $('#toolbar ul li');
e.toolbar_pause_button = $('#toolbar-pause')[0];
e.toolbar_start_button = $('#toolbar-start')[0];
e.toolbar_remove_button = $('#toolbar-remove')[0];
this.elements = e;
// Apply the prefs settings to the gui
this.initializeSettings();
// Get preferences & torrents from the daemon
var async = false;
this.loadDaemonPrefs(async);
this.loadDaemonStats(async);
this.initializeTorrents();
this.refreshTorrents();
this.togglePeriodicSessionRefresh(true);
this.updateButtonsSoon();
},
loadDaemonPrefs: function(async) {
this.remote.loadDaemonPrefs(function(data) {
var o = data['arguments'];
Prefs.getClutchPrefs(o);
this.updateGuiFromSession(o);
}, this, async);
},
loadImages: function() {
for (var i=0, row; row=arguments[i]; ++i)
jQuery("").attr("src", row);
},
/*
* Load the clutch prefs and init the GUI according to those prefs
*/
initializeSettings: function()
{
Prefs.getClutchPrefs(this);
if (this.isMenuEnabled)
{
$('#sort_by_' + this[Prefs._SortMethod]).selectMenuItem();
if (this[Prefs._SortDirection] === Prefs._SortDescending)
$('#reverse_sort_order').selectMenuItem();
}
this.initCompactMode();
},
/*
* Set up the search box
*/
setupSearchBox: function()
{
var tr = this;
var search_box = $('#torrent_search');
search_box.bind('keyup click', function() {
tr.setFilterText(this.value);
});
if (!$.browser.safari)
{
search_box.addClass('blur');
search_box[0].value = 'Filter';
search_box.bind('blur', function() {
if (this.value === '') {
$(this).addClass('blur');
this.value = 'Filter';
tr.setFilterText(null);
}
}).bind('focus', function() {
if ($(this).is('.blur')) {
this.value = '';
$(this).removeClass('blur');
}
});
}
},
/**
* Create the torrent right-click menu
*/
createContextMenu: function() {
var tr = this;
var bindings = {
context_pause_selected: function() { tr.stopSelectedTorrents(); },
context_resume_selected: function() { tr.startSelectedTorrents(false); },
context_resume_now_selected: function() { tr.startSelectedTorrents(true); },
context_remove: function() { tr.removeSelectedTorrents(); },
context_removedata: function() { tr.removeSelectedTorrentsAndData(); },
context_verify: function() { tr.verifySelectedTorrents(); },
context_reannounce: function() { tr.reannounceSelectedTorrents(); },
context_move_top: function() { tr.moveTop(); },
context_move_up: function() { tr.moveUp(); },
context_move_down: function() { tr.moveDown(); },
context_move_bottom: function() { tr.moveBottom(); }
};
// Set up the context menu
$('ul#torrent_list').contextMenu('torrent_context_menu', {
bindings: bindings,
menuStyle: { width: '310px', backgroundColor: '#fff', border: 'none', padding: '5px 0', textAlign: 'left' },
itemStyle: { backgroundColor: 'transparent', margin: '0', padding: '3px 10px 3px 20px', color: '#000', cursor: 'default', border: 'none'},
itemHoverStyle: { backgroundColor: '#24e', color: '#fff', border: 'none'},
shadow: false,
boundingElement: $('div#torrent_container'),
boundingRightPad: 20,
boundingBottomPad: 5,
onContextMenu: function(ev) {
var element = $(ev.target).closest('.torrent')[0];
var i = $('#torrent_list > li').index(element);
if ((i!==-1) && !tr._rows[i].isSelected())
tr.setSelectedRow(tr._rows[i]);
return true;
}
});
},
createSettingsMenu: function() {
$('#settings_menu').transMenu({
selected_char: '✔',
direction: 'up',
onClick: $.proxy(this.onMenuClicked,this)
});
$('#unlimited_download_rate').selectMenuItem();
$('#unlimited_upload_rate').selectMenuItem();
},
/****
*****
***** UTILITIES
*****
****/
getAllTorrents: function()
{
var torrents = [];
for (var key in this._torrents)
torrents.push(this._torrents[key]);
return torrents;
},
getTorrentIds: function(torrents)
{
return $.map(torrents.slice(0), function(t) {return t.getId();});
},
scrollToRow: function(row)
{
if (isMobileDevice) // FIXME: why?
return;
var list = $('#torrent_container'),
scrollTop = list.scrollTop(),
innerHeight = list.innerHeight(),
offsetTop = row.getElement().offsetTop,
offsetHeight = $(row.getElement()).outerHeight();
if (offsetTop < scrollTop)
list.scrollTop(offsetTop);
else if (innerHeight + scrollTop < offsetTop + offsetHeight)
list.scrollTop(offsetTop + offsetHeight - innerHeight);
},
seedRatioLimit: function() {
var p = this._prefs;
if (p && p.seedRatioLimited)
return p.seedRatioLimit;
return -1;
},
setPref: function(key, val)
{
this[key] = val;
Prefs.setValue(key, val);
},
/****
*****
***** SELECTION
*****
****/
getSelectedRows: function() {
return $.grep(this._rows, function(r) {return r.isSelected();});
},
getSelectedTorrents: function() {
return $.map(this.getSelectedRows(),function(r) {
return r.getTorrent();
});
},
getSelectedTorrentIds: function() {
return this.getTorrentIds(this.getSelectedTorrents());
},
setSelectedRow: function(row) {
$(this.elements.torrent_list).children('.selected').removeClass('selected');
this.selectRow(row);
},
selectRow: function(row) {
$(row.getElement()).addClass('selected');
this.callSelectionChangedSoon();
},
deselectRow: function(row) {
$(row.getElement()).removeClass('selected');
this.callSelectionChangedSoon();
},
selectAll: function() {
$(this.elements.torrent_list).children().addClass('selected');
this.callSelectionChangedSoon();
},
deselectAll: function() {
$(this.elements.torrent_list).children('.selected').removeClass('selected');
this.callSelectionChangedSoon();
delete this._last_torrent_clicked;
},
indexOfLastTorrent: function() {
for (var i=0, r; r=this._rows[i]; ++i)
if (r.getTorrentId() === this._last_torrent_clicked)
return i;
return -1;
},
// Select a range from this row to the last clicked torrent
selectRange: function(row)
{
var last = this.indexOfLastTorrent();
if (last === -1)
{
this.selectRow(row);
}
else // select the range between the prevous & current
{
var next = this._rows.indexOf(row);
var min = Math.min(last, next);
var max = Math.max(last, next);
for (var i=min; i<=max; ++i)
this.selectRow(this._rows[i]);
}
this.callSelectionChangedSoon();
},
selectionChanged: function()
{
this.updateButtonStates();
this.inspector.setTorrents(this.inspectorIsVisible() ? this.getSelectedTorrents() : []);
clearTimeout(this.selectionChangedTimer);
delete this.selectionChangedTimer;
},
callSelectionChangedSoon: function()
{
if (!this.selectionChangedTimer)
{
var callback = $.proxy(this.selectionChanged,this),
msec = 200;
this.selectionChangedTimer = setTimeout(callback, msec);
}
},
/*--------------------------------------------
*
* E V E N T F U N C T I O N S
*
*--------------------------------------------*/
/*
* Process key event
*/
keyDown: function(ev)
{
var handled = false,
rows = this._rows,
up = ev.keyCode === 38, // up key pressed
dn = ev.keyCode === 40, // down key pressed
shift = ev.keyCode === 16; // shift key pressed
if ((up || dn) && rows.length)
{
var last = this.indexOfLastTorrent(),
i = last,
anchor = this._shift_index,
r,
min = 0,
max = rows.length - 1;
if (dn && (i+1 <= max))
++i;
else if (up && (i-1 >= min))
--i;
var r = rows[i];
if (anchor >= 0)
{
// user is extending the selection
// with the shift + arrow keys...
if ( ((anchor <= last) && (last < i))
|| ((anchor >= last) && (last > i)))
{
this.selectRow(r);
}
else if (((anchor >= last) && (i > last))
|| ((anchor <= last) && (last > i)))
{
this.deselectRow(rows[last]);
}
}
else
{
if (ev.shiftKey)
this.selectRange(r);
else
this.setSelectedRow(r);
}
this._last_torrent_clicked = r.getTorrentId();
this.scrollToRow(r);
handled = true;
}
else if (shift)
{
this._shift_index = this.indexOfLastTorrent();
}
return !handled;
},
keyUp: function(ev) {
if (ev.keyCode === 16) // shift key pressed
delete this._shift_index;
},
isButtonEnabled: function(ev) {
var p = (ev.target || ev.srcElement).parentNode;
return p.className!=='disabled'
&& p.parentNode.className!=='disabled';
},
toggleSelectionClicked: function(ev) {
if (this.isButtonEnabled(ev)) {
if (this._rows.length !== this.getSelectedRows().length)
this.selectAll();
else
this.deselectAll();
}
},
stopSelectedClicked: function(ev) {
if (this.isButtonEnabled(ev)) {
this.stopSelectedTorrents();
this.hideMobileAddressbar();
}
},
startSelectedClicked: function(ev) {
if (this.isButtonEnabled(ev)) {
this.startSelectedTorrents(false);
this.hideMobileAddressbar();
}
},
openTorrentClicked: function(ev) {
if (this.isButtonEnabled(ev)) {
$('body').addClass('open_showing');
this.uploadTorrentFile();
this.updateButtonStates();
}
},
dragenter: function(ev) {
if (ev.dataTransfer && ev.dataTransfer.types) {
var types = ["text/uri-list", "text/plain"];
for (var i = 0; i < types.length; ++i) {
// it would be better to look at the links here;
// sadly, with Firefox, trying would throw.
if (ev.dataTransfer.types.contains(types[i])) {
ev.stopPropagation();
ev.preventDefault();
ev.dropEffect = "copy";
return false;
}
}
}
else if (ev.dataTransfer) {
ev.dataTransfer.dropEffect = "none";
}
return true;
},
drop: function(ev)
{
var i, uri, uris=null,
types = ["text/uri-list", "text/plain"];
paused = this.shouldAddedTorrentsStart();
if (!ev.dataTransfer || !ev.dataTransfer.types)
return true;
for (i=0; !uris && i0 );
$('#speed-up-label').text( fmt.speedBps( u ) );
$('#speed-dn-container').toggleClass('active', d>0 );
$('#speed-dn-label').text( fmt.speedBps( d ) );
// visible torrents
$('#filter-count').text( fmt.plural(this._rows.length, 'Transfer') );
},
setEnabled: function(key, flag)
{
$(key).toggleClass('disabled', !flag);
},
updateFilterSelect: function()
{
var i, names, name, str, o,
e = $('#filter-tracker'),
trackers = this.getTrackers();
// build a sorted list of names
names = [];
for (name in trackers)
names.push (name);
names.sort();
// build the new html
if (!this.filterTracker)
str = '';
else
str = '';
for (i=0; name=names[i]; ++i) {
o = trackers[name];
str += '';
}
if (!this.filterTrackersStr || (this.filterTrackersStr !== str)) {
this.filterTrackersStr = str;
$('#filter-tracker').html(str);
}
},
updateButtonsSoon: function()
{
if (!this.buttonRefreshTimer)
{
var callback = $.proxy(this.updateButtonStates,this),
msec = 100;
this.buttonRefreshTimer = setTimeout(callback, msec);
}
},
updateButtonStates: function()
{
var e = this.elements,
haveActive = false,
havePaused = false,
haveSel = false,
haveActiveSel = false,
havePausedSel = false;
clearTimeout(this.buttonRefreshTimer);
delete this.buttonRefreshTimer;
for (var i=0, row; row=this._rows[i]; ++i) {
var isStopped = row.getTorrent().isStopped();
var isSelected = row.isSelected();
if (!isStopped) haveActive = true;
if (isStopped) havePaused = true;
if (isSelected) haveSel = true;
if (isSelected && !isStopped) haveActiveSel = true;
if (isSelected && isStopped) havePausedSel = true;
}
this.setEnabled(e.toolbar_pause_button, haveActiveSel);
this.setEnabled(e.toolbar_start_button, havePausedSel);
this.setEnabled(e.toolbar_remove_button, haveSel);
},
/****
*****
***** INSPECTOR
*****
****/
inspectorIsVisible: function()
{
return $('#torrent_inspector').is(':visible');
},
toggleInspector: function()
{
this.setInspectorVisible(!this.inspectorIsVisible());
},
setInspectorVisible: function(visible)
{
if (visible)
this.inspector.setTorrents(this.getSelectedTorrents());
// update the ui widgetry
$('#torrent_inspector').toggle(visible);
$('#toolbar-inspector').toggleClass('selected',visible);
this.hideMobileAddressbar();
if (isMobileDevice) {
$('body').toggleClass('inspector_showing',visible);
} else {
var w = visible ? $('#torrent_inspector').outerWidth() + 1 + 'px' : '0px';
$('#torrent_container')[0].style.right = w;
}
},
/****
*****
***** FILTER
*****
****/
refilterSoon: function()
{
if (!this.refilterTimer) {
var tr = this,
callback = function(){tr.refilter(false);},
msec = 100;
this.refilterTimer = setTimeout(callback, msec);
}
},
sortRows: function(rows)
{
var i, tor, row,
id2row = {},
torrents = [];
for (i=0; row=rows[i]; ++i) {
tor = row.getTorrent();
torrents.push(tor);
id2row[ tor.getId() ] = row;
}
Torrent.sortTorrents(torrents, this[Prefs._SortMethod],
this[Prefs._SortDirection]);
for (i=0; tor=torrents[i]; ++i)
rows[i] = id2row[ tor.getId() ];
},
refilter: function(rebuildEverything)
{
var i, e, id, t, row, tmp, rows, clean_rows, dirty_rows, frag,
sort_mode = this[Prefs._SortMethod],
sort_direction = this[Prefs._SortDirection],
filter_mode = this[Prefs._FilterMode],
filter_text = this.filterText,
filter_tracker = this.filterTracker,
renderer = this.torrentRenderer,
list = this.elements.torrent_list,
old_sel_count = $(list).children('.selected').length;
this.updateFilterSelect();
clearTimeout(this.refilterTimer);
delete this.refilterTimer;
if (rebuildEverything) {
$(list).empty();
this._rows = [];
for (id in this._torrents)
this.dirtyTorrents[id] = true;
}
// rows that overlap with dirtyTorrents need to be refiltered.
// those that don't are 'clean' and don't need refiltering.
clean_rows = [];
dirty_rows = [];
for (i=0; row=this._rows[i]; ++i) {
if(row.getTorrentId() in this.dirtyTorrents)
dirty_rows.push(row);
else
clean_rows.push(row);
}
// remove the dirty rows from the dom
e = [];
for (i=0; row=dirty_rows[i]; ++i)
e.push (row.getElement());
$(e).detach();
// drop any dirty rows that don't pass the filter test
tmp = [];
for (i=0; row=dirty_rows[i]; ++i) {
id = row.getTorrentId();
t = this._torrents[ id ];
if (t && t.test(filter_mode, filter_text, filter_tracker))
tmp.push(row);
delete this.dirtyTorrents[id];
}
dirty_rows = tmp;
// make new rows for dirty torrents that pass the filter test
// but don't already have a row
for (id in this.dirtyTorrents) {
t = this._torrents[id];
if (t && t.test(filter_mode, filter_text, filter_tracker)) {
row = new TorrentRow(renderer, this, t);
e = row.getElement();
e.row = row;
dirty_rows.push(row);
$(e).click($.proxy(this.onRowClicked,this));
$(e).dblclick($.proxy(this.toggleInspector,this));
}
}
// sort the dirty rows
this.sortRows (dirty_rows);
// now we have two sorted arrays of rows
// and can do a simple two-way sorted merge.
rows = [];
var ci=0, cmax=clean_rows.length;
var di=0, dmax=dirty_rows.length;
frag = document.createDocumentFragment();
while (ci!=cmax || di!=dmax)
{
var push_clean;
if (ci==cmax)
push_clean = false;
else if (di==dmax)
push_clean = true;
else {
var c = Torrent.compareTorrents(
clean_rows[ci].getTorrent(),
dirty_rows[di].getTorrent(),
sort_mode, sort_direction);
push_clean = (c < 0);
}
if (push_clean)
rows.push(clean_rows[ci++]);
else {
row = dirty_rows[di++];
e = row.getElement();
if (ci !== cmax)
list.insertBefore(e, clean_rows[ci].getElement());
else
frag.appendChild(e);
rows.push(row);
}
}
list.appendChild(frag);
// update our implementation fields
this._rows = rows;
this.dirtyTorrents = {};
// jquery's even/odd starts with 1 not 0, so invert its logic
e = []
for (i=0; row=rows[i]; ++i)
e.push(row.getElement());
$(e).filter(":odd").addClass('even');
$(e).filter(":even").removeClass('even');
// sync gui
this.updateStatusbar();
if (old_sel_count !== $(list).children('.selected').length)
this.selectionChanged();
},
setFilterMode: function(mode)
{
// set the state
this.setPref(Prefs._FilterMode, mode);
// refilter
this.refilter(true);
},
onFilterModeClicked: function(ev)
{
this.setFilterMode($('#filter-mode').val());
},
onFilterTrackerClicked: function(ev)
{
var tracker = $('#filter-tracker').val();
this.setFilterTracker(tracker==='all' ? null : tracker);
},
setFilterTracker: function(domain)
{
// update which tracker is selected in the popup
var key = domain ? this.getReadableDomain(domain) : 'all',
id = '#show-tracker-' + key;
$(id).addClass('selected').siblings().removeClass('selected');
this.filterTracker = domain;
this.refilter(true);
},
// example: "tracker.ubuntu.com" returns "ubuntu.com"
getDomainName: function(host)
{
var dot = host.indexOf('.');
if (dot !== host.lastIndexOf('.'))
host = host.slice(dot+1);
return host;
},
// example: "ubuntu.com" returns "Ubuntu"
getReadableDomain: function(name)
{
if (name.length)
name = name.charAt(0).toUpperCase() + name.slice(1);
var dot = name.indexOf('.');
if (dot !== -1)
name = name.slice(0, dot);
return name;
},
getTrackers: function()
{
var ret = {};
var torrents = this.getAllTorrents();
for (var i=0, torrent; torrent=torrents[i]; ++i)
{
var names = [];
var trackers = torrent.getTrackers();
for (var j=0, tracker; tracker=trackers[j]; ++j)
{
var uri, announce = tracker.announce;
if (announce in this.uriCache)
uri = this.uriCache[announce];
else {
uri = this.uriCache[announce] = parseUri (announce);
uri.domain = this.getDomainName (uri.host);
uri.name = this.getReadableDomain (uri.domain);
}
if (!(uri.name in ret))
ret[uri.name] = { 'uri': uri,
'domain': uri.domain,
'count': 0 };
if (names.indexOf(uri.name) === -1)
names.push(uri.name);
}
for (var j=0, name; name=names[j]; ++j)
ret[name].count++;
}
return ret;
},
/***
****
**** Compact Mode
****
***/
toggleCompactClicked: function()
{
this.setCompactMode(!this[Prefs._CompactDisplayState]);
},
setCompactMode: function(is_compact)
{
var key = Prefs._CompactDisplayState,
was_compact = this[key];
if (was_compact !== is_compact) {
this.setPref(key, is_compact);
this.onCompactModeChanged();
}
},
initCompactMode: function()
{
this.onCompactModeChanged();
},
onCompactModeChanged: function()
{
var compact = this[Prefs._CompactDisplayState];
// update the ui: footer button
$("#compact-button").toggleClass('selected',compact);
// update the ui: torrent list
this.torrentRenderer = compact ? new TorrentRendererCompact()
: new TorrentRendererFull();
this.refilter(true);
},
/***
****
**** Statistics
****
***/
// turn the periodic ajax stats refresh on & off
togglePeriodicStatsRefresh: function(enabled) {
clearInterval(this.statsInterval);
delete this.statsInterval;
if (enabled) {
var callback = $.proxy(this.loadDaemonStats,this),
msec = 5000;
this.statsInterval = setInterval(callback, msec);
}
},
loadDaemonStats: function(async) {
this.remote.loadDaemonStats(function(data) {
this.updateStats(data['arguments']);
}, this, async);
},
// Process new session stats from the server
updateStats: function(stats)
{
var s, ratio,
fmt = Transmission.fmt;
s = stats["current-stats"];
ratio = Math.ratio(s.uploadedBytes,s.downloadedBytes);
$('#stats-session-uploaded').html(fmt.size(s.uploadedBytes));
$('#stats-session-downloaded').html(fmt.size(s.downloadedBytes));
$('#stats-session-ratio').html(fmt.ratioString(ratio));
$('#stats-session-duration').html(fmt.timeInterval(s.secondsActive));
s = stats["cumulative-stats"];
ratio = Math.ratio(s.uploadedBytes,s.downloadedBytes);
$('#stats-total-count').html(s.sessionCount + " times");
$('#stats-total-uploaded').html(fmt.size(s.uploadedBytes));
$('#stats-total-downloaded').html(fmt.size(s.downloadedBytes));
$('#stats-total-ratio').html(fmt.ratioString(ratio));
$('#stats-total-duration').html(fmt.timeInterval(s.secondsActive));
},
showStatsDialog: function() {
this.loadDaemonStats();
this.hideMobileAddressbar();
this.togglePeriodicStatsRefresh(true);
$('#stats-dialog').dialog({
close: $.proxy(this.onStatsDialogClosed,this),
show: 'fade',
hide: 'fade',
title: 'Statistics'
});
},
onStatsDialogClosed: function() {
this.hideMobileAddressbar();
this.togglePeriodicStatsRefresh(false);
}
};