mirror of
https://github.com/qbittorrent/qBittorrent.git
synced 2025-01-10 17:17:29 +03:00
27d8dbf13b
Normalize Web API method names. Allow to use alternative Web UI. Switch Web API version to standard form (i.e. "2.0"). Improve Web UI translation code. Retranslate changed files. Add Web API for RSS subsystem.
354 lines
11 KiB
JavaScript
354 lines
11 KiB
JavaScript
var is_seed = true;
|
|
var current_hash = "";
|
|
|
|
if (!(Browser.name == "ie" && Browser.version < 9)) {
|
|
$("all_files_cb").removeClass("tristate");
|
|
$("all_files_cb").removeClass("partial");
|
|
$("all_files_cb").removeClass("checked");
|
|
$("tristate_cb").style.display = "inline";
|
|
}
|
|
|
|
var setCBState = function(state) {
|
|
if (Browser.name == "ie" && Browser.version < 9) {
|
|
if (state == "partial") {
|
|
if (!$("all_files_cb").hasClass("partial")) {
|
|
$("all_files_cb").removeClass("checked");
|
|
$("all_files_cb").addClass("partial");
|
|
}
|
|
return;
|
|
}
|
|
if (state == "checked") {
|
|
if (!$("all_files_cb").hasClass("checked")) {
|
|
$("all_files_cb").removeClass("partial");
|
|
$("all_files_cb").addClass("checked");
|
|
}
|
|
return;
|
|
}
|
|
$("all_files_cb").removeClass("partial");
|
|
$("all_files_cb").removeClass("checked");
|
|
}
|
|
else {
|
|
if (state == "partial") {
|
|
$("tristate_cb").indeterminate = true;
|
|
}
|
|
else if (state == "checked") {
|
|
$("tristate_cb").indeterminate = false;
|
|
$("tristate_cb").checked = true;
|
|
}
|
|
else {
|
|
$("tristate_cb").indeterminate = false;
|
|
$("tristate_cb").checked = false;
|
|
}
|
|
}
|
|
};
|
|
|
|
var switchCBState = function() {
|
|
// Uncheck
|
|
if ($("all_files_cb").hasClass("partial")) {
|
|
$("all_files_cb").removeClass("partial");
|
|
// Uncheck all checkboxes
|
|
$$('input.DownloadedCB').each(function(item, index) {
|
|
item.erase("checked");
|
|
setFilePriority(index, 0);
|
|
});
|
|
return;
|
|
}
|
|
if ($("all_files_cb").hasClass("checked")) {
|
|
$("all_files_cb").removeClass("checked");
|
|
// Uncheck all checkboxes
|
|
$$('input.DownloadedCB').each(function(item, index) {
|
|
item.erase("checked");
|
|
setFilePriority(index, 0);
|
|
});
|
|
return;
|
|
}
|
|
// Check
|
|
$("all_files_cb").addClass("checked");
|
|
// Check all checkboxes
|
|
$$('input.DownloadedCB').each(function(item, index) {
|
|
item.set("checked", "checked");
|
|
setFilePriority(index, 1);
|
|
});
|
|
};
|
|
|
|
var allCBChecked = function() {
|
|
var CBs = $$('input.DownloadedCB');
|
|
for (var i = 0; i < CBs.length; i += 1) {
|
|
var item = CBs[i];
|
|
if (!$defined(item.get('checked')) || !item.get('checked'))
|
|
return false;
|
|
}
|
|
return true;
|
|
};
|
|
|
|
var allCBUnchecked = function() {
|
|
var CBs = $$('input.DownloadedCB');
|
|
for (var i = 0; i < CBs.length; i += 1) {
|
|
var item = CBs[i];
|
|
if ($defined(item.get('checked')) && item.get('checked'))
|
|
return false;
|
|
}
|
|
return true;
|
|
};
|
|
|
|
var setFilePriority = function(id, priority) {
|
|
if (current_hash === "") return;
|
|
new Request({
|
|
url: 'api/v2/torrents/filePrio',
|
|
method: 'post',
|
|
data: {
|
|
'hash': current_hash,
|
|
'id': id,
|
|
'priority': priority
|
|
}
|
|
}).send();
|
|
// Display or add combobox
|
|
if (priority > 0) {
|
|
$('comboPrio' + id).set("value", 1);
|
|
$('comboPrio' + id).removeClass("invisible");
|
|
}
|
|
else {
|
|
$('comboPrio' + id).addClass("invisible");
|
|
}
|
|
};
|
|
|
|
var createDownloadedCB = function(id, downloaded) {
|
|
var CB = new Element('input');
|
|
CB.set('type', 'checkbox');
|
|
if (downloaded)
|
|
CB.set('checked', 'checked');
|
|
CB.set('id', 'cbPrio' + id);
|
|
CB.set('class', 'DownloadedCB');
|
|
CB.addEvent('change', function(e) {
|
|
var checked = 0;
|
|
if ($defined($('cbPrio' + id).get('checked')) && $('cbPrio' + id).get('checked'))
|
|
checked = 1;
|
|
setFilePriority(id, checked);
|
|
if (allCBChecked()) {
|
|
setCBState("checked");
|
|
}
|
|
else {
|
|
if (allCBUnchecked()) {
|
|
setCBState("unchecked");
|
|
}
|
|
else {
|
|
setCBState("partial");
|
|
}
|
|
}
|
|
});
|
|
return CB;
|
|
};
|
|
|
|
var createPriorityCombo = function(id, selected_prio) {
|
|
var select = new Element('select');
|
|
select.set('id', 'comboPrio' + id);
|
|
select.addEvent('change', function(e) {
|
|
var new_prio = $('comboPrio' + id).get('value');
|
|
setFilePriority(id, new_prio);
|
|
});
|
|
var opt = new Element("option");
|
|
opt.set('value', '1');
|
|
opt.set('html', "QBT_TR(Normal)QBT_TR[CONTEXT=PropListDelegate]");
|
|
if (selected_prio <= 1)
|
|
opt.setAttribute('selected', '');
|
|
opt.injectInside(select);
|
|
opt = new Element("option");
|
|
opt.set('value', '2');
|
|
opt.set('html', "QBT_TR(High)QBT_TR[CONTEXT=PropListDelegate]");
|
|
if (selected_prio == 2)
|
|
opt.setAttribute('selected', '');
|
|
opt.injectInside(select);
|
|
opt = new Element("option");
|
|
opt.set('value', '7');
|
|
opt.set('html', "QBT_TR(Maximum)QBT_TR[CONTEXT=PropListDelegate]");
|
|
if (selected_prio == 7)
|
|
opt.setAttribute('selected', '');
|
|
opt.injectInside(select);
|
|
if (is_seed || selected_prio < 1) {
|
|
select.addClass("invisible");
|
|
}
|
|
else {
|
|
select.removeClass("invisible");
|
|
}
|
|
select.addClass("combo_priority");
|
|
return select;
|
|
};
|
|
|
|
var filesDynTable = new Class({
|
|
|
|
initialize: function() {},
|
|
|
|
setup: function(table) {
|
|
this.table = $(table);
|
|
this.rows = new Hash();
|
|
},
|
|
|
|
removeRow: function(id) {
|
|
if (this.rows.has(id)) {
|
|
var tr = this.rows.get(id);
|
|
tr.dispose();
|
|
this.rows.erase(id);
|
|
return true;
|
|
}
|
|
return false;
|
|
},
|
|
|
|
removeAllRows: function() {
|
|
this.rows.each(function(tr, id) {
|
|
this.removeRow(id);
|
|
}.bind(this));
|
|
},
|
|
|
|
updateRow: function(tr, row, id) {
|
|
var tds = tr.getElements('td');
|
|
for (var i = 0; i < row.length; i++) {
|
|
switch (i) {
|
|
case 0:
|
|
if (row[i] > 0)
|
|
tds[i].getChildren('input')[0].set('checked', 'checked');
|
|
else
|
|
tds[i].getChildren('input')[0].removeProperty('checked');
|
|
break;
|
|
case 3:
|
|
$('pbf_' + id).setValue(row[i].toFloat());
|
|
break;
|
|
case 4:
|
|
if (!is_seed && row[i] > 0) {
|
|
tds[i].getChildren('select').set('value', row[i]);
|
|
$('comboPrio' + id).removeClass("invisible");
|
|
}
|
|
else {
|
|
if (!$('comboPrio' + id).hasClass("invisible"))
|
|
$('comboPrio' + id).addClass("invisible");
|
|
}
|
|
break;
|
|
default:
|
|
tds[i].set('html', row[i]);
|
|
}
|
|
}
|
|
return true;
|
|
},
|
|
|
|
insertRow: function(id, row) {
|
|
if (this.rows.has(id)) {
|
|
var tableRow = this.rows.get(id);
|
|
this.updateRow(tableRow, row, id);
|
|
return;
|
|
}
|
|
//this.removeRow(id);
|
|
var tr = new Element('tr');
|
|
this.rows.set(id, tr);
|
|
for (var i = 0; i < row.length; i++) {
|
|
var td = new Element('td');
|
|
switch (i) {
|
|
case 0:
|
|
var tree_img = new Element('img', {
|
|
src: 'images/L.gif',
|
|
style: 'margin-bottom: -2px'
|
|
});
|
|
td.adopt(tree_img, createDownloadedCB(id, row[i]));
|
|
break;
|
|
case 1:
|
|
td.set('html', row[i]);
|
|
td.set('title', row[i]);
|
|
break;
|
|
case 3:
|
|
td.adopt(new ProgressBar(row[i].toFloat(), {
|
|
'id': 'pbf_' + id,
|
|
'width': 80
|
|
}));
|
|
break;
|
|
case 4:
|
|
td.adopt(createPriorityCombo(id, row[i]));
|
|
break;
|
|
default:
|
|
td.set('html', row[i]);
|
|
break;
|
|
}
|
|
td.injectInside(tr);
|
|
}
|
|
tr.injectInside(this.table);
|
|
},
|
|
});
|
|
|
|
var loadTorrentFilesDataTimer;
|
|
var loadTorrentFilesData = function() {
|
|
if ($('prop_files').hasClass('invisible') ||
|
|
$('propertiesPanel_collapseToggle').hasClass('panel-expand')) {
|
|
// Tab changed, don't do anything
|
|
return;
|
|
}
|
|
var new_hash = torrentsTable.getCurrentTorrentHash();
|
|
if (new_hash === "") {
|
|
fTable.removeAllRows();
|
|
clearTimeout(loadTorrentFilesDataTimer);
|
|
loadTorrentFilesDataTimer = loadTorrentFilesData.delay(5000);
|
|
return;
|
|
}
|
|
if (new_hash != current_hash) {
|
|
fTable.removeAllRows();
|
|
current_hash = new_hash;
|
|
}
|
|
var url = new URI('api/v2/torrents/files?hash=' + current_hash);
|
|
var request = new Request.JSON({
|
|
url: url,
|
|
noCache: true,
|
|
method: 'get',
|
|
onFailure: function() {
|
|
$('error_div').set('html', 'QBT_TR(qBittorrent client is not reachable)QBT_TR[CONTEXT=HttpServer]');
|
|
clearTimeout(loadTorrentFilesDataTimer);
|
|
loadTorrentFilesDataTimer = loadTorrentFilesData.delay(10000);
|
|
},
|
|
onSuccess: function(files) {
|
|
$('error_div').set('html', '');
|
|
if (files) {
|
|
// Update Trackers data
|
|
var i = 0;
|
|
files.each(function(file) {
|
|
if (i === 0) {
|
|
is_seed = file.is_seed;
|
|
}
|
|
var row = [];
|
|
row.length = 4;
|
|
row[0] = file.priority;
|
|
row[1] = escapeHtml(file.name);
|
|
row[2] = friendlyUnit(file.size, false);
|
|
row[3] = (file.progress * 100).round(1);
|
|
if (row[3] == 100.0 && file.progress < 1.0)
|
|
row[3] = 99.9;
|
|
row[4] = file.priority;
|
|
row[5] = friendlyUnit(file.size * (1.0 - file.progress));
|
|
row[6] = friendlyPercentage(file.availability);
|
|
|
|
fTable.insertRow(i, row);
|
|
i++;
|
|
}.bind(this));
|
|
// Set global CB state
|
|
if (allCBChecked()) {
|
|
setCBState("checked");
|
|
}
|
|
else {
|
|
if (allCBUnchecked()) {
|
|
setCBState("unchecked");
|
|
}
|
|
else {
|
|
setCBState("partial");
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
fTable.removeAllRows();
|
|
}
|
|
clearTimeout(loadTorrentFilesDataTimer);
|
|
loadTorrentFilesDataTimer = loadTorrentFilesData.delay(5000);
|
|
}
|
|
}).send();
|
|
};
|
|
|
|
var updateTorrentFilesData = function() {
|
|
clearTimeout(loadTorrentFilesDataTimer);
|
|
loadTorrentFilesData();
|
|
};
|
|
|
|
fTable = new filesDynTable();
|
|
fTable.setup($('filesTable'));
|