2011-09-11 17:51:02 +00:00
|
|
|
/* TableSorter 2.0 Widgets */
|
|
|
|
|
|
|
|
// Add jQuery UI theme widget
|
2011-09-13 22:55:31 +00:00
|
|
|
// **************************
|
2011-09-11 17:51:02 +00:00
|
|
|
$.tablesorter.addWidget({
|
|
|
|
id: "uitheme",
|
|
|
|
format: function(table) {
|
2011-09-13 22:55:31 +00:00
|
|
|
var time, c = table.config,
|
2011-09-11 17:51:02 +00:00
|
|
|
// ["up/down arrow (cssHeaders, unsorted)", "down arrow (cssDesc, descending)", "up arrow (cssAsc, ascending)" ]
|
|
|
|
icons = c.uitheme || ["ui-icon-arrowthick-2-n-s", "ui-icon-arrowthick-1-s", "ui-icon-arrowthick-1-n"],
|
|
|
|
klass, rmv = icons.join(' ');
|
|
|
|
if (c.debug) {
|
|
|
|
time = new Date();
|
|
|
|
}
|
|
|
|
if (!$(c.headerList[0]).is('.ui-theme')) {
|
|
|
|
$(table).addClass('ui-widget ui-widget-content ui-corner-all');
|
|
|
|
$.each(c.headerList, function(){
|
|
|
|
$(this)
|
|
|
|
// using "ui-theme" class in case the user adds their own ui-icon using onRenderHeader
|
|
|
|
.addClass('ui-widget-header ui-corner-all ui-theme')
|
|
|
|
.append('<span class="ui-theme"/>');
|
|
|
|
});
|
|
|
|
}
|
|
|
|
$.each(c.headerList, function(i){
|
|
|
|
if (c.headers[i] && c.headers[i].sorter === false) {
|
|
|
|
// no sort arrows for disabled columns!
|
|
|
|
$(this).find('span.ui-theme').removeClass(rmv + ' ui-icon');
|
|
|
|
} else {
|
|
|
|
klass = ($(this).is('.' + c.cssAsc)) ? icons[1] : ($(this).is('.' + c.cssDesc)) ? icons[2] : $(this).is('.' + c.cssHeader) ? icons[0] : '';
|
|
|
|
$(this).find('span.ui-theme').removeClass(rmv).addClass(klass + ' ui-icon');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
if (c.debug) {
|
|
|
|
$.tablesorter.benchmark("Applying uitheme widget", time);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
// Add Column styles widget
|
2011-09-13 22:55:31 +00:00
|
|
|
// **************************
|
2011-09-11 17:51:02 +00:00
|
|
|
$.tablesorter.addWidget({
|
|
|
|
id: "columns",
|
|
|
|
format: function(table) {
|
|
|
|
var $td, time, i,
|
|
|
|
c = table.config,
|
|
|
|
list = c.sortList,
|
|
|
|
len = list.length,
|
|
|
|
css = c.widgetColumns.css,
|
|
|
|
last = css.length-1,
|
|
|
|
rmv = css.join(' ');
|
|
|
|
if (c.debug) {
|
|
|
|
time = new Date();
|
|
|
|
}
|
2011-09-13 22:55:31 +00:00
|
|
|
// check if there is a sort (on initialization there may not be one)
|
|
|
|
if (list && list[0]) {
|
|
|
|
// loop through the visible rows
|
|
|
|
$("tr:visible", table.tBodies[0]).each(function (i) {
|
|
|
|
$td = $(this).children().removeClass(rmv);
|
|
|
|
// primary sort column class
|
|
|
|
$td.eq(list[0][0]).addClass(css[0]);
|
|
|
|
if (len > 1) {
|
|
|
|
for (i=1; i<len; i++){
|
|
|
|
// secondary, tertiary, etc sort column classes
|
|
|
|
$td.eq(list[i][0]).addClass( css[i] || css[last] );
|
|
|
|
}
|
2011-09-11 17:51:02 +00:00
|
|
|
}
|
2011-09-13 22:55:31 +00:00
|
|
|
});
|
|
|
|
}
|
2011-09-11 17:51:02 +00:00
|
|
|
if (c.debug) {
|
|
|
|
$.tablesorter.benchmark("Applying Columns widget", time);
|
|
|
|
}
|
|
|
|
}
|
2011-09-13 22:55:31 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
// Add Filter widget
|
|
|
|
// ** This widget doesn't work correctly with the pager plugin =( **
|
|
|
|
// **************************
|
|
|
|
$.tablesorter.addWidget({
|
|
|
|
id: "filter",
|
|
|
|
format: function(table) {
|
|
|
|
if (!table.config.filtering) {
|
|
|
|
var i, v, r, t, $td, c = table.config,
|
|
|
|
cols = c.headerList.length,
|
|
|
|
cache = c.cache.normalized,
|
|
|
|
tbl = $(table),
|
|
|
|
fr = '<tr class="filters">',
|
|
|
|
time;
|
|
|
|
if (c.debug) {
|
|
|
|
time = new Date();
|
|
|
|
}
|
|
|
|
for (i=0; i < cols; i++){
|
|
|
|
fr += '<td><input type="text" class="filter" data-col="' + i + '"></td>';
|
|
|
|
}
|
|
|
|
tbl
|
|
|
|
.find('thead').append(fr += '</tr>')
|
|
|
|
.find('.filter').bind('keyup', function(e){
|
|
|
|
v = tbl.find('.filter').map(function(){ return ($(this).val() || '').toLowerCase(); }).get();
|
|
|
|
if (v.join('') === '') {
|
|
|
|
tbl.find('tr').show();
|
|
|
|
} else {
|
|
|
|
tbl.find('tbody').find('tr').each(function(){
|
|
|
|
r = true;
|
|
|
|
$td = $(this).find('td');
|
|
|
|
for (i=0; i < cols; i++){
|
|
|
|
if (v[i] !== '' && $td.eq(i).text().toLowerCase().indexOf(v[i]) >= 0) {
|
|
|
|
r = (r) ? true : false;
|
|
|
|
} else if (v[i] !== '') {
|
|
|
|
r = false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
$(this)[r ? 'show' : 'hide']();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
tbl.trigger('applyWidgets'); // make sure zebra widget is applied
|
|
|
|
});
|
|
|
|
c.filtering = true;
|
|
|
|
if (c.debug) {
|
|
|
|
$.tablesorter.benchmark("Applying Filter widget", time);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|