mirrors/qBittorrent
1
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent.git synced 2024-11-29 05:48:47 +03:00
Code Issues Projects Releases Packages Wiki Activity

[Web UI] Changes in labels implementation

Browse source
This commit is contained in:
ngosang 2015-07-16 01:04:53 +02:00
parent 4ae2f6c33b
commit a9e9a9c835
7 changed files with 161 additions and 166 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/webui/webapplication.cpp
View file

@ -669,21 +669,21 @@ void WebApplication::action_command_recheck()
void WebApplication::action_command_setLabel()
{
CHECK_URI(0);
CHECK_PARAMETERS("hash" << "label_obj");
CHECK_PARAMETERS("hashes" << "label");
QString hash = request().posts["hash"];
QString label_obj = request().posts["label_obj"];
QStringList hashes = request().posts["hashes"].split("|");
QString label = request().posts["label"].trimmed();
if (!Utils::Fs::isValidFileSystemName(label)) {
status(400, "Labels must not contain special characters");
return;
}
const QVariantMap m = json::fromJson(label_obj).toMap();
if( m.contains("value") ) {
QString label = m["value"].toString();
if (!hash.isEmpty()) {
foreach (const QString &hash, hashes) {
BitTorrent::TorrentHandle *const torrent = BitTorrent::Session::instance()->findTorrent(hash);
if (torrent)
torrent->setLabel(label);
}
}
}
bool WebApplication::isPublicScope()
{

5
src/webui/www/private/index.html
View file

@ -106,9 +106,8 @@
<li><a href="#ForceStart"><img src="theme/media-seek-forward" alt="QBT_TR(Force Resume)QBT_TR"/> QBT_TR(Force Resume)QBT_TR</a></li>
<li class="separator"><a href="#Delete"><img src="theme/list-remove" alt="QBT_TR(Delete)QBT_TR"/> QBT_TR(Delete)QBT_TR</a></li>
<li class="separator">
<a href="#Label">QBT_TR(Label >)QBT_TR</a>
<ul id="contextLabelList">
</ul>
<a href="#Label" class="arrow-right"><img src="theme/view-categories" alt="QBT_TR(Label)QBT_TR"/> QBT_TR(Label)QBT_TR</a>
<ul id="contextLabelList"></ul>
</li>
<li id="queueingMenuItems" class="separator">
<a href="#priority" class="arrow-right"><span style="display: inline-block; width:16px"></span> QBT_TR(Priority)QBT_TR</a>

2
src/webui/www/public/filters.html
View file

@ -11,5 +11,5 @@
</ul>
<br/>
QBT_TR(Labels)QBT_TR
<ul id="filterLabelList" style="padding-left: 0px;">
<ul id="filterLabelList" class="filterList">
</ul>

53
src/webui/www/public/newlabel.html
View file

@ -10,55 +10,38 @@
window.addEvent('domready', function() {
$('newLabel').focus();
$('newLabelButton').addEvent('click', function(e) {
// check field
var label_str = $('newLabel').value;
if( label_str == null || label_str == "" ) {
return false;
}
if( label_str.match("[\\\\/:?\"*<>|]") !== null ) {
$('alert_div').style.display = "block";
return false;
}
new Event(e).stop();
var hashes = new URI().getData('hashes');
var hashesList = hashes.split(',');
var label_json = JSON.stringify( { value : label_str } );
if (hashesList.length) {
var counter = hashesList.length;
hashesList.each(function(hash, index) {
// check field
var labelName = $('newLabel').value.trim();
if (labelName == null || labelName == "")
return false;
if (labelName.match("[\\\\/:?\"*<>|]") !== null) {
alert("QBT_TR(Invalid label name:\nPlease do not use any special characters in the label name.)QBT_TR");
return false;
}
var hashesList = new URI().getData('hashes');
new Request({
url: 'command/setLabel',
method: 'post',
data: {
hash: hash,
label_obj: label_json
hashes: hashesList,
label: labelName
},
onComplete: function() {
if( --counter === 0 ) {
window.parent.document.getElementById('newLabelPage').parentNode.removeChild(window.parent.document.getElementById('newLabelPage'));
}
window.parent.closeWindows();
}
}).send();
});
}
});
});
</script>
</head>
<body>
<center>
<h1 class="vcenter">QBT_TR(Label)QBT_TR:
<input type="text" name="label" id="newLabel" value="" maxlength="100" />
</h1>
<div id="alert_div" style="border: 1px #ff0000 solid; display: none; color: #ff0000; background-color: #ffdee8; width: 95%;">
<b>QBT_TR(Invalid label name)QBT_TR</b>:
<br/>
QBT_TR(Please don't use any special characters in the label name.)QBT_TR
<br/>
</div>
<div style="padding: 10px 10px 0px 10px;">
<p style="font-weight: bold;">QBT_TR(Label)QBT_TR:</p>
<input type="text" id="newLabel" value="" maxlength="100" style="width: 220px;"/>
<div style="text-align: center;">
<input type="button" value="QBT_TR(Add)QBT_TR" id="newLabelButton"/>
</center>
</div>
</div>
</body>
</html>

111
src/webui/www/public/scripts/client.js
View file

@ -98,7 +98,7 @@ window.addEvent('load', function () {
setLabelFilter = function(hash) {
selected_label = hash;
localStorage.setItem('selected_label', selected_label);
updateLabelList();
highlightSelectedLabel();
if (typeof myTable.table != 'undefined')
updateMainData();
};
@ -161,10 +161,9 @@ window.addEvent('load', function () {
var syncMainDataLastResponseId = 0;
var serverState = {};
var removeTorrentFromLabelList = function( hash )
{
if( hash == null || hash == "" ) return false;
var removeTorrentFromLabelList = function(hash) {
if (hash == null || hash == "")
return false;
var removed = false;
Object.each(label_list, function(label) {
if (Object.contains(label.torrents, hash)) {
@ -177,16 +176,15 @@ window.addEvent('load', function () {
var addTorrentToLabelList = function(torrent) {
var label = torrent['label'];
if( label == null || label.length === 0 ) {
removeTorrentFromLabelList( torrent['hash'] );
if (label == null)
return false;
if (label.length === 0) { // Empty label
removeTorrentFromLabelList(torrent['hash']);
return true;
}
var labelHash = genHash(label);
if( label_list[labelHash] == null ) {
console.log( "addTorrentToLabelList: warning, label not found. label=", label, " label_list=", label_list );
if (label_list[labelHash] == null) // This should not happen
label_list[labelHash] = {name: label, torrents: []};
}
if (!Object.contains(label_list[labelHash].torrents, torrent['hash'])) {
removeTorrentFromLabelList(torrent['hash']);
label_list[labelHash].torrents = label_list[labelHash].torrents.combine([torrent['hash']]);
@ -198,15 +196,20 @@ window.addEvent('load', function () {
var updateContextMenu = function () {
var labelList = $('contextLabelList');
labelList.empty();
labelList.appendChild(new Element('li', {html: '<a href="javascript:newLabelFN();">QBT_TR(New...)QBT_TR</a>'}));
labelList.appendChild(new Element('li', {html: '<a href="javascript:resetLabelFN();">QBT_TR(Reset)QBT_TR</a>'}));
labelList.appendChild(new Element('li', {html: '<a href="javascript:newLabelFN();"><img src="theme/list-add" alt="QBT_TR(New...)QBT_TR"/> QBT_TR(New...)QBT_TR</a>'}));
labelList.appendChild(new Element('li', {html: '<a href="javascript:updateLabelFN(0);"><img src="theme/edit-clear" alt="QBT_TR(Reset)QBT_TR"/> QBT_TR(Reset)QBT_TR</a>'}));
var sortedLabels = []
Object.each(label_list, function(label) {
sortedLabels.push(label.name);
});
sortedLabels.sort();
var first = true;
Object.each(label_list, function (label) {
var labelHash = genHash( label.name );
var el = new Element('li', {html: '<a href="javascript:updateLabelFN(\'' + labelHash + '\');">' + label.name + '</a>'});
Object.each(sortedLabels, function(labelName) {
var labelHash = genHash(labelName);
var el = new Element('li', {html: '<a href="javascript:updateLabelFN(\'' + labelHash + '\');"><img src="theme/inode-directory"/> ' + labelName + '</a>'});
if (first) {
el.removeClass();
el.addClass('separator');
first = false;
}
@ -216,41 +219,53 @@ window.addEvent('load', function () {
var updateLabelList = function() {
var labelList = $('filterLabelList');
if( !labelList ) {
if (!labelList)
return;
}
labelList.empty();
var create_link = function( hash, text, count )
{
var create_link = function(hash, text, count) {
var html = '<a href="#" onclick="setLabelFilter(' + hash + ');return false;">' +
'<img src="images/oxygen/folder-documents.png"/>' +
'<img src="theme/inode-directory"/>' +
text + ' (' + count + ')' + '</a>';
return new Element('li', {id: hash, html: html});
};
var allLabels = 0;
Object.each( label_list, function( label ) {
allLabels += label.torrents.length;
var all = myTable.getRowIds().length;
var unlabelled = 0;
Object.each(myTable.rows, function(row) {
if (row['full_data'].label.length === 0)
unlabelled += 1;
});
var unlabelled = myTable.getRowIds().length - allLabels;
labelList.appendChild( create_link( LABELS_ALL, 'QBT_TR(All Labels)QBT_TR', allLabels ) );
labelList.appendChild(create_link(LABELS_ALL, 'QBT_TR(All)QBT_TR', all));
labelList.appendChild(create_link(LABELS_UNLABELLED, 'QBT_TR(Unlabeled)QBT_TR', unlabelled));
var sortedLabels = []
Object.each(label_list, function(label) {
var labelHash = genHash( label.name );
labelList.appendChild( create_link( labelHash, label.name, label.torrents.length ) );
sortedLabels.push(label.name);
});
sortedLabels.sort();
Object.each(sortedLabels, function(labelName) {
var labelHash = genHash(labelName);
var labelCount = label_list[labelHash].torrents.length;
labelList.appendChild(create_link(labelHash, labelName, labelCount));
});
highlightSelectedLabel();
};
var highlightSelectedLabel = function() {
var labelList = $('filterLabelList');
if (!labelList)
return;
var childrens = labelList.childNodes;
for (var i in childrens) {
if( childrens[i].id == selected_label ) {
if (childrens[i].id == selected_label)
childrens[i].className = "selectedFilter";
else
childrens[i].className = "";
}
}
};
var syncMainDataTimer;
var syncMainData = function () {
@ -268,30 +283,42 @@ window.addEvent('load', function () {
onSuccess : function (response) {
$('error_div').set('html', '');
if (response) {
var update_labels = false;
var full_update = (response['full_update'] == true);
if (full_update) {
myTable.rows.erase();
label_list = {};
Object.each( response['labels'], function( label ) {
var labelHash = genHash( label );
label_list[ labelHash ] = { name: label, torrents: [] };
} );
}
if (response['rid']) {
syncMainDataLastResponseId = response['rid'];
}
if (response['labels']) {
response['labels'].each(function(label) {
var labelHash = genHash(label);
label_list[labelHash] = {name: label, torrents: []};
});
update_labels = true;
}
if (response['labels_removed']) {
response['labels_removed'].each(function(label) {
var labelHash = genHash(label);
delete label_list[labelHash];
});
update_labels = true;
}
if (response['torrents']) {
for (var key in response['torrents']) {
response['torrents'][key]['hash'] = key;
myTable.updateRowData(response['torrents'][key]);
addTorrentToLabelList( response['torrents'][key] );
if (addTorrentToLabelList(response['torrents'][key]))
update_labels = true;
}
updateLabelList();
updateContextMenu();
}
if (response['torrents_removed'])
response['torrents_removed'].each(function (hash) {
myTable.removeRow(hash);
removeTorrentFromLabelList(hash);
update_labels = true; // Allways to update All label
});
myTable.updateTable(full_update);
myTable.altRow();
@ -301,6 +328,10 @@ window.addEvent('load', function () {
serverState[key] = tmp[key];
processServerState();
}
if (update_labels) {
updateLabelList();
updateContextMenu();
}
}
clearTimeout(syncMainDataTimer);
syncMainDataTimer = syncMainData.delay(syncMainDataTimerPeriod);

2
src/webui/www/public/scripts/dynamicTable.js
View file

@ -280,7 +280,7 @@ var dynamicTable = new Class({
break;
}
if (labelName == LABELS_ALL && row['full_data'].label.length > 0)
if (labelName == LABELS_ALL)
return true;
if (labelName == LABELS_UNLABELLED && row['full_data'].label.length === 0)

38
src/webui/www/public/scripts/mocha-init.js
View file

@ -314,52 +314,34 @@ initializeWindows = function() {
if (h.length) {
new MochaUI.Window({
id: 'newLabelPage',
title: "QBT_TR(Torrent Label)QBT_TR",
title: "QBT_TR(New Label)QBT_TR",
loadMethod: 'iframe',
contentURL: 'newlabel.html?hashes=' + h.join(','),
contentURL: 'newlabel.html?hashes=' + h.join('|'),
scrollbars: false,
resizable: false,
maximizable: false,
paddingVertical: 0,
paddingHorizontal: 0,
width: 424,
height: 150
width: 250,
height: 100
});
}
};
resetLabelFN = function () {
updateLabelFN = function (labelHash) {
var labelName = '';
if (labelHash != 0)
var labelName = label_list[labelHash].name;
var h = myTable.selectedIds();
var label_json = JSON.stringify({value: ''});
if (h.length) {
h.each(function (hash, index) {
new Request({
url: 'command/setLabel',
method: 'post',
data: {
hash: hash,
label_obj: label_json
hashes: h.join("|"),
label: labelName
}
}).send();
});
}
};
updateLabelFN = function (label_hash) {
var label = label_list[label_hash].name;
var label_json = JSON.stringify({value: label});
var h = myTable.selectedIds();
if (h.length) {
h.each(function (hash, index) {
new Request({
url: 'command/setLabel',
method: 'post',
data: {
hash: hash,
label_obj: label_json
}
}).send();
});
}
};