/* * MIT License * Copyright (c) 2008 Ishan Arora & Christophe Dumez * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * 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 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ /************************************************************** Script : Dynamic Table Version : 0.5 Authors : Ishan Arora & Christophe Dumez Desc : Programable sortable table Licence : Open Source MIT Licence **************************************************************/ 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 ''; }, 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); /*************************************************************/