/*
*
* TableSorter 2.0 - Client-side table sorting with ease!
*
* Copyright (c) 2007 Christian Bach (http://lovepeacenukes.com)
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
*
* jQueryDate:
* jQueryAuthor: Christian jQuery
*
*/
(function($) {
$.extend({
tablesorter: new function() {
this.defaults = {
css: {
header: 'TBheader',
orderAsc: 'SortUp',
orderDesc: 'SortDown'
},
sorting: {
initialOrder: 'asc',
multisortKey: 'shiftKey',
filters: ['zebra']
},
xpath: {
findAllHeaders: '/thead:first/tr/th'
},
parsers: {
},
widgets: {
},
zebra: {
css: ['even','odd']
},
meta: true,
headers: {},
cancelSelection: true,
debug: true
};
var parsers = [];
var widgets = [];
var tempCell;
/* debuging utils */
function benchmark(label,stamp) {
if (typeof console != "undefined" && typeof console.debug != "undefined") {
log(label + ' ' + (new Date().getTime() - stamp.getTime()) + 'ms');
} else {
//alert(label + ',' + (new Date().getTime() - stamp.getTime()) + 'ms');
}
}
function log(s) {
if (typeof console != "undefined" && typeof console.debug != "undefined") {
console.log(s);
} else {
//alert(s);
}
}
/* parsers utils */
function buildParserCache(table,$headers) {
var list = [], cells = table.tBodies[0].rows[0].cells, l = cells.length;
for (var i=0;i < l; i++) {
var p = false;
if( ($headers[i] && $headers[i].sorter)) {
p = getParserById($headers[i].sorter);
} else if((table.config.headers[i] && table.config.headers[i].sorter)) {
p = getParserById(table.config.headers[i].sorter);
}
if(!p) {
p = detectParserForColumn(cells[i]);
}
list.push(p);
}
return list;
};
function detectParserForColumn(node) {
var l = parsers.length;
for(var i=1; i < l; i++) {
if(parsers[i].is(getElementText(node))) {
return parsers[i];
}
}
// 0 is always the generic parser (text)
return parsers[0];
}
function getParserById(name) {
var l = parsers.length;
for(var i=0; i < l; i++) {
if(parsers[i].id.toLowerCase() == name.toLowerCase()) {
return parsers[i];
}
}
return false;
}
/* utils */
function buildCache(table) {
if(table.config.debug) { var cacheTime = new Date(); }
var totalRows = (table.tBodies[0] && table.tBodies[0].rows.length) || 0,
totalCells = table.tBodies[0].rows[0].cells.length,
parsers = table.config.parsers,
cache = {row: [], normalized: []};
for (var i=0;i < totalRows; ++i) {
/** Add the table data to main data array */
var c = table.tBodies[0].rows[i],
cols = [];
cache.row.push(c);
for(var j=0; j < totalCells; ++j) {
cols.push(parsers[j].format(getElementText(c.cells[j])));
}
cols.push(i); // add position for rowCache
cache.normalized.push(cols);
cols = null;
};
if(table.config.debug) { benchmark('Building cache for ' + totalRows + ' rows:', cacheTime); }
return cache;
};
function getElementText(node) {
return node.innerHTML;
};
function appendToTable(table,cache) {
if(table.config.debug) {var appendTime = new Date()}
var c = cache,
r = c.row,
n= c.normalized,
totalRows = n.length,
checkCell = (n[0].length-1),
tableBody = $('tbody:first',table).empty();
h = "";
//for (var i = 0; i < totalRows; ++i) {
for (var i=0;i < totalRows; ++i) {
if(i<3){
h+= '' + r[n[i][checkCell]].innerHTML + '
';
}else{
h+= '' + r[n[i][checkCell]].innerHTML + '
';
}
}
tableBody.html(h);
h = null;
//apply table widgets
applyWidget(table);
if(table.config.debug) { benchmark('Rebuilt table:', appendTime); }
};
function buildHeaders(table) {
if(table.config.debug) { var time = new Date(); }
var meta = ($.meta && table.config.meta) ? true : false, tableHeadersRows = [];
for(var i = 0; i < table.tHead.rows.length; i++) { tableHeadersRows[i]=0; };
$tableHeaders = $(checkCellColSpan(table, tableHeadersRows, 0,table.tHead.rows[0].cells.length));
if(table.config.debug) { benchmark('Built headers:', time); }
return $tableHeaders;
};
function checkCellColSpan(table, headerArr, row, until) {
var arr = [];
var cells = table.tHead.rows[row].cells;
var offset = 0;
until += headerArr[row];
for(var i=headerArr[row]; i < until; i++) {
var cell = cells[i];
if ( cell.colSpan > 1 ) {
arr = arr.concat(checkCellColSpan(table, headerArr, row+cell.rowSpan, cell.colSpan));
} else {
// check so header is not disable by the meta plugin
if(!checkHeaderMetadata(cell) && !checkHeaderOptions(table,i)) {
cell.column = i;
cell.order = formatSortingOrder(table.config.sorting.initialOrder);
if($.meta && $(cell).data().sorter) {
this.sorter = $(cell).data().sorter;
//this.direction = $this.data().direction;
}
$(cell).addClass(table.config.css.header);
arr.push(cell);
}
headerArr[row] = i+1;
}
}
return arr;
};
function checkHeaderMetadata(cell) {
if(($.meta) && ($(cell).data().sorter === false)) { return true; };
return false;
}
function checkHeaderOptions(table,i) {
if((table.config.headers[i]) && (table.config.headers[i].sorter === false)) { return true; };
return false;
}
function applyWidget(table) {
var c = table.config.widgets;
var l = c.length;
for(var i=0; i < l; i++) {
getWidgetById(c[i]).format(table);
}
}
function getWidgetById(name) {
var l = widgets.length;
for(var i=0; i < l; i++) {
if(widgets[i].id.toLowerCase() == name.toLowerCase() ) {
return widgets[i];
}
}
};
function formatSortingOrder(v) {
if(typeof v != "Number") {
i = (v.toLowerCase() == "desc") ? 1 : 0;
} else {
i = (v == (0 || 1)) ? v : 0;
}
return i;
}
function isValueInArray(v, a) {
var l = a.length;
for(var i=0; i < l; i++) {
if(a[i][0] == v) {
return true;
}
}
return false;
}
function setHeadersCss(table,$headers, list, css) {
// remove all header information
$headers.removeClass(css[0]).removeClass(css[1]);
var h = [];
$headers.each(function(offset) {
h[this.column] = $(this);
});
var l = list.length;
for(var i=0; i < l; i++) {
h[list[i][0]].addClass(css[list[i][1]]);
}
}
/* sorting methods */
function multisort(table,sortList,cache) {
if(table.config.debug) { var sortTime = new Date(); }
var sortWrapper, dynamicExp = "sortWrapper = function(a,b) {", l = sortList.length;
for(var i=0; i < l; i++) {
var c = sortList[i][0];
var order = sortList[i][1];
var s = (getCachedSortType(table.config.parsers,c) == 'text') ? ((order == 0) ? 'sortText' : 'sortTextDesc') : ((order == 0) ? 'sortNumeric' : 'sortNumericDesc');
var e = 'e' + i;
dynamicExp += 'var ' + e + ' = ' + s + '(a[' + c + '],b[' + c + ']);';
dynamicExp += 'if(' + e + ') { return ' + e + ' }';
dynamicExp += ' else {';
}
for(var i=0; i < l; i++) {
dynamicExp += '}';
}
dynamicExp += 'return 0'
dynamicExp += '};'
eval(dynamicExp);
cache.normalized.sort(sortWrapper);
if(table.config.debug) { benchmark('Sorting on ' + sortList.length + ' columns and dir ' + order+ ' time:', sortTime); }
return cache;
};
function sortText(a,b) {
//return ((a < b) ? -1 : ((a > b) ? 1 : 0));
var aCount=0;
var bCount=0;
var aString='';
var bString='';
for (var index = 0; index < a.length; index++) {
var tmp=a.charAt(index);
if(tmp.search(/^[0-9]$/)<0){
aCount+=tmp.charCodeAt();
}else{
aString=aString.concat(tmp);
}
}
if(aString==''){
return a.localeCompare(b);
}
for (var index = 0; index < b.length; index++) {
var tmp=b.charAt(index);
if(tmp.search(/^[0-9]$/)<0){
bCount+=tmp.charCodeAt();
}else{
bString=bString.concat(tmp);
}
}
aCount+=parseInt(aString);
bCount+=parseInt(bString);
return ((aCount < bCount) ? -1 : ((aCount > bCount) ? 1 : 0));
};
function sortTextDesc(a,b) {
//return ((b < a) ? -1 : ((b > a) ? 1 : 0))
//return b.localeCompare(a);
return -sortText(a,b)
};
function sortNumeric(a,b) {
return a-b;
};
function sortNumericDesc(a,b) {
return b-a;
};
function getCachedSortType(parsers,i) {
return parsers[i].type;
};
/* events */
/* public methods */
this.construct = function(settings) {
return this.each(function() {
var $this, $document,$headers, cache, config, shiftDown = 0, sortOrder, sortList = [];
this.config = {};
config = $.extend(this.config, $.tablesorter.defaults, settings);
// store common expression for speed
$this = $(this);
// build headers
$headers = buildHeaders(this);
// try to auto detect column type, and store in tables config
this.config.parsers = buildParserCache(this,$headers);
// build the cache for the tbody cells
cache = buildCache(this);
// get the css class names, could be done else where.
var sortCSS = [config.css.orderAsc,config.css.orderDesc];
// apply filters
applyWidget(this);
// apply event handling to headers
// this is to big, perhaps break it out?
$headers.click(function(e) {
// store exp, for speed
var $cell = $(this);
// check to see so the header has sorting class active.
//if($cell.is("." + config.css.header)) {
// get current column index
var i = this.column;
// get current column sort order
var d = this.order % 2;
// user only whants to sort on one column
if(!e[config.sorting.multisortKey]) {
// reset all headers in case we want to reset from a multi column sort
//resetHeadersCss($headers,sortList,sortCSS);
// flush the sort list
sortList = [];
// add column to sort list
sortList.push([i,d]);
// multi column sorting
} else {
// the user has clicked on an all ready sortet column.
if(isValueInArray(i,sortList)) {
// revers the sorting direction for all tables.
for(var j=0; j < sortList.length; j++) {
if(sortList[j][0] == i) {
sortList[j][1] = d;
}
}
} else {
// add column to sort list array
sortList.push([i,d]);
}
};
// only store order if the user has clicked on one column
if(sortList.length == 1) {
// store order for later use
}
// call the sorting method
$this.trigger("sorton",[sortList]);
// update order (desc or asc)
this.order++;
var $img = $cell.children()[0];
if($img.style.display == "none"){
$img.style.display = "";
$cell.css("background-color","#58BCEE");
if(tempCell){
tempCell.children()[0].style.display = "none";
tempCell.css("background-color","#FFFFFF");
}
}else{
}
if($img.src.indexOf("img/down.gif") > -1) $img.src = "/search/trend/img/up.gif";
else $img.src = "/search/trend/img/down.gif";
$cell.css("background-color","#58BCEE");
tempCell = $cell;
//}
// stop normal event by returning false
return false;
// cancel selection
}).mousedown(function() {
if(config.cancelSelection) {
this.onselectstart = function() {return false};
//alert(this.onselectstart);
return false;
}
});
// apply easy methods that trigger binded events
$this.bind('update',function() {
// rebuild the cache map
cache = buildCache(this);
}).bind('sorton',function(e,sortList) {
//set css for headers
setHeadersCss(this,$headers,sortList,sortCSS);
// sort the table and append it to the dom
appendToTable(this,multisort(this,sortList,cache));
});
});
};
this.addParser = function(parser) {
var l = parsers.length, a = true;
for(var i=0; i < l; i++) {
if(parsers[i].id.toLowerCase() == parser.id.toLowerCase()) {
a = false;
}
}
if(a) { parsers.push(parser); };
};
this.addWidget = function(widget) {
widgets.push(widget);
};
this.formatFloat = function(s) {
var i = parseFloat(s);
return (isNaN(i)) ? 0 : i;
};
this.formatInt = function(s) {
var i = parseInt(s,10);
return (isNaN(i)) ? 0 : i;
};
}
});
// extend plugin scope
$.fn.extend({
tablesorter: $.tablesorter.construct
});
// add parsers
$.tablesorter.addParser({
id: 'text',
is: function(s) {
return true;
},
format: function(s) {
return $.trim(s.toLowerCase());
},
type: 'text'
});
$.tablesorter.addParser({
id: 'integer',
is: function(s) {
return s.match(new RegExp(/^\d+$/));
},
format: function(s) {
return $.tablesorter.formatInt(s);
},
type: 'numeric'
});
$.tablesorter.addParser({
id: 'float',
is: function(s) {
return s.match(new RegExp(/^\d.+$/));
},
format: function(s) {
return $.tablesorter.formatFloat(s);
},
type: 'numeric'
});
// add widgets
$.tablesorter.addWidget({
id: 'zebra',
format: function(table) {
$("> tbody:first/tr:visible:even",table).addClass(table.config.zebra.css[0]);
$("> tbody:first/tr:visible:odd",table).addClass(table.config.zebra.css[1]);
}
});
})(jQuery);