mirror of
https://github.com/transmission/transmission.git
synced 2026-04-27 12:15:13 +01:00
add the rest of Clutch to m0k.org's svn
This commit is contained in:
Charles Kerr
579
web/javascript/torrent.js
Normal file
579
web/javascript/torrent.js
Normal file
@@ -0,0 +1,579 @@
|
||||
/*
|
||||
* Copyright © Dave Perrett and Malcolm Jarvis
|
||||
* This code is licensed under the GPL version 2.
|
||||
* For details, see http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
|
||||
*
|
||||
* Class Torrent
|
||||
*/
|
||||
|
||||
function Torrent(controller,data) {
|
||||
this.initialize(controller,data);
|
||||
}
|
||||
|
||||
// Constants
|
||||
Torrent._StatusWaitingToCheck = 1;
|
||||
Torrent._StatusChecking = 2;
|
||||
Torrent._StatusDownloading = 4;
|
||||
Torrent._StatusSeeding = 8;
|
||||
Torrent._StatusPaused = 16;
|
||||
Torrent._InfiniteTimeRemaining = 215784000; // 999 Hours - may as well be infinite
|
||||
Torrent._MaxProgressBarWidth = 100; // reduce this to make the progress bar shorter (%)
|
||||
|
||||
Torrent.prototype =
|
||||
{
|
||||
/*
|
||||
* Constructor
|
||||
*/
|
||||
initialize: function(controller,data)
|
||||
{
|
||||
// Create a new <li> element
|
||||
var element = $('<li/>');
|
||||
element.addClass('torrent');
|
||||
element[0].id = 'torrent_' + data.id;
|
||||
element._torrent = this;
|
||||
this._element = element;
|
||||
this._controller = controller;
|
||||
controller._rows.push( element );
|
||||
|
||||
// Create the 'name' <div>
|
||||
var e = $('<div/>');
|
||||
e.addClass('torrent_name');
|
||||
element.append( e );
|
||||
element._name_container = e;
|
||||
|
||||
// Create the 'progress details' <div>
|
||||
e = $('<div/>');
|
||||
e.addClass('torrent_progress_details');
|
||||
element.append(e);
|
||||
element._progress_details_container = e;
|
||||
|
||||
// Create the 'in progress' bar
|
||||
e = $('<div/>');
|
||||
e.addClass('torrent_progress_bar incomplete');
|
||||
e.css('width', '0%');
|
||||
element.append( e );
|
||||
element._progress_complete_container = e;
|
||||
|
||||
// Create the 'incomplete' bar (initially hidden)
|
||||
e = $('<div/>');
|
||||
e.addClass('torrent_progress_bar incomplete');
|
||||
e.hide();
|
||||
element.append( e );
|
||||
element._progress_incomplete_container = e;
|
||||
|
||||
// Add the pause/resume button - don't specify the
|
||||
// image or alt text until the 'refresh()' function
|
||||
// (depends on torrent state)
|
||||
var image = $('<div/>');
|
||||
image.addClass('torrent_pause');
|
||||
e = $('<a/>');
|
||||
e.append( image );
|
||||
element.append( e );
|
||||
element._pause_resume_button_image = image;
|
||||
element._pause_resume_button = e;
|
||||
if (!iPhone) e.bind('click', {element: element}, this.clickPauseResumeButton);
|
||||
|
||||
// Create the 'peer details' <div>
|
||||
e = $('<div/>');
|
||||
e.addClass('torrent_peer_details');
|
||||
element.append( e );
|
||||
element._peer_details_container = e;
|
||||
|
||||
// Set the torrent click observer
|
||||
element.bind('click', {element: element}, this.clickTorrent);
|
||||
if (!iPhone) element.bind('contextmenu', {element: element}, this.rightClickTorrent);
|
||||
|
||||
// Safari hack - first torrent needs to be moved down for some reason. Seems to be ok when
|
||||
// using <li>'s in straight html, but adding through the DOM gets a bit odd.
|
||||
if ($.browser.safari)
|
||||
this._element.css('margin-top', '7px');
|
||||
|
||||
// insert the element
|
||||
$('#torrent_list').append(this._element);
|
||||
|
||||
// Update all the labels etc
|
||||
this.refresh(data);
|
||||
},
|
||||
|
||||
|
||||
/*--------------------------------------------
|
||||
*
|
||||
* S E T T E R S / G E T T E R S
|
||||
*
|
||||
*--------------------------------------------*/
|
||||
|
||||
/* Return the DOM element for this torrent (a <LI> element) */
|
||||
element: function() {
|
||||
return this._element;
|
||||
},
|
||||
|
||||
setElement: function( element ) {
|
||||
this._element = element;
|
||||
element._torrent = this;
|
||||
this.refreshHTML( );
|
||||
},
|
||||
|
||||
activity: function() { return this._download_speed + this._upload_speed; },
|
||||
comment: function() { return this._comment; },
|
||||
completed: function() { return this._completed; },
|
||||
creator: function() { return this._creator; },
|
||||
dateAdded: function() { return this._date; },
|
||||
downloadSpeed: function() { return this._download_speed; },
|
||||
downloadTotal: function() { return this._download_total; },
|
||||
errorMessage: function() { return this._error_message; },
|
||||
hash: function() { return this._hashString; },
|
||||
id: function() { return this._id; },
|
||||
isActive: function() { return this.state() != Torrent._StatusPaused; },
|
||||
isDownloading: function() { return this.state() == Torrent._StatusDownloading; },
|
||||
isSeeding: function() { return this.state() == Torrent._StatusSeeding; },
|
||||
name: function() { return this._name; },
|
||||
peersDownloading: function() { return this._peers_downloading; },
|
||||
peersUploading: function() { return this._peers_uploading; },
|
||||
size: function() { return this._size; },
|
||||
state: function() { return this._state; },
|
||||
stateStr: function() {
|
||||
switch( this.state() ) {
|
||||
case Torrent._StatusSeeding: return 'Seeding';
|
||||
case Torrent._StatusDownloading: return 'Downloading';
|
||||
case Torrent._StatusPaused: return 'Paused';
|
||||
case Torrent._StatusChecking: return 'Verifying local data';
|
||||
case Torrent._StatusWaitingToCheck: return 'Waiting to verify';
|
||||
default: return 'error';
|
||||
}
|
||||
},
|
||||
swarmSpeed: function() { return this._swarm_speed; },
|
||||
totalLeechers: function() { return this._total_leechers; },
|
||||
totalSeeders: function() { return this._total_seeders; },
|
||||
uploadSpeed: function() { return this._upload_speed; },
|
||||
uploadTotal: function() { return this._upload_total; },
|
||||
|
||||
/*--------------------------------------------
|
||||
*
|
||||
* E V E N T F U N C T I O N S
|
||||
*
|
||||
*--------------------------------------------*/
|
||||
|
||||
/*
|
||||
* Process a right-click event on this torrent
|
||||
*/
|
||||
rightClickTorrent: function(event)
|
||||
{
|
||||
// don't stop the event! need it for the right-click menu
|
||||
|
||||
var t = event.data.element._torrent;
|
||||
if ( !t.isSelected( ) )
|
||||
t._controller.setSelectedTorrent( t );
|
||||
},
|
||||
|
||||
/*
|
||||
* Process a click event on this torrent
|
||||
*/
|
||||
clickTorrent: function( event )
|
||||
{
|
||||
// Prevents click carrying to parent element
|
||||
// which deselects all on click
|
||||
event.stopPropagation();
|
||||
var torrent = event.data.element._torrent;
|
||||
|
||||
// 'Apple' button emulation on PC :
|
||||
// Need settable meta-key and ctrl-key variables for mac emulation
|
||||
var meta_key = event.metaKey
|
||||
var ctrl_key = event.ctrlKey
|
||||
if (event.ctrlKey && navigator.appVersion.toLowerCase().indexOf("mac") == -1) {
|
||||
meta_key = true;
|
||||
ctrl_key = false;
|
||||
}
|
||||
|
||||
// Shift-Click - Highlight a range between this torrent and the last-clicked torrent
|
||||
if (iPhone) {
|
||||
torrent._controller.setSelectedTorrent( torrent, true );
|
||||
|
||||
} else if (event.shiftKey) {
|
||||
torrent._controller.selectRange( torrent, true );
|
||||
// Need to deselect any selected text
|
||||
window.focus();
|
||||
|
||||
// Apple-Click, not selected
|
||||
} else if (!torrent.isSelected() && meta_key) {
|
||||
torrent._controller.selectTorrent( torrent, true );
|
||||
|
||||
// Regular Click, not selected
|
||||
} else if (!torrent.isSelected()) {
|
||||
torrent._controller.setSelectedTorrent( torrent, true );
|
||||
|
||||
// Apple-Click, selected
|
||||
} else if (torrent.isSelected() && meta_key) {
|
||||
torrent._controller.deselectTorrent( torrent, true );
|
||||
|
||||
// Regular Click, selected
|
||||
} else if (torrent.isSelected()) {
|
||||
torrent._controller.setSelectedTorrent( torrent, true );
|
||||
}
|
||||
|
||||
torrent._controller.setLastTorrentClicked(torrent);
|
||||
},
|
||||
|
||||
/*
|
||||
* Process a click event on the pause/resume button
|
||||
*/
|
||||
clickPauseResumeButton: function( event )
|
||||
{
|
||||
// prevent click event resulting in selection of torrent
|
||||
event.stopPropagation();
|
||||
|
||||
// either stop or start the torrent
|
||||
var torrent = event.data.element._torrent;
|
||||
if( torrent.isActive( ) )
|
||||
torrent._controller.stopTorrent( torrent );
|
||||
else
|
||||
torrent._controller.startTorrent( torrent );
|
||||
},
|
||||
|
||||
/*--------------------------------------------
|
||||
*
|
||||
* I N T E R F A C E F U N C T I O N S
|
||||
*
|
||||
*--------------------------------------------*/
|
||||
|
||||
refresh: function(data) {
|
||||
this.refreshData( data );
|
||||
this.refreshHTML( );
|
||||
},
|
||||
|
||||
/*
|
||||
* Refresh display
|
||||
*/
|
||||
refreshData: function(data)
|
||||
{
|
||||
// These variables never change after the inital load
|
||||
if (data.isPrivate) this._is_private = data.isPrivate;
|
||||
if (data.hashString) this._hashString = data.hashString;
|
||||
if (data.addedDate) this._date = data.addedDate;
|
||||
if (data.totalSize) this._size = data.totalSize;
|
||||
if (data.announceURL) this._tracker = data.announceURL;
|
||||
if (data.comment) this._comment = data.comment;
|
||||
if (data.creator) this._creator = data.creator;
|
||||
if (data.dateCreated) this._creator_date = data.dateCreated;
|
||||
if (data.path) this._torrent_file = data.path;//FIXME
|
||||
if (data.name) {
|
||||
this._name = data.name;
|
||||
this._name_lc = this._name.toLowerCase( );
|
||||
}
|
||||
|
||||
// Set the regularly-changing torrent variables
|
||||
this._id = data.id;
|
||||
this._completed = data.haveUnchecked + data.haveValid;
|
||||
this._verified = data.haveValid;
|
||||
this._download_total = data.downloadedEver;
|
||||
this._upload_total = data.uploadedEver;
|
||||
this._download_speed = data.rateDownload;
|
||||
this._upload_speed = data.rateUpload;
|
||||
this._peers_downloading = data.peersGettingFromUs;
|
||||
this._peers_uploading = data.peersSendingToUs;
|
||||
this._peers_total = data.peersKnown;
|
||||
this._error = data.error;
|
||||
this._error_message = data.errorString;
|
||||
this._eta = data.eta;
|
||||
this._swarm_speed = data.swarmSpeed;
|
||||
this._total_leechers = data.leechers;
|
||||
this._total_seeders = data.seeders;
|
||||
this._state = data.status;
|
||||
|
||||
// Get -1 returned sometimes (maybe torrents with errors?)
|
||||
if( this._total_leechers < 0 )
|
||||
this._total_leechers = 0;
|
||||
if( this._total_seeders < 0 )
|
||||
this._total_seeders = 0;
|
||||
},
|
||||
|
||||
refreshHTML: function()
|
||||
{
|
||||
var progress_details;
|
||||
var peer_details;
|
||||
var root = this._element;
|
||||
|
||||
setInnerHTML( root._name_container[0], this._name );
|
||||
|
||||
// Figure out the percent completed
|
||||
var percent = Math.min( 1.0, ( this._completed / this._size ) );
|
||||
var css_completed_width = Math.floor( percent * Torrent._MaxProgressBarWidth );
|
||||
|
||||
// Add the progress bar
|
||||
var notDone = this._completed < this._size;
|
||||
if( notDone )
|
||||
{
|
||||
var eta = '';
|
||||
|
||||
if( this.isActive( ) )
|
||||
{
|
||||
eta = '-';
|
||||
if (this._eta < 0 || this._eta >= Torrent._InfiniteTimeRemaining )
|
||||
eta += 'remaining time unknown';
|
||||
else
|
||||
eta += Math.formatSeconds(this._eta) + ' remaining';
|
||||
}
|
||||
|
||||
// Create the 'progress details' label
|
||||
// Eg: '101 MB of 631 MB (16.02%) - 2 hr remaining'
|
||||
progress_details = Math.formatBytes( this._completed )
|
||||
+ ' of '
|
||||
+ Math.formatBytes( this._size )
|
||||
+ ' ('
|
||||
+ Math.ratio( this._completed, this._size )
|
||||
+ '%)'
|
||||
+ eta;
|
||||
|
||||
// Update the 'in progress' bar
|
||||
var class_name = (this.isActive()) ? 'in_progress' : 'incomplete_stopped';
|
||||
var e = root._progress_complete_container;
|
||||
e.removeClass();
|
||||
e.addClass('torrent_progress_bar');
|
||||
e.addClass(class_name);
|
||||
e.css('width', css_completed_width + '%');
|
||||
|
||||
// Update the 'incomplete' bar
|
||||
e = root._progress_incomplete_container;
|
||||
if( !e.is('.incomplete')) {
|
||||
e.removeClass();
|
||||
e.addClass('torrent_progress_bar in_progress');
|
||||
}
|
||||
e.css('width', (Torrent._MaxProgressBarWidth - css_completed_width) + '%');
|
||||
e.show();
|
||||
|
||||
// Create the 'peer details' label
|
||||
// Eg: 'Downloading from 36 of 40 peers - DL: 60.2 KB/s UL: 4.3 KB/s'
|
||||
if( !this.isDownloading( ) )
|
||||
peer_details = this.stateStr( );
|
||||
else {
|
||||
peer_details = 'Downloading from '
|
||||
+ this._peers_downloading
|
||||
+ ' of '
|
||||
+ this._peers_total
|
||||
+ ' peers - DL: '
|
||||
+ Math.formatBytes(this._download_speed)
|
||||
+ '/s UL: '
|
||||
+ Math.formatBytes(this._upload_speed)
|
||||
+ '/s';
|
||||
}
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
// Update the 'in progress' bar
|
||||
var class_name = (this.isActive()) ? 'complete' : 'complete_stopped';
|
||||
var e = root._progress_complete_container;
|
||||
e.removeClass();
|
||||
e.addClass('torrent_progress_bar ' + class_name );
|
||||
|
||||
// Create the 'progress details' label
|
||||
// Eg: '698.05 MB, uploaded 8.59 GB (Ratio: 12.3)'
|
||||
progress_details = Math.formatBytes( this._size )
|
||||
+ ', uploaded ';
|
||||
+ Math.formatBytes( this._upload_total )
|
||||
+ ' (Ratio '
|
||||
+ Math.ratio( this._upload_total, this._download_total )
|
||||
+ ')';
|
||||
|
||||
// Hide the 'incomplete' bar
|
||||
root._progress_incomplete_container.hide();
|
||||
|
||||
// Set progress to maximum
|
||||
root._progress_complete_container.css('width', Torrent._MaxProgressBarWidth + '%');
|
||||
|
||||
// Create the 'peer details' label
|
||||
// Eg: 'Seeding to 13 of 22 peers - UL: 36.2 KB/s'
|
||||
if( !this.isSeeding( ) )
|
||||
peer_details = this.stateStr( );
|
||||
else
|
||||
peer_details = 'Seeding to '
|
||||
+ this._peers_uploading
|
||||
+ ' of '
|
||||
+ this._peers_total
|
||||
+ ' peers - UL: '
|
||||
+ Math.formatBytes(this._upload_speed)
|
||||
+ '/s';
|
||||
}
|
||||
|
||||
// Update the progress details
|
||||
setInnerHTML( root._progress_details_container[0], progress_details );
|
||||
|
||||
// Update the peer details and pause/resume button
|
||||
e = root._pause_resume_button_image[0];
|
||||
if ( this.state() == Torrent._StatusPaused ) {
|
||||
e.alt = 'Resume';
|
||||
e.className = "torrent_resume";
|
||||
} else {
|
||||
e.alt = 'Pause';
|
||||
e.className = "torrent_pause";
|
||||
}
|
||||
|
||||
if( this._error_message &&
|
||||
this._error_message != '' &&
|
||||
this._error_message != 'other' ) {
|
||||
peer_details = this._error_message;
|
||||
}
|
||||
|
||||
setInnerHTML( root._peer_details_container[0], peer_details );
|
||||
},
|
||||
|
||||
/*
|
||||
* Return true if this torrent is selected
|
||||
*/
|
||||
isSelected: function() {
|
||||
var e = this.element( );
|
||||
return e && $.className.has( e[0], 'selected' );
|
||||
},
|
||||
|
||||
/**
|
||||
* @param filter one of Prefs._Filter*
|
||||
* @param search substring to look for, or null
|
||||
* @return true if it passes the test, false if it fails
|
||||
*/
|
||||
test: function( filter, search )
|
||||
{
|
||||
var pass = false;
|
||||
|
||||
switch( filter )
|
||||
{
|
||||
case Prefs._FilterSeeding:
|
||||
pass = this.isSeeding();
|
||||
break;
|
||||
case Prefs._FilterDownloading:
|
||||
pass = this.isDownloading();
|
||||
break;
|
||||
case Prefs._FilterPaused:
|
||||
pass = !this.isActive();
|
||||
break;
|
||||
default:
|
||||
pass = true;
|
||||
break;
|
||||
}
|
||||
|
||||
if( !pass )
|
||||
return false;
|
||||
|
||||
if( !search || !search.length )
|
||||
return pass;
|
||||
|
||||
var pos = this._name_lc.indexOf( search.toLowerCase() );
|
||||
pass = pos != -1;
|
||||
return pass;
|
||||
}
|
||||
};
|
||||
|
||||
/** Helper function for Torrent.sortTorrents(). */
|
||||
Torrent.compareById = function( a, b ) {
|
||||
return a.id() - b.id();
|
||||
};
|
||||
|
||||
/** Helper function for sortTorrents(). */
|
||||
Torrent.compareByAge = function( a, b ) {
|
||||
return a.dateAdded() - b.dateAdded();
|
||||
};
|
||||
|
||||
/** Helper function for sortTorrents(). */
|
||||
Torrent.compareByName = function( a, b ) {
|
||||
return a._name_lc.compareTo( b._name_lc );
|
||||
};
|
||||
|
||||
/** Helper function for sortTorrents(). */
|
||||
Torrent.compareByTracker = function( a, b ) {
|
||||
return a._tracker.compareTo( b._tracker );
|
||||
};
|
||||
|
||||
/** Helper function for sortTorrents(). */
|
||||
Torrent.compareByState = function( a, b ) {
|
||||
return a.state() - b.state();
|
||||
};
|
||||
|
||||
/** Helper function for sortTorrents(). */
|
||||
Torrent.compareByActivity = function( a, b ) {
|
||||
return a.activity() - b.activity();
|
||||
};
|
||||
|
||||
/** Helper function for sortTorrents(). */
|
||||
Torrent.compareByProgress = function( a, b ) {
|
||||
var a_prog = Math.ratio( a._completed, a._size );
|
||||
var b_prog = Math.ratio( b._completed, b._size );
|
||||
if( a_prog !== b_prog )
|
||||
return a_prog - b_prog;
|
||||
var a_ratio = Math.ratio( a._upload_total, a._download_total );
|
||||
var b_ratio = Math.ratio( b._upload_total, b._download_total );
|
||||
return a_ratio - b_ratio;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param torrents an array of Torrent objects
|
||||
* @param sortMethod one of Prefs._SortBy*
|
||||
* @param sortDirection Prefs._SortAscending or Prefs._SortDescending
|
||||
*/
|
||||
Torrent.sortTorrents = function( torrents, sortMethod, sortDirection )
|
||||
{
|
||||
switch( sortMethod )
|
||||
{
|
||||
case Prefs._SortByActivity:
|
||||
torrents.sort( this.compareByActivity );
|
||||
break;
|
||||
case Prefs._SortByAge:
|
||||
torrents.sort( this.compareByAge );
|
||||
break;
|
||||
case Prefs._SortByQueue:
|
||||
torrents.sort( this.compareById );
|
||||
break;
|
||||
case Prefs._SortByProgress:
|
||||
torrents.sort( this.compareByProgress );
|
||||
break;
|
||||
case Prefs._SortByState:
|
||||
torrents.sort( this.compareByState );
|
||||
break;
|
||||
case Prefs._SortByTracker:
|
||||
torrents.sort( this.compareByTracker );
|
||||
break;
|
||||
case Prefs._SortByName:
|
||||
torrents.sort( this.compareByName );
|
||||
break;
|
||||
default:
|
||||
console.warn( "unknown sort method: " + sortMethod );
|
||||
break;
|
||||
}
|
||||
|
||||
if( sortDirection == Prefs._SortDescending )
|
||||
torrents.reverse( );
|
||||
|
||||
return torrents;
|
||||
};
|
||||
|
||||
/**
|
||||
* @brief fast binary search to find a torrent
|
||||
* @param torrents an array of torrents sorted by Id
|
||||
* @param id the id to search for
|
||||
* @return the index, or -1
|
||||
*/
|
||||
Torrent.indexOf = function( torrents, id )
|
||||
{
|
||||
var low = 0;
|
||||
var high = torrents.length;
|
||||
while( low < high ) {
|
||||
var mid = Math.floor( ( low + high ) / 2 );
|
||||
if( torrents[mid].id() < id )
|
||||
low = mid + 1;
|
||||
else
|
||||
high = mid;
|
||||
}
|
||||
if( ( low < torrents.length ) && ( torrents[low].id() == id ) ) {
|
||||
return low;
|
||||
} else {
|
||||
return -1; // not found
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* @param torrents an array of torrents sorted by Id
|
||||
* @param id the id to search for
|
||||
* @return the torrent, or null
|
||||
*/
|
||||
Torrent.lookup = function( torrents, id )
|
||||
{
|
||||
var pos = Torrent.indexOf( torrents, id );
|
||||
return pos >= 0 ? torrents[pos] : null;
|
||||
};
|
||||
Reference in New Issue
Block a user