(trunk web) #2052: "Warning: Unresponsive Script" in Web GUI
This commit is contained in:
parent
9f612522bb
commit
a1b2c6d640
|
@ -39,9 +39,10 @@ Torrent.prototype =
|
||||||
|
|
||||||
|
|
||||||
// Create a new <li> element
|
// Create a new <li> element
|
||||||
var element = $('<li/>');
|
var top_e = document.createElement( 'li' );
|
||||||
element.addClass('torrent');
|
top_e.className = 'torrent';
|
||||||
element[0].id = 'torrent_' + data.id;
|
top_e.id = 'torrent_' + data.id;
|
||||||
|
var element = $(top_e);
|
||||||
element._torrent = this;
|
element._torrent = this;
|
||||||
this._element = element;
|
this._element = element;
|
||||||
this._controller = controller;
|
this._controller = controller;
|
||||||
|
@ -50,27 +51,27 @@ Torrent.prototype =
|
||||||
// Create the 'name' <div>
|
// Create the 'name' <div>
|
||||||
var e = document.createElement( 'div' );
|
var e = document.createElement( 'div' );
|
||||||
e.className = 'torrent_name';
|
e.className = 'torrent_name';
|
||||||
element[0].appendChild( e );
|
top_e.appendChild( e );
|
||||||
element._name_container = e;
|
element._name_container = e;
|
||||||
|
|
||||||
// Create the 'progress details' <div>
|
// Create the 'progress details' <div>
|
||||||
e = document.createElement( 'div' );
|
e = document.createElement( 'div' );
|
||||||
e.className = 'torrent_progress_details';
|
e.className = 'torrent_progress_details';
|
||||||
element[0].appendChild( e );
|
top_e.appendChild( e );
|
||||||
element._progress_details_container = e;
|
element._progress_details_container = e;
|
||||||
|
|
||||||
// Create the 'in progress' bar
|
// Create the 'in progress' bar
|
||||||
e = document.createElement( 'div' );
|
e = document.createElement( 'div' );
|
||||||
e.className = 'torrent_progress_bar incomplete';
|
e.className = 'torrent_progress_bar incomplete';
|
||||||
e.style.width = '0%';
|
e.style.width = '0%';
|
||||||
element[0].appendChild( e );
|
top_e.appendChild( e );
|
||||||
element._progress_complete_container = e;
|
element._progress_complete_container = e;
|
||||||
|
|
||||||
// Create the 'incomplete' bar (initially hidden)
|
// Create the 'incomplete' bar (initially hidden)
|
||||||
e = document.createElement( 'div' );
|
e = document.createElement( 'div' );
|
||||||
e.className = 'torrent_progress_bar incomplete';
|
e.className = 'torrent_progress_bar incomplete';
|
||||||
e.style.display = 'none';
|
e.style.display = 'none';
|
||||||
element[0].appendChild( e );
|
top_e.appendChild( e );
|
||||||
element._progress_incomplete_container = e;
|
element._progress_incomplete_container = e;
|
||||||
|
|
||||||
// Add the pause/resume button - don't specify the
|
// Add the pause/resume button - don't specify the
|
||||||
|
@ -80,7 +81,7 @@ Torrent.prototype =
|
||||||
image.className = 'torrent_pause';
|
image.className = 'torrent_pause';
|
||||||
e = document.createElement( 'a' );
|
e = document.createElement( 'a' );
|
||||||
e.appendChild( image );
|
e.appendChild( image );
|
||||||
element[0].appendChild( e );
|
top_e.appendChild( e );
|
||||||
element._pause_resume_button_image = image;
|
element._pause_resume_button_image = image;
|
||||||
//element._pause_resume_button = e;
|
//element._pause_resume_button = e;
|
||||||
if (!iPhone) $(e).bind('click', {element: element}, this.clickPauseResumeButton);
|
if (!iPhone) $(e).bind('click', {element: element}, this.clickPauseResumeButton);
|
||||||
|
@ -88,7 +89,7 @@ Torrent.prototype =
|
||||||
// Create the 'peer details' <div>
|
// Create the 'peer details' <div>
|
||||||
e = document.createElement( 'div' );
|
e = document.createElement( 'div' );
|
||||||
e.className = 'torrent_peer_details';
|
e.className = 'torrent_peer_details';
|
||||||
element[0].appendChild( e );
|
top_e.appendChild( e );
|
||||||
element._peer_details_container = e;
|
element._peer_details_container = e;
|
||||||
|
|
||||||
// Set the torrent click observer
|
// Set the torrent click observer
|
||||||
|
@ -101,13 +102,13 @@ Torrent.prototype =
|
||||||
this._element.css('margin-top', '7px');
|
this._element.css('margin-top', '7px');
|
||||||
|
|
||||||
// insert the element
|
// insert the element
|
||||||
$('#torrent_list').append(this._element);
|
this._controller._torrent_list.appendChild( top_e );
|
||||||
|
|
||||||
this._files = [];
|
this._files = [];
|
||||||
this.initializeTorrentFilesInspectorGroup();
|
this.initializeTorrentFilesInspectorGroup();
|
||||||
if(data.files){
|
if(data.files){
|
||||||
if(data.files.length == 1)
|
if(data.files.length == 1)
|
||||||
this._fileList.addClass('single_file');
|
this._fileList.className += ' single_file';
|
||||||
for (var i = 0; i < data.files.length; i++) {
|
for (var i = 0; i < data.files.length; i++) {
|
||||||
var file = data.files[i];
|
var file = data.files[i];
|
||||||
file.index = i;
|
file.index = i;
|
||||||
|
@ -116,9 +117,9 @@ Torrent.prototype =
|
||||||
file.wanted = data.fileStats[i].wanted;
|
file.wanted = data.fileStats[i].wanted;
|
||||||
var torrentFile = new TorrentFile(file);
|
var torrentFile = new TorrentFile(file);
|
||||||
this._files.push(torrentFile);
|
this._files.push(torrentFile);
|
||||||
var class = (i % 2 ? 'even' : 'odd') + ' inspector_torrent_file_list_entry';
|
var e = torrentFile.domElement();
|
||||||
torrentFile.element()[0].className = class;
|
e.className = (i % 2 ? 'even' : 'odd') + ' inspector_torrent_file_list_entry';
|
||||||
this._fileList[0].appendChild(torrentFile.element()[0]);
|
this._fileList.appendChild( e );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -127,12 +128,15 @@ Torrent.prototype =
|
||||||
},
|
},
|
||||||
|
|
||||||
initializeTorrentFilesInspectorGroup: function(length) {
|
initializeTorrentFilesInspectorGroup: function(length) {
|
||||||
this._fileList = $('<ul/>').addClass('inspector_torrent_file_list').addClass('inspector_group').hide();
|
var e = document.createElement( 'ul' );
|
||||||
$('#inspector_file_list').append(this._fileList);
|
e.className = 'inspector_torrent_file_list inspector_group';
|
||||||
|
e.style.display = 'none';
|
||||||
|
this._controller._inspector_file_list.appendChild( e );
|
||||||
|
this._fileList = e;
|
||||||
},
|
},
|
||||||
|
|
||||||
fileList: function() {
|
fileList: function() {
|
||||||
return this._fileList;
|
return $(this._fileList);
|
||||||
},
|
},
|
||||||
|
|
||||||
/*--------------------------------------------
|
/*--------------------------------------------
|
||||||
|
@ -478,8 +482,7 @@ Torrent.prototype =
|
||||||
* Return true if this torrent is selected
|
* Return true if this torrent is selected
|
||||||
*/
|
*/
|
||||||
isSelected: function() {
|
isSelected: function() {
|
||||||
var e = this.element( );
|
return this.element()[0].className.indexOf('selected') != -1;
|
||||||
return e && $.className.has( e[0], 'selected' );
|
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -669,7 +672,7 @@ TorrentFile.prototype = {
|
||||||
li.appendChild(file_div);
|
li.appendChild(file_div);
|
||||||
li.appendChild(prog_div);
|
li.appendChild(prog_div);
|
||||||
|
|
||||||
this._element = $(li);
|
this._element = li;
|
||||||
this._priority_control = $(pri_div);
|
this._priority_control = $(pri_div);
|
||||||
this._progress = $(prog_div);
|
this._progress = $(prog_div);
|
||||||
|
|
||||||
|
@ -701,6 +704,10 @@ TorrentFile.prototype = {
|
||||||
},
|
},
|
||||||
|
|
||||||
element: function() {
|
element: function() {
|
||||||
|
return $(this._element);
|
||||||
|
},
|
||||||
|
|
||||||
|
domElement: function() {
|
||||||
return this._element;
|
return this._element;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
@ -75,6 +75,9 @@ Transmission.prototype =
|
||||||
this.createSettingsMenu();
|
this.createSettingsMenu();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
this._torrent_list = $('#torrent_list')[0];
|
||||||
|
this._inspector_file_list = $('#inspector_file_list')[0];
|
||||||
|
|
||||||
// Setup the preference box
|
// Setup the preference box
|
||||||
this.setupPrefConstraints();
|
this.setupPrefConstraints();
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue