mirror of
https://github.com/qbittorrent/qBittorrent
synced 2025-07-14 17:23:07 -07:00
WebUI: Fix indentation.
Fix indentation in client.js and dynamicTable.js.
This commit is contained in:
Vladimir Golovnev (Glassez)
parent
1a1db877bf
commit
0488ddafa5
2 changed files with 614 additions and 592 deletions
|
|
@ -8,10 +8,10 @@
|
|||
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
* copies of the Software, and to permit persons to whom the Software is
|
||||
* furnished to do so, subject to the following conditions:
|
||||
*
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in
|
||||
* all copies or substantial portions of the Software.
|
||||
*
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
|
|
@ -23,372 +23,377 @@
|
|||
|
||||
/**************************************************************
|
||||
|
||||
Script : Dynamic Table
|
||||
Version : 0.5
|
||||
Authors : Ishan Arora & Christophe Dumez
|
||||
Desc : Programable sortable table
|
||||
Licence : Open Source MIT Licence
|
||||
Script : Dynamic Table
|
||||
Version : 0.5
|
||||
Authors : Ishan Arora & Christophe Dumez
|
||||
Desc : Programable sortable table
|
||||
Licence : Open Source MIT Licence
|
||||
|
||||
**************************************************************/
|
||||
**************************************************************/
|
||||
|
||||
var dynamicTable = new Class ({
|
||||
var dynamicTable = new Class({
|
||||
|
||||
initialize: function(){
|
||||
},
|
||||
|
||||
setup: function(table, progressIndex, context_menu){
|
||||
this.table = $(table);
|
||||
this.rows = new Hash();
|
||||
this.cur = new Array();
|
||||
this.priority_hidden = false;
|
||||
this.progressIndex = progressIndex;
|
||||
this.filter = localStorage.getItem('selected_filter');
|
||||
if(!$defined(this.filter)) {
|
||||
this.filter = 'all';
|
||||
}
|
||||
this.context_menu = context_menu;
|
||||
this.table.sortedIndex = 1; // Default is NAME
|
||||
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 '';
|
||||
},
|
||||
initialize : function () {},
|
||||
|
||||
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;
|
||||
setup : function (table, progressIndex, context_menu) {
|
||||
this.table = $(table);
|
||||
this.rows = new Hash();
|
||||
this.cur = new Array();
|
||||
this.priority_hidden = false;
|
||||
this.progressIndex = progressIndex;
|
||||
this.filter = localStorage.getItem('selected_filter');
|
||||
if (!$defined(this.filter)) {
|
||||
this.filter = 'all';
|
||||
}
|
||||
this.context_menu = context_menu;
|
||||
this.table.sortedIndex = 1; // Default is NAME
|
||||
this.table.reverseSort = false;
|
||||
},
|
||||
|
||||
applyFilterOnRow: function(tr, status) {
|
||||
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);
|
||||
};
|
||||
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'));
|
||||
}
|
||||
},
|
||||
|
||||
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);
|
||||
},
|
||||
updateSort : function () {
|
||||
var trs = this.table.getChildren('tr');
|
||||
trs.sort(this.sortfunction);
|
||||
this.table.adopt(trs);
|
||||
},
|
||||
|
||||
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;
|
||||
},
|
||||
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();
|
||||
},
|
||||
|
||||
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;
|
||||
},
|
||||
getCurrentTorrentHash : function () {
|
||||
if (this.cur.length > 0)
|
||||
return this.cur[0];
|
||||
return '';
|
||||
},
|
||||
|
||||
selectedIds: function(){
|
||||
return this.cur;
|
||||
},
|
||||
|
||||
getRowId: function(tr){
|
||||
return this.rows.keyOf(tr);
|
||||
},
|
||||
|
||||
getRowIds: function(){
|
||||
return this.rows.getKeys();
|
||||
}
|
||||
|
||||
});
|
||||
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) {
|
||||
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 Events);
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue