d4708
/
qBittorrent
mirror of https://github.com/d47081/qBittorrent.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Merge pull request #10476 from Piccirello/webui-table-cell-hover 

Set title attribute for all WebUI table cells
adaptive-webui-19844
Mike Tzou 6 years ago committed by GitHub
parent
bc2cb057a9 238ca03936
commit
18be4732b3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 84 additions and 37 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 121
      src/webui/www/private/scripts/dynamicTable.js

121
src/webui/www/private/scripts/dynamicTable.js
Unescape View File

@ -338,6 +338,7 @@ var DynamicTable = new Class({
newColumn: function(name, style, caption, defaultWidth, defaultVisible) { newColumn: function(name, style, caption, defaultWidth, defaultVisible) {
var column = {}; var column = {};
column['name'] = name; column['name'] = name;
column['title'] = name;
column['visible'] = getLocalStorageItem('column_' + name + '_visible_' + this.dynamicTableDivId, defaultVisible ? '1' : '0'); column['visible'] = getLocalStorageItem('column_' + name + '_visible_' + this.dynamicTableDivId, defaultVisible ? '1' : '0');
column['force_hide'] = false; column['force_hide'] = false;
column['caption'] = caption; column['caption'] = caption;
@ -357,7 +358,9 @@ var DynamicTable = new Class({
else return 0; else return 0;
}; };
column['updateTd'] = function(td, row) { column['updateTd'] = function(td, row) {
td.innerHTML = this.getRowValue(row); const value = this.getRowValue(row)
td.innerHTML = value;
td.title = value;
}; };
column['onResize'] = null; column['onResize'] = null;
this.columns.push(column); this.columns.push(column);
@ -875,13 +878,16 @@ var TorrentsTable = new Class({
if (td.getChildren('img').length) { if (td.getChildren('img').length) {
var img = td.getChildren('img')[0]; var img = td.getChildren('img')[0];
if (img.src.indexOf(img_path) < 0) if (img.src.indexOf(img_path) < 0) {
img.set('src', img_path); img.set('src', img_path);
img.set('title', state);
}
} }
else else
td.adopt(new Element('img', { td.adopt(new Element('img', {
'src': img_path, 'src': img_path,
'class': 'stateIcon' 'class': 'stateIcon',
'title': state
})); }));
}; };
@ -948,12 +954,15 @@ var TorrentsTable = new Class({
} }
td.set('html', status); td.set('html', status);
td.set('title', status);
}; };
// priority // priority
this.columns['priority'].updateTd = function(td, row) { this.columns['priority'].updateTd = function(td, row) {
var priority = this.getRowValue(row); const priority = this.getRowValue(row);
td.set('html', priority < 1 ? '*' : priority); const formattedPriority = (priority < 1) ? '*' : priority;
td.set('html', formattedPriority);
td.set('title', formattedPriority);
}; };
this.columns['priority'].compareRows = function(row1, row2) { this.columns['priority'].compareRows = function(row1, row2) {
@ -972,14 +981,17 @@ var TorrentsTable = new Class({
// name, category // name, category
this.columns['name'].updateTd = function(td, row) { this.columns['name'].updateTd = function(td, row) {
td.set('html', escapeHtml(this.getRowValue(row))); const name = escapeHtml(this.getRowValue(row))
td.set('html', name);
td.set('title', name);
}; };
this.columns['category'].updateTd = this.columns['name'].updateTd; this.columns['category'].updateTd = this.columns['name'].updateTd;
// size // size
this.columns['size'].updateTd = function(td, row) { this.columns['size'].updateTd = function(td, row) {
var size = this.getRowValue(row); const size = friendlyUnit(this.getRowValue(row), false);
td.set('html', friendlyUnit(size, false)); td.set('html', size);
td.set('title', size);
}; };
// progress // progress
@ -1029,6 +1041,7 @@ var TorrentsTable = new Class({
if (num_complete != -1) if (num_complete != -1)
html += ' (' + num_complete + ')'; html += ' (' + num_complete + ')';
td.set('html', html); td.set('html', html);
td.set('title', html);
}; };
this.columns['num_seeds'].compareRows = function(row1, row2) { this.columns['num_seeds'].compareRows = function(row1, row2) {
var num_seeds1 = this.getRowValue(row1, 0); var num_seeds1 = this.getRowValue(row1, 0);
@ -1054,8 +1067,9 @@ var TorrentsTable = new Class({
// dlspeed // dlspeed
this.columns['dlspeed'].updateTd = function(td, row) { this.columns['dlspeed'].updateTd = function(td, row) {
var speed = this.getRowValue(row); const speed = friendlyUnit(this.getRowValue(row), true);
td.set('html', friendlyUnit(speed, true)); td.set('html', speed);
td.set('title', speed);
}; };
// upspeed // upspeed
@ -1063,8 +1077,9 @@ var TorrentsTable = new Class({
// eta // eta
this.columns['eta'].updateTd = function(td, row) { this.columns['eta'].updateTd = function(td, row) {
var eta = this.getRowValue(row); const eta = friendlyDuration(this.getRowValue(row));
td.set('html', friendlyDuration(eta)); td.set('html', eta);
td.set('title', eta);
}; };
// ratio // ratio
@ -1076,6 +1091,7 @@ var TorrentsTable = new Class({
else else
html = (Math.floor(100 * ratio) / 100).toFixed(2); //Don't round up html = (Math.floor(100 * ratio) / 100).toFixed(2); //Don't round up
td.set('html', html); td.set('html', html);
td.set('title', html);
}; };
// tags // tags
@ -1085,16 +1101,20 @@ var TorrentsTable = new Class({
this.columns['added_on'].updateTd = function(td, row) { this.columns['added_on'].updateTd = function(td, row) {
var date = new Date(this.getRowValue(row) * 1000).toLocaleString(); var date = new Date(this.getRowValue(row) * 1000).toLocaleString();
td.set('html', date); td.set('html', date);
td.set('title', date);
}; };
// completion_on // completion_on
this.columns['completion_on'].updateTd = function(td, row) { this.columns['completion_on'].updateTd = function(td, row) {
var val = this.getRowValue(row); var val = this.getRowValue(row);
if (val === 0xffffffff || val < 0) if ((val === 0xffffffff) || (val < 0)) {
td.set('html', ''); td.set('html', '');
td.set('title', '');
}
else { else {
var date = new Date(this.getRowValue(row) * 1000).toLocaleString(); var date = new Date(this.getRowValue(row) * 1000).toLocaleString();
td.set('html', date); td.set('html', date);
td.set('title', date);
} }
}; };
@ -1104,10 +1124,15 @@ var TorrentsTable = new Class({
// dl_limit, up_limit // dl_limit, up_limit
this.columns['dl_limit'].updateTd = function(td, row) { this.columns['dl_limit'].updateTd = function(td, row) {
var speed = this.getRowValue(row); var speed = this.getRowValue(row);
if (speed === 0) if (speed === 0) {
td.set('html', '∞'); td.set('html', '∞');
else td.set('title', '∞');
td.set('html', friendlyUnit(speed, true)); }
else {
const formattedSpeed = friendlyUnit(speed, true);
td.set('html', formattedSpeed);
td.set('title', formattedSpeed);
}
}; };
this.columns['up_limit'].updateTd = this.columns['dl_limit'].updateTd; this.columns['up_limit'].updateTd = this.columns['dl_limit'].updateTd;
@ -1132,16 +1157,22 @@ var TorrentsTable = new Class({
// last_activity // last_activity
this.columns['last_activity'].updateTd = function(td, row) { this.columns['last_activity'].updateTd = function(td, row) {
var val = this.getRowValue(row); var val = this.getRowValue(row);
if (val < 1) if (val < 1) {
td.set('html', '∞'); td.set('html', '∞');
else td.set('title', '∞');
td.set('html', 'QBT_TR(%1 ago)QBT_TR[CONTEXT=TransferListDelegate]'.replace('%1', friendlyDuration((new Date()) / 1000 - val))); }
else {
const formattedVal = 'QBT_TR(%1 ago)QBT_TR[CONTEXT=TransferListDelegate]'.replace('%1', friendlyDuration((new Date()) / 1000 - val));
td.set('html', formattedVal);
td.set('title', formattedVal);
}
}; };
// time active // time active
this.columns['time_active'].updateTd = function(td, row) { this.columns['time_active'].updateTd = function(td, row) {
var time = this.getRowValue(row); const time = friendlyDuration(this.getRowValue(row));
td.set('html', friendlyDuration(time)); td.set('html', time);
td.set('title', time);
}; };
}, },
@ -1365,6 +1396,7 @@ var TorrentPeersTable = new Class({
progressFormated = 99.9; progressFormated = 99.9;
progressFormated += "%"; progressFormated += "%";
td.set('html', progressFormated); td.set('html', progressFormated);
td.set('title', progressFormated);
}; };
this.columns['relevance'].updateTd = this.columns['progress'].updateTd; this.columns['relevance'].updateTd = this.columns['progress'].updateTd;
@ -1373,10 +1405,15 @@ var TorrentPeersTable = new Class({
this.columns['dl_speed'].updateTd = function(td, row) { this.columns['dl_speed'].updateTd = function(td, row) {
var speed = this.getRowValue(row); var speed = this.getRowValue(row);
if (speed === 0) if (speed === 0) {
td.set('html', ''); td.set('html', '');
else td.set('title', '');
td.set('html', friendlyUnit(speed, true)); }
else {
const formattedSpeed = friendlyUnit(speed, true);
td.set('html', formattedSpeed);
td.set('title', formattedSpeed);
}
}; };
this.columns['up_speed'].updateTd = this.columns['dl_speed'].updateTd; this.columns['up_speed'].updateTd = this.columns['dl_speed'].updateTd;
@ -1384,8 +1421,9 @@ var TorrentPeersTable = new Class({
// downloaded, uploaded // downloaded, uploaded
this.columns['downloaded'].updateTd = function(td, row) { this.columns['downloaded'].updateTd = function(td, row) {
var downloaded = this.getRowValue(row); const downloaded = friendlyUnit(this.getRowValue(row), false);
td.set('html', friendlyUnit(downloaded, false)); td.set('html', downloaded);
td.set('title', downloaded);
}; };
this.columns['uploaded'].updateTd = this.columns['downloaded'].updateTd; this.columns['uploaded'].updateTd = this.columns['downloaded'].updateTd;
@ -1422,16 +1460,20 @@ var SearchResultsTable = new Class({
initColumnsFunctions: function() { initColumnsFunctions: function() {
var displayText = function(td, row) { var displayText = function(td, row) {
var value = this.getRowValue(row); var value = escapeHtml(this.getRowValue(row));
td.set('html', escapeHtml(value)); td.set('html', value);
td.set('title', value);
} }
var displaySize = function(td, row) { var displaySize = function(td, row) {
var size = this.getRowValue(row); const size = friendlyUnit(this.getRowValue(row), false);
td.set('html', friendlyUnit(size, false)); td.set('html', size);
td.set('title', size);
} }
var displayNum = function(td, row) { var displayNum = function(td, row) {
var value = escapeHtml(this.getRowValue(row)); var value = escapeHtml(this.getRowValue(row));
td.set('html', (value === "-1") ? "Unknown" : value); const formattedValue = (value === "-1") ? "Unknown" : value;
td.set('html', formattedValue);
td.set('title', formattedValue);
} }
this.columns['fileName'].updateTd = displayText; this.columns['fileName'].updateTd = displayText;
@ -1541,8 +1583,9 @@ var SearchPluginsTable = new Class({
initColumnsFunctions: function() { initColumnsFunctions: function() {
var displayText = function(td, row) { var displayText = function(td, row) {
var value = this.getRowValue(row); const value = escapeHtml(this.getRowValue(row));
td.set('html', escapeHtml(value)); td.set('html', value);
td.set('title', value);
} }
this.columns['fullName'].updateTd = displayText; this.columns['fullName'].updateTd = displayText;
@ -1552,11 +1595,13 @@ var SearchPluginsTable = new Class({
var value = this.getRowValue(row); var value = this.getRowValue(row);
if (value) { if (value) {
td.set('html', "Yes"); td.set('html', "Yes");
td.set('title', "Yes");
td.getParent("tr").addClass("green"); td.getParent("tr").addClass("green");
td.getParent("tr").removeClass("red"); td.getParent("tr").removeClass("red");
} }
else { else {
td.set('html', "No"); td.set('html', "No");
td.set('title', "No");
td.getParent("tr").addClass("red"); td.getParent("tr").addClass("red");
td.getParent("tr").removeClass("green"); td.getParent("tr").removeClass("green");
} }
@ -1600,12 +1645,14 @@ var TorrentFilesTable = new Class({
initColumnsFunctions: function() { initColumnsFunctions: function() {
var displaySize = function(td, row) { var displaySize = function(td, row) {
var size = this.getRowValue(row); const size = friendlyUnit(this.getRowValue(row), false);
td.set('html', friendlyUnit(size, false)); td.set('html', size);
td.set('title', size);
} }
var displayPercentage = function(td, row) { var displayPercentage = function(td, row) {
var value = this.getRowValue(row); const value = friendlyPercentage(this.getRowValue(row));
td.set('html', friendlyPercentage(value)); td.set('html', value);
td.set('title', value);
}; };
this.columns['checked'].updateTd = function(td, row) { this.columns['checked'].updateTd = function(td, row) {

Write Preview
Loading…
Cancel
Save