mirror of
https://github.com/d47081/qBittorrent.git
synced 2025-01-12 15:57:57 +00:00
WebUI: Fix indentation.
Fix indentation in client.js and dynamicTable.js.
This commit is contained in:
Vladimir Golovnev (Glassez)
parent
1a1db877bf
commit
0488ddafa5
@ -23,252 +23,269 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
myTable = new dynamicTable();
|
myTable = new dynamicTable();
|
||||||
ajaxfn = function(){};
|
ajaxfn = function () {};
|
||||||
setSortedColumn = function(index){
|
setSortedColumn = function (index) {
|
||||||
myTable.setSortedColumn(index);
|
myTable.setSortedColumn(index);
|
||||||
};
|
};
|
||||||
|
|
||||||
window.addEvent('load', function(){
|
window.addEvent('load', function () {
|
||||||
|
|
||||||
var saveColumnSizes = function() {
|
var saveColumnSizes = function () {
|
||||||
var filters_width = $('Filters').getSize().x;
|
var filters_width = $('Filters').getSize().x;
|
||||||
var properties_height = $('propertiesPanel').getSize().y;
|
var properties_height = $('propertiesPanel').getSize().y;
|
||||||
localStorage.setItem('filters_width', filters_width);
|
localStorage.setItem('filters_width', filters_width);
|
||||||
localStorage.setItem('properties_height', properties_height);
|
localStorage.setItem('properties_height', properties_height);
|
||||||
}
|
|
||||||
|
|
||||||
/*MochaUI.Desktop = new MochaUI.Desktop();
|
|
||||||
MochaUI.Desktop.desktop.setStyles({
|
|
||||||
'background': '#fff',
|
|
||||||
'visibility': 'visible'
|
|
||||||
});*/
|
|
||||||
MochaUI.Desktop.initialize();
|
|
||||||
|
|
||||||
var filt_w = localStorage.getItem('filters_width');
|
|
||||||
if($defined(filt_w))
|
|
||||||
filt_w = filt_w.toInt();
|
|
||||||
else
|
|
||||||
filt_w = 120;
|
|
||||||
new MochaUI.Column({
|
|
||||||
id: 'filtersColumn',
|
|
||||||
placement: 'left',
|
|
||||||
onResize: saveColumnSizes,
|
|
||||||
width: filt_w,
|
|
||||||
resizeLimit: [100, 300]
|
|
||||||
});
|
|
||||||
new MochaUI.Column({
|
|
||||||
id: 'mainColumn',
|
|
||||||
placement: 'main',
|
|
||||||
width: null,
|
|
||||||
resizeLimit: [100, 300]
|
|
||||||
});
|
|
||||||
MochaUI.Desktop.setDesktopSize();
|
|
||||||
new MochaUI.Panel({
|
|
||||||
id: 'Filters',
|
|
||||||
title: 'Panel',
|
|
||||||
header: false,
|
|
||||||
padding: { top: 0, right: 0, bottom: 0, left: 0 },
|
|
||||||
loadMethod: 'xhr',
|
|
||||||
contentURL: 'filters.html',
|
|
||||||
column: 'filtersColumn',
|
|
||||||
height: 300
|
|
||||||
});
|
|
||||||
initializeWindows();
|
|
||||||
var r=0;
|
|
||||||
var waiting=false;
|
|
||||||
var waitingTrInfo = false;
|
|
||||||
|
|
||||||
var stateToImg = function(state){
|
|
||||||
if(state == "pausedUP" || state == "pausedDL") {
|
|
||||||
state = "paused";
|
|
||||||
} else {
|
|
||||||
if(state == "queuedUP" || state == "queuedDL") {
|
|
||||||
state = "queued";
|
|
||||||
} else {
|
|
||||||
if(state == "checkingUP" || state == "checkingDL") {
|
|
||||||
state = "checking";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
return 'images/skin/'+state+'.png';
|
|
||||||
};
|
|
||||||
var loadTransferInfo = function() {
|
|
||||||
var url = 'json/transferInfo';
|
|
||||||
if(!waitingTrInfo) {
|
|
||||||
waitingTrInfo = true;
|
|
||||||
var request = new Request.JSON({
|
|
||||||
url: url,
|
|
||||||
noCache: true,
|
|
||||||
method: 'get',
|
|
||||||
onFailure: function() {
|
|
||||||
$('error_div').set('html', '_(qBittorrent client is not reachable)');
|
|
||||||
waitingTrInfo=false;
|
|
||||||
loadTransferInfo.delay(4000);
|
|
||||||
},
|
|
||||||
onSuccess: function(info) {
|
|
||||||
if(info) {
|
|
||||||
$("DlInfos").set('html', "_(D: %1 - T: %2)".replace("%1", friendlyUnit(info.dl_info_speed, true))
|
|
||||||
.replace("%2", friendlyUnit(info.dl_info_data, false)));
|
|
||||||
$("UpInfos").set('html', "_(U: %1 - T: %2)".replace("%1", friendlyUnit(info.up_info_speed, true))
|
|
||||||
.replace("%2", friendlyUnit(info.up_info_data, false)));
|
|
||||||
if(localStorage.getItem('speed_in_browser_title_bar') == 'true')
|
|
||||||
document.title = "_(D:%1 U:%2)".replace("%1", friendlyUnit(info.dl_info_speed, true)).replace("%2", friendlyUnit(info.up_info_speed, true));
|
|
||||||
else
|
|
||||||
document.title = "_(qBittorrent web User Interface)";
|
|
||||||
waitingTrInfo=false;
|
|
||||||
loadTransferInfo.delay(3000);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}).send();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
$('DlInfos').addEvent('click', globalDownloadLimitFN);
|
|
||||||
$('UpInfos').addEvent('click', globalUploadLimitFN);
|
|
||||||
|
|
||||||
var ajaxfn = function(){
|
/*MochaUI.Desktop = new MochaUI.Desktop();
|
||||||
var queueing_enabled = false;
|
MochaUI.Desktop.desktop.setStyles({
|
||||||
var url = 'json/torrents';
|
'background': '#fff',
|
||||||
if (!waiting){
|
'visibility': 'visible'
|
||||||
waiting=true;
|
});*/
|
||||||
var request = new Request.JSON({
|
MochaUI.Desktop.initialize();
|
||||||
url: url,
|
|
||||||
noCache: true,
|
var filt_w = localStorage.getItem('filters_width');
|
||||||
method: 'get',
|
if ($defined(filt_w))
|
||||||
onFailure: function() {
|
filt_w = filt_w.toInt();
|
||||||
$('error_div').set('html', '_(qBittorrent client is not reachable)');
|
|
||||||
waiting=false;
|
|
||||||
ajaxfn.delay(2000);
|
|
||||||
},
|
|
||||||
onSuccess: function(events) {
|
|
||||||
$('error_div').set('html', '');
|
|
||||||
if(events){
|
|
||||||
// Add new torrents or update them
|
|
||||||
torrent_hashes = myTable.getRowIds();
|
|
||||||
events_hashes = new Array();
|
|
||||||
events.each(function(event){
|
|
||||||
events_hashes[events_hashes.length] = event.hash;
|
|
||||||
var row = new Array();
|
|
||||||
var data = new Array();
|
|
||||||
row.length = 10;
|
|
||||||
row[0] = stateToImg(event.state);
|
|
||||||
row[1] = event.name;
|
|
||||||
row[2] = event.priority > -1 ? event.priority : null;
|
|
||||||
data[2] = event.priority;
|
|
||||||
row[3] = friendlyUnit(event.size, false);
|
|
||||||
data[3] = event.size;
|
|
||||||
row[4] = (event.progress*100).round(1);
|
|
||||||
if(row[4] == 100.0 && event.progress != 1.0)
|
|
||||||
row[4] = 99.9;
|
|
||||||
data[4] = event.progress;
|
|
||||||
row[5] = event.num_seeds;
|
|
||||||
if (event.num_complete != -1)
|
|
||||||
row[5] += " (" + event.num_complete + ")";
|
|
||||||
data[5] = event.num_seeds;
|
|
||||||
row[6] = event.num_leechs;
|
|
||||||
if (event.num_incomplete != -1)
|
|
||||||
row[6] += " (" + event.num_incomplete + ")";
|
|
||||||
data[6] = event.num_leechs;
|
|
||||||
row[7] = friendlyUnit(event.dlspeed, true);
|
|
||||||
data[7] = event.dlspeed;
|
|
||||||
row[8] = friendlyUnit(event.upspeed, true);
|
|
||||||
data[8] = event.upspeed;
|
|
||||||
row[9] = friendlyDuration(event.eta);
|
|
||||||
data[9] = event.eta
|
|
||||||
if(event.ratio == -1)
|
|
||||||
row[10] = "∞";
|
|
||||||
else
|
|
||||||
row[10] = (Math.floor(100 * event.ratio) / 100).toFixed(2); //Don't round up
|
|
||||||
data[10] = event.ratio;
|
|
||||||
if(row[2] != null)
|
|
||||||
queueing_enabled = true;
|
|
||||||
if(!torrent_hashes.contains(event.hash)) {
|
|
||||||
// New unfinished torrent
|
|
||||||
torrent_hashes[torrent_hashes.length] = event.hash;
|
|
||||||
//alert("Inserting row");
|
|
||||||
myTable.insertRow(event.hash, row, data, event.state);
|
|
||||||
} else {
|
|
||||||
// Update torrent data
|
|
||||||
myTable.updateRow(event.hash, row, data, event.state);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
// Remove deleted torrents
|
|
||||||
torrent_hashes.each(function(hash){
|
|
||||||
if(!events_hashes.contains(hash)) {
|
|
||||||
myTable.removeRow(hash);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if(queueing_enabled) {
|
|
||||||
$('queueingButtons').removeClass('invisible');
|
|
||||||
myTable.showPriority();
|
|
||||||
} else {
|
|
||||||
$('queueingButtons').addClass('invisible');
|
|
||||||
myTable.hidePriority();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
waiting=false;
|
|
||||||
ajaxfn.delay(1500);
|
|
||||||
}
|
|
||||||
}).send();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
new MochaUI.Panel({
|
|
||||||
id: 'transferList',
|
|
||||||
title: 'Panel',
|
|
||||||
header: false,
|
|
||||||
padding: { top: 0, right: 0, bottom: 0, left: 0 },
|
|
||||||
loadMethod: 'xhr',
|
|
||||||
contentURL: 'transferlist.html',
|
|
||||||
onContentLoaded: function() {
|
|
||||||
ajaxfn();
|
|
||||||
},
|
|
||||||
column: 'mainColumn',
|
|
||||||
onResize: saveColumnSizes,
|
|
||||||
height: null
|
|
||||||
});
|
|
||||||
var prop_h = localStorage.getItem('properties_height');
|
|
||||||
if($defined(prop_h))
|
|
||||||
prop_h = prop_h.toInt();
|
|
||||||
else
|
else
|
||||||
prop_h = Window.getSize().y / 2.;
|
filt_w = 120;
|
||||||
|
new MochaUI.Column({
|
||||||
|
id : 'filtersColumn',
|
||||||
|
placement : 'left',
|
||||||
|
onResize : saveColumnSizes,
|
||||||
|
width : filt_w,
|
||||||
|
resizeLimit : [100, 300]
|
||||||
|
});
|
||||||
|
new MochaUI.Column({
|
||||||
|
id : 'mainColumn',
|
||||||
|
placement : 'main',
|
||||||
|
width : null,
|
||||||
|
resizeLimit : [100, 300]
|
||||||
|
});
|
||||||
|
MochaUI.Desktop.setDesktopSize();
|
||||||
new MochaUI.Panel({
|
new MochaUI.Panel({
|
||||||
id: 'propertiesPanel',
|
id : 'Filters',
|
||||||
title: 'Panel',
|
title : 'Panel',
|
||||||
header: true,
|
header : false,
|
||||||
padding: { top: 0, right: 0, bottom: 0, left: 0 },
|
padding : {
|
||||||
contentURL: 'prop-general.html',
|
top : 0,
|
||||||
require: {
|
right : 0,
|
||||||
css: ['css/Tabs.css']
|
bottom : 0,
|
||||||
},
|
left : 0
|
||||||
tabsURL: 'properties.html',
|
},
|
||||||
column: 'mainColumn',
|
loadMethod : 'xhr',
|
||||||
height: prop_h
|
contentURL : 'filters.html',
|
||||||
});
|
column : 'filtersColumn',
|
||||||
//ajaxfn();
|
height : 300
|
||||||
loadTransferInfo();
|
});
|
||||||
|
initializeWindows();
|
||||||
|
var r = 0;
|
||||||
|
var waiting = false;
|
||||||
|
var waitingTrInfo = false;
|
||||||
|
|
||||||
setFilter = function(f) {
|
var stateToImg = function (state) {
|
||||||
// Visually Select the right filter
|
if (state == "pausedUP" || state == "pausedDL") {
|
||||||
$("all_filter").removeClass("selectedFilter");
|
state = "paused";
|
||||||
$("downloading_filter").removeClass("selectedFilter");
|
} else {
|
||||||
$("completed_filter").removeClass("selectedFilter");
|
if (state == "queuedUP" || state == "queuedDL") {
|
||||||
$("paused_filter").removeClass("selectedFilter");
|
state = "queued";
|
||||||
$("active_filter").removeClass("selectedFilter");
|
} else {
|
||||||
$("inactive_filter").removeClass("selectedFilter");
|
if (state == "checkingUP" || state == "checkingDL") {
|
||||||
$(f+"_filter").addClass("selectedFilter");
|
state = "checking";
|
||||||
myTable.setFilter(f);
|
}
|
||||||
ajaxfn();
|
}
|
||||||
localStorage.setItem('selected_filter', f);
|
}
|
||||||
}
|
return 'images/skin/' + state + '.png';
|
||||||
|
};
|
||||||
|
var loadTransferInfo = function () {
|
||||||
|
var url = 'json/transferInfo';
|
||||||
|
if (!waitingTrInfo) {
|
||||||
|
waitingTrInfo = true;
|
||||||
|
var request = new Request.JSON({
|
||||||
|
url : url,
|
||||||
|
noCache : true,
|
||||||
|
method : 'get',
|
||||||
|
onFailure : function () {
|
||||||
|
$('error_div').set('html', '_(qBittorrent client is not reachable)');
|
||||||
|
waitingTrInfo = false;
|
||||||
|
loadTransferInfo.delay(4000);
|
||||||
|
},
|
||||||
|
onSuccess : function (info) {
|
||||||
|
if (info) {
|
||||||
|
$("DlInfos").set('html', "_(D: %1 - T: %2)"
|
||||||
|
.replace("%1", friendlyUnit(info.dl_info_speed, true))
|
||||||
|
.replace("%2", friendlyUnit(info.dl_info_data, false)));
|
||||||
|
$("UpInfos").set('html', "_(U: %1 - T: %2)"
|
||||||
|
.replace("%1", friendlyUnit(info.up_info_speed, true))
|
||||||
|
.replace("%2", friendlyUnit(info.up_info_data, false)));
|
||||||
|
if(localStorage.getItem('speed_in_browser_title_bar') == 'true')
|
||||||
|
document.title = "_(D:%1 U:%2)".replace("%1", friendlyUnit(info.dl_info_speed, true)).replace("%2", friendlyUnit(info.up_info_speed, true));
|
||||||
|
else
|
||||||
|
document.title = "_(qBittorrent web User Interface)";
|
||||||
|
waitingTrInfo = false;
|
||||||
|
loadTransferInfo.delay(3000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}).send();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
$('DlInfos').addEvent('click', globalDownloadLimitFN);
|
||||||
|
$('UpInfos').addEvent('click', globalUploadLimitFN);
|
||||||
|
|
||||||
|
var ajaxfn = function () {
|
||||||
|
var queueing_enabled = false;
|
||||||
|
var url = 'json/torrents';
|
||||||
|
if (!waiting) {
|
||||||
|
waiting = true;
|
||||||
|
var request = new Request.JSON({
|
||||||
|
url : url,
|
||||||
|
noCache : true,
|
||||||
|
method : 'get',
|
||||||
|
onFailure : function () {
|
||||||
|
$('error_div').set('html', '_(qBittorrent client is not reachable)');
|
||||||
|
waiting = false;
|
||||||
|
ajaxfn.delay(2000);
|
||||||
|
},
|
||||||
|
onSuccess : function (events) {
|
||||||
|
$('error_div').set('html', '');
|
||||||
|
if (events) {
|
||||||
|
// Add new torrents or update them
|
||||||
|
torrent_hashes = myTable.getRowIds();
|
||||||
|
events_hashes = new Array();
|
||||||
|
events.each(function (event) {
|
||||||
|
events_hashes[events_hashes.length] = event.hash;
|
||||||
|
var row = new Array();
|
||||||
|
var data = new Array();
|
||||||
|
row.length = 10;
|
||||||
|
row[0] = stateToImg(event.state);
|
||||||
|
row[1] = event.name;
|
||||||
|
row[2] = event.priority > -1 ? event.priority : null;
|
||||||
|
data[2] = event.priority;
|
||||||
|
row[3] = friendlyUnit(event.size, false);
|
||||||
|
data[3] = event.size;
|
||||||
|
row[4] = (event.progress * 100).round(1);
|
||||||
|
if (row[4] == 100.0 && event.progress != 1.0)
|
||||||
|
row[4] = 99.9;
|
||||||
|
data[4] = event.progress;
|
||||||
|
row[5] = event.num_seeds;
|
||||||
|
if (event.num_complete != -1)
|
||||||
|
row[5] += " (" + event.num_complete + ")";
|
||||||
|
data[5] = event.num_seeds;
|
||||||
|
row[6] = event.num_leechs;
|
||||||
|
if (event.num_incomplete != -1)
|
||||||
|
row[6] += " (" + event.num_incomplete + ")";
|
||||||
|
data[6] = event.num_leechs;
|
||||||
|
row[7] = friendlyUnit(event.dlspeed, true);
|
||||||
|
data[7] = event.dlspeed;
|
||||||
|
row[8] = friendlyUnit(event.upspeed, true);
|
||||||
|
data[8] = event.upspeed;
|
||||||
|
row[9] = friendlyDuration(event.eta);
|
||||||
|
data[9] = event.eta;
|
||||||
|
if (event.ratio == -1)
|
||||||
|
row[10] = "∞";
|
||||||
|
else
|
||||||
|
row[10] = (Math.floor(100 * event.ratio) / 100).toFixed(2); //Don't round up
|
||||||
|
data[10] = event.ratio;
|
||||||
|
if (row[2] != null)
|
||||||
|
queueing_enabled = true;
|
||||||
|
if (!torrent_hashes.contains(event.hash)) {
|
||||||
|
// New unfinished torrent
|
||||||
|
torrent_hashes[torrent_hashes.length] = event.hash;
|
||||||
|
//alert("Inserting row");
|
||||||
|
myTable.insertRow(event.hash, row, data, event.state);
|
||||||
|
} else {
|
||||||
|
// Update torrent data
|
||||||
|
myTable.updateRow(event.hash, row, data, event.state);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// Remove deleted torrents
|
||||||
|
torrent_hashes.each(function (hash) {
|
||||||
|
if (!events_hashes.contains(hash)) {
|
||||||
|
myTable.removeRow(hash);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (queueing_enabled) {
|
||||||
|
$('queueingButtons').removeClass('invisible');
|
||||||
|
myTable.showPriority();
|
||||||
|
} else {
|
||||||
|
$('queueingButtons').addClass('invisible');
|
||||||
|
myTable.hidePriority();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
waiting = false;
|
||||||
|
ajaxfn.delay(1500);
|
||||||
|
}
|
||||||
|
}).send();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
new MochaUI.Panel({
|
||||||
|
id : 'transferList',
|
||||||
|
title : 'Panel',
|
||||||
|
header : false,
|
||||||
|
padding : {
|
||||||
|
top : 0,
|
||||||
|
right : 0,
|
||||||
|
bottom : 0,
|
||||||
|
left : 0
|
||||||
|
},
|
||||||
|
loadMethod : 'xhr',
|
||||||
|
contentURL : 'transferlist.html',
|
||||||
|
onContentLoaded : function () {
|
||||||
|
ajaxfn();
|
||||||
|
},
|
||||||
|
column : 'mainColumn',
|
||||||
|
onResize : saveColumnSizes,
|
||||||
|
height : null
|
||||||
|
});
|
||||||
|
var prop_h = localStorage.getItem('properties_height');
|
||||||
|
if ($defined(prop_h))
|
||||||
|
prop_h = prop_h.toInt();
|
||||||
|
else
|
||||||
|
prop_h = Window.getSize().y / 2.;
|
||||||
|
new MochaUI.Panel({
|
||||||
|
id : 'propertiesPanel',
|
||||||
|
title : 'Panel',
|
||||||
|
header : true,
|
||||||
|
padding : {
|
||||||
|
top : 0,
|
||||||
|
right : 0,
|
||||||
|
bottom : 0,
|
||||||
|
left : 0
|
||||||
|
},
|
||||||
|
contentURL : 'prop-general.html',
|
||||||
|
require : {
|
||||||
|
css : ['css/Tabs.css']
|
||||||
|
},
|
||||||
|
tabsURL : 'properties.html',
|
||||||
|
column : 'mainColumn',
|
||||||
|
height : prop_h
|
||||||
|
});
|
||||||
|
//ajaxfn();
|
||||||
|
loadTransferInfo();
|
||||||
|
|
||||||
|
setFilter = function (f) {
|
||||||
|
// Visually Select the right filter
|
||||||
|
$("all_filter").removeClass("selectedFilter");
|
||||||
|
$("downloading_filter").removeClass("selectedFilter");
|
||||||
|
$("completed_filter").removeClass("selectedFilter");
|
||||||
|
$("paused_filter").removeClass("selectedFilter");
|
||||||
|
$("active_filter").removeClass("selectedFilter");
|
||||||
|
$("inactive_filter").removeClass("selectedFilter");
|
||||||
|
$(f + "_filter").addClass("selectedFilter");
|
||||||
|
myTable.setFilter(f);
|
||||||
|
ajaxfn();
|
||||||
|
localStorage.setItem('selected_filter', f);
|
||||||
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function closeWindows() {
|
function closeWindows() {
|
||||||
MochaUI.closeAll();
|
MochaUI.closeAll();
|
||||||
}
|
}
|
||||||
|
|
||||||
window.addEvent('keydown', function(event){
|
window.addEvent('keydown', function (event) {
|
||||||
if (event.key == 'a' && event.control) {
|
if (event.key == 'a' && event.control) {
|
||||||
event.stop();
|
event.stop();
|
||||||
myTable.selectAll();
|
myTable.selectAll();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@ -23,372 +23,377 @@
|
|||||||
|
|
||||||
/**************************************************************
|
/**************************************************************
|
||||||
|
|
||||||
Script : Dynamic Table
|
Script : Dynamic Table
|
||||||
Version : 0.5
|
Version : 0.5
|
||||||
Authors : Ishan Arora & Christophe Dumez
|
Authors : Ishan Arora & Christophe Dumez
|
||||||
Desc : Programable sortable table
|
Desc : Programable sortable table
|
||||||
Licence : Open Source MIT Licence
|
Licence : Open Source MIT Licence
|
||||||
|
|
||||||
**************************************************************/
|
**************************************************************/
|
||||||
|
|
||||||
var dynamicTable = new Class ({
|
var dynamicTable = new Class({
|
||||||
|
|
||||||
initialize: function(){
|
initialize : function () {},
|
||||||
},
|
|
||||||
|
|
||||||
setup: function(table, progressIndex, context_menu){
|
setup : function (table, progressIndex, context_menu) {
|
||||||
this.table = $(table);
|
this.table = $(table);
|
||||||
this.rows = new Hash();
|
this.rows = new Hash();
|
||||||
this.cur = new Array();
|
this.cur = new Array();
|
||||||
this.priority_hidden = false;
|
this.priority_hidden = false;
|
||||||
this.progressIndex = progressIndex;
|
this.progressIndex = progressIndex;
|
||||||
this.filter = localStorage.getItem('selected_filter');
|
this.filter = localStorage.getItem('selected_filter');
|
||||||
if(!$defined(this.filter)) {
|
if (!$defined(this.filter)) {
|
||||||
this.filter = 'all';
|
this.filter = 'all';
|
||||||
}
|
}
|
||||||
this.context_menu = context_menu;
|
this.context_menu = context_menu;
|
||||||
this.table.sortedIndex = 1; // Default is NAME
|
this.table.sortedIndex = 1; // Default is NAME
|
||||||
this.table.reverseSort = false;
|
this.table.reverseSort = false;
|
||||||
},
|
|
||||||
|
|
||||||
sortfunction: function(tr1, tr2) {
|
|
||||||
var i = tr2.getParent().sortedIndex;
|
|
||||||
var reverseSort = tr2.getParent().reverseSort;
|
|
||||||
switch(i) {
|
|
||||||
case 1: // Name
|
|
||||||
if(!reverseSort)
|
|
||||||
return tr1.getElements('td')[i].get('html').localeCompare(tr2.getElements('td')[i].get('html'));
|
|
||||||
else
|
|
||||||
return tr2.getElements('td')[i].get('html').localeCompare(tr1.getElements('td')[i].get('html'));
|
|
||||||
case 2: // Prio
|
|
||||||
case 3: // Size
|
|
||||||
case 4: // Progress
|
|
||||||
case 5: // Seeds
|
|
||||||
case 6: // Peers
|
|
||||||
case 7: // Up Speed
|
|
||||||
case 8: // Down Speed
|
|
||||||
case 9: // ETA
|
|
||||||
default: // Ratio
|
|
||||||
if(!reverseSort)
|
|
||||||
return (tr1.getElements('td')[i].get('data-raw') - tr2.getElements('td')[i].get('data-raw'));
|
|
||||||
else
|
|
||||||
return (tr2.getElements('td')[i].get('data-raw') - tr1.getElements('td')[i].get('data-raw'));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
updateSort: function() {
|
|
||||||
var trs = this.table.getChildren('tr');
|
|
||||||
trs.sort(this.sortfunction);
|
|
||||||
this.table.adopt(trs);
|
|
||||||
},
|
|
||||||
|
|
||||||
setSortedColumn: function(index) {
|
|
||||||
if(index != this.table.sortedIndex) {
|
|
||||||
this.table.sortedIndex = index;
|
|
||||||
this.table.reverseSort = false;
|
|
||||||
} else {
|
|
||||||
// Toggle sort order
|
|
||||||
this.table.reverseSort = !this.table.reverseSort;
|
|
||||||
}
|
|
||||||
this.updateSort();
|
|
||||||
this.altRow();
|
|
||||||
},
|
|
||||||
|
|
||||||
getCurrentTorrentHash: function() {
|
|
||||||
if(this.cur.length > 0)
|
|
||||||
return this.cur[0];
|
|
||||||
return '';
|
|
||||||
},
|
|
||||||
|
|
||||||
altRow: function()
|
|
||||||
{
|
|
||||||
var trs = this.table.getElements('tr');
|
|
||||||
trs.each(function(el,i){
|
|
||||||
if(i % 2){
|
|
||||||
el.addClass('alt');
|
|
||||||
}else{
|
|
||||||
el.removeClass('alt');
|
|
||||||
}
|
|
||||||
}.bind(this));
|
|
||||||
},
|
|
||||||
|
|
||||||
hidePriority: function(){
|
|
||||||
if(this.priority_hidden) return;
|
|
||||||
$('prioHeader').addClass('invisible');
|
|
||||||
var trs = this.table.getElements('tr');
|
|
||||||
trs.each(function(tr,i){
|
|
||||||
var tds = tr.getElements('td');
|
|
||||||
tds[2].addClass('invisible');
|
|
||||||
}.bind(this));
|
|
||||||
this.priority_hidden = true;
|
|
||||||
},
|
|
||||||
|
|
||||||
setFilter: function(f) {
|
|
||||||
this.filter = f;
|
|
||||||
},
|
|
||||||
|
|
||||||
showPriority: function(){
|
|
||||||
if(!this.priority_hidden) return;
|
|
||||||
$('prioHeader').removeClass('invisible');
|
|
||||||
var trs = this.table.getElements('tr');
|
|
||||||
trs.each(function(tr,i){
|
|
||||||
var tds = tr.getElements('td');
|
|
||||||
tds[2].removeClass('invisible');
|
|
||||||
}.bind(this));
|
|
||||||
this.priority_hidden = false;
|
|
||||||
},
|
},
|
||||||
|
|
||||||
applyFilterOnRow: function(tr, status) {
|
sortfunction : function (tr1, tr2) {
|
||||||
switch(this.filter) {
|
var i = tr2.getParent().sortedIndex;
|
||||||
case 'all':
|
var reverseSort = tr2.getParent().reverseSort;
|
||||||
tr.removeClass("invisible");
|
switch (i) {
|
||||||
break;
|
case 1: // Name
|
||||||
case 'downloading':
|
if (!reverseSort)
|
||||||
if(status == "downloading" || status == "stalledDL" || status == "checkingDL" || status == "pausedDL" || status == "queuedDL") {
|
return tr1.getElements('td')[i].get('html').localeCompare(tr2.getElements('td')[i].get('html'));
|
||||||
tr.removeClass("invisible");
|
else
|
||||||
} else {
|
return tr2.getElements('td')[i].get('html').localeCompare(tr1.getElements('td')[i].get('html'));
|
||||||
tr.addClass("invisible");
|
case 2: // Prio
|
||||||
}
|
case 3: // Size
|
||||||
break;
|
case 4: // Progress
|
||||||
case 'completed':
|
case 5: // Seeds
|
||||||
if(status == "uploading" || status == "stalledUP" || status == "checkingUP" || status == "pausedUP" || status == "queuedUP") {
|
case 6: // Peers
|
||||||
tr.removeClass("invisible");
|
case 7: // Up Speed
|
||||||
} else {
|
case 8: // Down Speed
|
||||||
tr.addClass("invisible");
|
case 9: // ETA
|
||||||
}
|
default: // Ratio
|
||||||
break;
|
if (!reverseSort)
|
||||||
case 'paused':
|
return (tr1.getElements('td')[i].get('data-raw') - tr2.getElements('td')[i].get('data-raw'));
|
||||||
if(status == "pausedDL" || status == "pausedUP") {
|
else
|
||||||
tr.removeClass("invisible");
|
return (tr2.getElements('td')[i].get('data-raw') - tr1.getElements('td')[i].get('data-raw'));
|
||||||
} else {
|
}
|
||||||
tr.addClass("invisible");
|
},
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'active':
|
|
||||||
if(status == "downloading" || status == "uploading") {
|
|
||||||
tr.removeClass("invisible");
|
|
||||||
} else {
|
|
||||||
tr.addClass("invisible");
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'inactive':
|
|
||||||
if(status != "downloading" && status != "uploading") {
|
|
||||||
tr.removeClass("invisible");
|
|
||||||
} else {
|
|
||||||
tr.addClass("invisible");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return !tr.hasClass('invisible');
|
|
||||||
},
|
|
||||||
|
|
||||||
insertRow: function(id, row, data, status){
|
updateSort : function () {
|
||||||
if(this.rows.has(id)) {
|
var trs = this.table.getChildren('tr');
|
||||||
return;
|
trs.sort(this.sortfunction);
|
||||||
}
|
this.table.adopt(trs);
|
||||||
var tr = new Element('tr');
|
},
|
||||||
tr.addClass("menu-target");
|
|
||||||
this.rows.set(id, tr);
|
|
||||||
for(var i=0; i<row.length; i++)
|
|
||||||
{
|
|
||||||
var td = new Element('td');
|
|
||||||
if(i==this.progressIndex) {
|
|
||||||
td.adopt(new ProgressBar(row[i].toFloat(), {'id': 'pb_'+id, 'width':80}));
|
|
||||||
if (typeof data[i] != 'undefined')
|
|
||||||
td.set('data-raw', data[i])
|
|
||||||
} else {
|
|
||||||
if(i==0) {
|
|
||||||
td.adopt(new Element('img', {'src':row[i], 'class': 'statusIcon'}));
|
|
||||||
} else {
|
|
||||||
if(i==2) {
|
|
||||||
// Priority
|
|
||||||
if(this.priority_hidden)
|
|
||||||
td.addClass('invisible');
|
|
||||||
}
|
|
||||||
td.set('html', row[i]);
|
|
||||||
if (typeof data[i] != 'undefined')
|
|
||||||
td.set('data-raw', data[i])
|
|
||||||
}
|
|
||||||
}
|
|
||||||
td.injectInside(tr);
|
|
||||||
};
|
|
||||||
|
|
||||||
tr.addEvent('mouseover', function(e){
|
setSortedColumn : function (index) {
|
||||||
tr.addClass('over');
|
if (index != this.table.sortedIndex) {
|
||||||
}.bind(this));
|
this.table.sortedIndex = index;
|
||||||
tr.addEvent('mouseout', function(e){
|
this.table.reverseSort = false;
|
||||||
tr.removeClass('over');
|
} else {
|
||||||
}.bind(this));
|
// Toggle sort order
|
||||||
tr.addEvent('contextmenu', function(e) {
|
this.table.reverseSort = !this.table.reverseSort;
|
||||||
if(!this.cur.contains(id)) {
|
}
|
||||||
// Remove selected style from previous ones
|
this.updateSort();
|
||||||
for(i=0; i<this.cur.length; i++) {
|
this.altRow();
|
||||||
if(this.rows.has(this.cur[i])) {
|
},
|
||||||
var temptr = this.rows.get(this.cur[i]);
|
|
||||||
temptr.removeClass('selected');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.cur.empty();
|
|
||||||
this.cur[this.cur.length] = id;
|
|
||||||
temptr = this.rows.get(id);
|
|
||||||
temptr.addClass("selected");
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}.bind(this));
|
|
||||||
tr.addEvent('click', function(e){
|
|
||||||
e.stop();
|
|
||||||
if(e.control) {
|
|
||||||
// CTRL key was pressed
|
|
||||||
if(this.cur.contains(id)) {
|
|
||||||
// remove it
|
|
||||||
this.cur.erase(id);
|
|
||||||
// Remove selected style
|
|
||||||
if(this.rows.has(id)) {
|
|
||||||
temptr = this.rows.get(id);
|
|
||||||
temptr.removeClass('selected');
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.cur[this.cur.length] = id;
|
|
||||||
// Add selected style
|
|
||||||
if(this.rows.has(id)) {
|
|
||||||
temptr = this.rows.get(id);
|
|
||||||
temptr.addClass('selected');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if(e.shift && this.cur.length == 1) {
|
|
||||||
// Shift key was pressed
|
|
||||||
var first_id = this.cur[0];
|
|
||||||
var first_tr = this.rows.get(first_id);
|
|
||||||
var last_id = id;
|
|
||||||
var last_tr = this.rows.get(last_id);
|
|
||||||
var all_trs = this.table.getChildren('tr');
|
|
||||||
var index_first_tr = all_trs.indexOf(first_tr);
|
|
||||||
var index_last_tr = all_trs.indexOf(last_tr);
|
|
||||||
var trs_to_select = all_trs.filter(function(item, index){
|
|
||||||
if(index_first_tr < index_last_tr)
|
|
||||||
return (index > index_first_tr) && (index <= index_last_tr);
|
|
||||||
else
|
|
||||||
return (index < index_first_tr) && (index >= index_last_tr);
|
|
||||||
});
|
|
||||||
trs_to_select.each(function(item, index){
|
|
||||||
// Add to selection
|
|
||||||
this.cur[this.cur.length] = this.getRowId(item);
|
|
||||||
// Select it visually
|
|
||||||
item.addClass('selected');
|
|
||||||
}.bind(this));
|
|
||||||
} else {
|
|
||||||
// Simple selection
|
|
||||||
// Remove selected style from previous ones
|
|
||||||
for(i=0; i<this.cur.length; i++) {
|
|
||||||
if(this.rows.has(this.cur[i])) {
|
|
||||||
var temptr = this.rows.get(this.cur[i]);
|
|
||||||
temptr.removeClass('selected');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.cur.empty();
|
|
||||||
// Add selected style to new one
|
|
||||||
if(this.rows.has(id)) {
|
|
||||||
temptr = this.rows.get(id);
|
|
||||||
temptr.addClass('selected');
|
|
||||||
}
|
|
||||||
this.cur[0] = id;
|
|
||||||
// TODO: Warn Properties panel
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}.bind(this));
|
|
||||||
// Apply filter
|
|
||||||
this.applyFilterOnRow(tr, status);
|
|
||||||
// Insert
|
|
||||||
var trs = this.table.getChildren('tr');
|
|
||||||
var i=0;
|
|
||||||
while(i<trs.length && this.sortfunction(tr, trs[i]) > 0) {
|
|
||||||
i++;
|
|
||||||
}
|
|
||||||
if(i==trs.length) {
|
|
||||||
tr.inject(this.table);
|
|
||||||
} else {
|
|
||||||
tr.inject(trs[i], 'before');
|
|
||||||
}
|
|
||||||
//tr.injectInside(this.table);
|
|
||||||
this.altRow();
|
|
||||||
// Update context menu
|
|
||||||
this.context_menu.addTarget(tr);
|
|
||||||
},
|
|
||||||
|
|
||||||
selectAll: function() {
|
getCurrentTorrentHash : function () {
|
||||||
this.cur.empty();
|
if (this.cur.length > 0)
|
||||||
this.rows.each(function(tr, id){
|
return this.cur[0];
|
||||||
this.cur[this.cur.length] = id;
|
return '';
|
||||||
if(!tr.hasClass('selected')) {
|
},
|
||||||
tr.addClass('selected');
|
|
||||||
}
|
|
||||||
}, this);
|
|
||||||
},
|
|
||||||
|
|
||||||
updateRow: function(id, row, data, status){
|
altRow : function () {
|
||||||
if(!this.rows.has(id)) {
|
var trs = this.table.getElements('tr');
|
||||||
return false;
|
trs.each(function (el, i) {
|
||||||
}
|
if (i % 2) {
|
||||||
var tr = this.rows.get(id);
|
el.addClass('alt');
|
||||||
// Apply filter
|
} else {
|
||||||
if(this.applyFilterOnRow(tr, status)) {
|
el.removeClass('alt');
|
||||||
var tds = tr.getElements('td');
|
}
|
||||||
for(var i=0; i<row.length; i++) {
|
}.bind(this));
|
||||||
if(i==1) continue; // Do not refresh name
|
},
|
||||||
if(i==this.progressIndex) {
|
|
||||||
$('pb_'+id).setValue(row[i]);
|
|
||||||
} else {
|
|
||||||
if(i==0) {
|
|
||||||
tds[i].getChildren('img')[0].set('src', row[i]);
|
|
||||||
} else {
|
|
||||||
tds[i].set('html', row[i]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (typeof data[i] != 'undefined')
|
|
||||||
tds[i].set('data-raw', data[i])
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
// Row was hidden, check if it was selected
|
|
||||||
// and unselect it if it was
|
|
||||||
if(this.cur.contains(id)) {
|
|
||||||
// Remove from selection
|
|
||||||
this.cur.erase(id);
|
|
||||||
// Remove selected style
|
|
||||||
tr.removeClass('selected');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
},
|
|
||||||
|
|
||||||
removeRow: function(id){
|
hidePriority : function () {
|
||||||
if(this.cur.contains(id))
|
if (this.priority_hidden)
|
||||||
{
|
return;
|
||||||
this.cur.erase(id);
|
$('prioHeader').addClass('invisible');
|
||||||
}
|
var trs = this.table.getElements('tr');
|
||||||
if(this.rows.has(id)) {
|
trs.each(function (tr, i) {
|
||||||
var tr = this.rows.get(id);
|
var tds = tr.getElements('td');
|
||||||
tr.dispose();
|
tds[2].addClass('invisible');
|
||||||
this.altRow();
|
}.bind(this));
|
||||||
this.rows.erase(id);
|
this.priority_hidden = true;
|
||||||
return true;
|
},
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
|
|
||||||
selectedIds: function(){
|
setFilter : function (f) {
|
||||||
return this.cur;
|
this.filter = f;
|
||||||
},
|
},
|
||||||
|
|
||||||
getRowId: function(tr){
|
showPriority : function () {
|
||||||
return this.rows.keyOf(tr);
|
if (!this.priority_hidden)
|
||||||
},
|
return;
|
||||||
|
$('prioHeader').removeClass('invisible');
|
||||||
|
var trs = this.table.getElements('tr');
|
||||||
|
trs.each(function (tr, i) {
|
||||||
|
var tds = tr.getElements('td');
|
||||||
|
tds[2].removeClass('invisible');
|
||||||
|
}.bind(this));
|
||||||
|
this.priority_hidden = false;
|
||||||
|
},
|
||||||
|
|
||||||
getRowIds: function(){
|
applyFilterOnRow : function (tr, status) {
|
||||||
return this.rows.getKeys();
|
switch (this.filter) {
|
||||||
}
|
case 'all':
|
||||||
|
tr.removeClass("invisible");
|
||||||
|
break;
|
||||||
|
case 'downloading':
|
||||||
|
if (status == "downloading" || status == "stalledDL" || status == "checkingDL" || status == "pausedDL" || status == "queuedDL") {
|
||||||
|
tr.removeClass("invisible");
|
||||||
|
} else {
|
||||||
|
tr.addClass("invisible");
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case 'completed':
|
||||||
|
if (status == "uploading" || status == "stalledUP" || status == "checkingUP" || status == "pausedUP" || status == "queuedUP") {
|
||||||
|
tr.removeClass("invisible");
|
||||||
|
} else {
|
||||||
|
tr.addClass("invisible");
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case 'paused':
|
||||||
|
if (status == "pausedDL" || status == "pausedUP") {
|
||||||
|
tr.removeClass("invisible");
|
||||||
|
} else {
|
||||||
|
tr.addClass("invisible");
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case 'active':
|
||||||
|
if (status == "downloading" || status == "uploading") {
|
||||||
|
tr.removeClass("invisible");
|
||||||
|
} else {
|
||||||
|
tr.addClass("invisible");
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case 'inactive':
|
||||||
|
if (status != "downloading" && status != "uploading") {
|
||||||
|
tr.removeClass("invisible");
|
||||||
|
} else {
|
||||||
|
tr.addClass("invisible");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return !tr.hasClass('invisible');
|
||||||
|
},
|
||||||
|
|
||||||
});
|
insertRow : function (id, row, data, status) {
|
||||||
|
if (this.rows.has(id)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var tr = new Element('tr');
|
||||||
|
tr.addClass("menu-target");
|
||||||
|
this.rows.set(id, tr);
|
||||||
|
for (var i = 0; i < row.length; i++) {
|
||||||
|
var td = new Element('td');
|
||||||
|
if (i == this.progressIndex) {
|
||||||
|
td.adopt(new ProgressBar(row[i].toFloat(), {
|
||||||
|
'id' : 'pb_' + id,
|
||||||
|
'width' : 80
|
||||||
|
}));
|
||||||
|
if (typeof data[i] != 'undefined')
|
||||||
|
td.set('data-raw', data[i])
|
||||||
|
} else {
|
||||||
|
if (i == 0) {
|
||||||
|
td.adopt(new Element('img', {
|
||||||
|
'src' : row[i],
|
||||||
|
'class' : 'statusIcon'
|
||||||
|
}));
|
||||||
|
} else {
|
||||||
|
if (i == 2) {
|
||||||
|
// Priority
|
||||||
|
if (this.priority_hidden)
|
||||||
|
td.addClass('invisible');
|
||||||
|
}
|
||||||
|
td.set('html', row[i]);
|
||||||
|
if (typeof data[i] != 'undefined')
|
||||||
|
td.set('data-raw', data[i])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
td.injectInside(tr);
|
||||||
|
};
|
||||||
|
|
||||||
|
tr.addEvent('mouseover', function (e) {
|
||||||
|
tr.addClass('over');
|
||||||
|
}.bind(this));
|
||||||
|
tr.addEvent('mouseout', function (e) {
|
||||||
|
tr.removeClass('over');
|
||||||
|
}.bind(this));
|
||||||
|
tr.addEvent('contextmenu', function (e) {
|
||||||
|
if (!this.cur.contains(id)) {
|
||||||
|
// Remove selected style from previous ones
|
||||||
|
for (i = 0; i < this.cur.length; i++) {
|
||||||
|
if (this.rows.has(this.cur[i])) {
|
||||||
|
var temptr = this.rows.get(this.cur[i]);
|
||||||
|
temptr.removeClass('selected');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.cur.empty();
|
||||||
|
this.cur[this.cur.length] = id;
|
||||||
|
temptr = this.rows.get(id);
|
||||||
|
temptr.addClass("selected");
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
}.bind(this));
|
||||||
|
tr.addEvent('click', function (e) {
|
||||||
|
e.stop();
|
||||||
|
if (e.control) {
|
||||||
|
// CTRL key was pressed
|
||||||
|
if (this.cur.contains(id)) {
|
||||||
|
// remove it
|
||||||
|
this.cur.erase(id);
|
||||||
|
// Remove selected style
|
||||||
|
if (this.rows.has(id)) {
|
||||||
|
temptr = this.rows.get(id);
|
||||||
|
temptr.removeClass('selected');
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.cur[this.cur.length] = id;
|
||||||
|
// Add selected style
|
||||||
|
if (this.rows.has(id)) {
|
||||||
|
temptr = this.rows.get(id);
|
||||||
|
temptr.addClass('selected');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (e.shift && this.cur.length == 1) {
|
||||||
|
// Shift key was pressed
|
||||||
|
var first_id = this.cur[0];
|
||||||
|
var first_tr = this.rows.get(first_id);
|
||||||
|
var last_id = id;
|
||||||
|
var last_tr = this.rows.get(last_id);
|
||||||
|
var all_trs = this.table.getChildren('tr');
|
||||||
|
var index_first_tr = all_trs.indexOf(first_tr);
|
||||||
|
var index_last_tr = all_trs.indexOf(last_tr);
|
||||||
|
var trs_to_select = all_trs.filter(function (item, index) {
|
||||||
|
if (index_first_tr < index_last_tr)
|
||||||
|
return (index > index_first_tr) && (index <= index_last_tr);
|
||||||
|
else
|
||||||
|
return (index < index_first_tr) && (index >= index_last_tr);
|
||||||
|
});
|
||||||
|
trs_to_select.each(function (item, index) {
|
||||||
|
// Add to selection
|
||||||
|
this.cur[this.cur.length] = this.getRowId(item);
|
||||||
|
// Select it visually
|
||||||
|
item.addClass('selected');
|
||||||
|
}.bind(this));
|
||||||
|
} else {
|
||||||
|
// Simple selection
|
||||||
|
// Remove selected style from previous ones
|
||||||
|
for (i = 0; i < this.cur.length; i++) {
|
||||||
|
if (this.rows.has(this.cur[i])) {
|
||||||
|
var temptr = this.rows.get(this.cur[i]);
|
||||||
|
temptr.removeClass('selected');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.cur.empty();
|
||||||
|
// Add selected style to new one
|
||||||
|
if (this.rows.has(id)) {
|
||||||
|
temptr = this.rows.get(id);
|
||||||
|
temptr.addClass('selected');
|
||||||
|
}
|
||||||
|
this.cur[0] = id;
|
||||||
|
// TODO: Warn Properties panel
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}.bind(this));
|
||||||
|
// Apply filter
|
||||||
|
this.applyFilterOnRow(tr, status);
|
||||||
|
// Insert
|
||||||
|
var trs = this.table.getChildren('tr');
|
||||||
|
var i = 0;
|
||||||
|
while (i < trs.length && this.sortfunction(tr, trs[i]) > 0) {
|
||||||
|
i++;
|
||||||
|
}
|
||||||
|
if (i == trs.length) {
|
||||||
|
tr.inject(this.table);
|
||||||
|
} else {
|
||||||
|
tr.inject(trs[i], 'before');
|
||||||
|
}
|
||||||
|
//tr.injectInside(this.table);
|
||||||
|
this.altRow();
|
||||||
|
// Update context menu
|
||||||
|
this.context_menu.addTarget(tr);
|
||||||
|
},
|
||||||
|
|
||||||
|
selectAll : function () {
|
||||||
|
this.cur.empty();
|
||||||
|
this.rows.each(function (tr, id) {
|
||||||
|
this.cur[this.cur.length] = id;
|
||||||
|
if (!tr.hasClass('selected')) {
|
||||||
|
tr.addClass('selected');
|
||||||
|
}
|
||||||
|
}, this);
|
||||||
|
},
|
||||||
|
|
||||||
|
updateRow : function (id, row, data, status) {
|
||||||
|
if (!this.rows.has(id)) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
var tr = this.rows.get(id);
|
||||||
|
// Apply filter
|
||||||
|
if (this.applyFilterOnRow(tr, status)) {
|
||||||
|
var tds = tr.getElements('td');
|
||||||
|
for (var i = 0; i < row.length; i++) {
|
||||||
|
if (i == 1)
|
||||||
|
continue; // Do not refresh name
|
||||||
|
if (i == this.progressIndex) {
|
||||||
|
$('pb_' + id).setValue(row[i]);
|
||||||
|
} else {
|
||||||
|
if (i == 0) {
|
||||||
|
tds[i].getChildren('img')[0].set('src', row[i]);
|
||||||
|
} else {
|
||||||
|
tds[i].set('html', row[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (typeof data[i] != 'undefined')
|
||||||
|
tds[i].set('data-raw', data[i])
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
// Row was hidden, check if it was selected
|
||||||
|
// and unselect it if it was
|
||||||
|
if (this.cur.contains(id)) {
|
||||||
|
// Remove from selection
|
||||||
|
this.cur.erase(id);
|
||||||
|
// Remove selected style
|
||||||
|
tr.removeClass('selected');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
|
||||||
|
removeRow : function (id) {
|
||||||
|
if (this.cur.contains(id)) {
|
||||||
|
this.cur.erase(id);
|
||||||
|
}
|
||||||
|
if (this.rows.has(id)) {
|
||||||
|
var tr = this.rows.get(id);
|
||||||
|
tr.dispose();
|
||||||
|
this.altRow();
|
||||||
|
this.rows.erase(id);
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
|
||||||
|
selectedIds : function () {
|
||||||
|
return this.cur;
|
||||||
|
},
|
||||||
|
|
||||||
|
getRowId : function (tr) {
|
||||||
|
return this.rows.keyOf(tr);
|
||||||
|
},
|
||||||
|
|
||||||
|
getRowIds : function () {
|
||||||
|
return this.rows.getKeys();
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
//dynamicTable.implement(new Options);
|
//dynamicTable.implement(new Options);
|
||||||
//dynamicTable.implement(new Events);
|
//dynamicTable.implement(new Events);
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user