Component-Builder-fork/media/footable/js/footable.bookmarkable.js

171 lines
7.3 KiB
JavaScript

(function ($, w, undefined) {
if (w.footable === undefined || w.foobox === null)
throw new Error('Please check and make sure footable.js is included in the page and is loaded prior to this script.');
var defaults = {
bookmarkable: {
enabled: false
}
};
// see http://www.onlineaspect.com/2009/06/10/reading-get-variables-with-javascript/
function $_HASH(q,s) {
s = s ? s : location.hash;
var re = new RegExp('&'+q+'(?:=([^&]*))?(?=&|$)','i');
return (s=s.replace(/^\#/,'&').match(re)) ? (typeof s[1] == 'undefined' ? '' : decodeURIComponent(s[1])) : undefined;
}
function addFootableStatusData(ft, event) {
var tbl_total = $(ft.table).find("tbody").find("tr:not(.footable-row-detail, .footable-filtered)").length;
$(ft.table).data("status_num_total", tbl_total);
var tbl_num = $(ft.table).find("tbody").find("tr:not(.footable-row-detail)").filter(":visible").length;
$(ft.table).data("status_num_shown", tbl_num);
var sort_colnum = $(ft.table).data("sorted");
var sort_col = $(ft.table).find("th")[sort_colnum];
var descending = $(sort_col).hasClass("footable-sorted-desc");
$(ft.table).data("status_descending", descending);
if (ft.pageInfo) {
var pagenum = ft.pageInfo.currentPage;
$(ft.table).data("status_pagenum", pagenum);
}
var filter_val = '';
var filter_field_id = $(ft.table).data('filter');
if ( $(filter_field_id).length ) {
filter_val = $(filter_field_id).val();
}
$(ft.table).data("status_filter_val", filter_val);
// manage expanded or collapsed rows:
var row, rowlist, expanded_rows;
if (event.type == 'footable_row_expanded') {
row = event.row;
if (row) {
rowlist = $(ft.table).data('expanded_rows');
expanded_rows = [];
if (rowlist) {
expanded_rows = rowlist.split(',');
}
expanded_rows.push(row.rowIndex);
$(ft.table).data('expanded_rows', expanded_rows.join(','));
}
}
if (event.type == 'footable_row_collapsed') {
row = event.row;
if (row) {
rowlist = $(ft.table).data('expanded_rows');
expanded_rows = [];
if (rowlist) {
expanded_rows = rowlist.split(',');
}
var new_expanded_rows = [];
for (var i in expanded_rows) {
if (expanded_rows[i] == row.rowIndex) {
new_expanded_rows = expanded_rows.splice(i, 1);
break;
}
}
$(ft.table).data('expanded_rows', new_expanded_rows.join(','));
}
}
}
function Bookmarkable() {
var p = this;
p.name = 'Footable LucidBookmarkable';
p.init = function(ft) {
if (ft.options.bookmarkable.enabled) {
$(ft.table).bind({
'footable_initialized': function(){
var tbl_id = ft.table.id;
var q_filter = $_HASH(tbl_id + '_f');
var q_page_num = $_HASH(tbl_id + '_p');
var q_sorted = $_HASH(tbl_id + '_s');
var q_desc = $_HASH(tbl_id + '_d');
var q_expanded = $_HASH(tbl_id + '_e');
if (q_filter) {
var filter_field_id = $(ft.table).data('filter');
$(filter_field_id).val(q_filter);
$(ft.table).trigger('footable_filter', {filter: q_filter});
}
if (q_page_num) {
$(ft.table).data('currentPage', q_page_num);
// we'll check for sort before triggering pagination, since
// sorting triggers pagination.
}
if (typeof q_sorted !== 'undefined') {
var footableSort = $(ft.table).data('footable-sort');
var ascending = true;
if (q_desc == 'true') {
ascending = false;
}
footableSort.doSort(q_sorted, ascending);
}
else {
$(ft.table).trigger('footable_setup_paging');
}
if (q_expanded) {
var expanded_rows = q_expanded.split(',');
for (var i in expanded_rows) {
var row = $(ft.table.rows[expanded_rows[i]]);
row.find('> td:first').trigger('footable_toggle_row');
}
}
ft.lucid_bookmark_read = true;
},
'footable_page_filled footable_redrawn footable_filtered footable_sorted footable_row_expanded footable_row_collapsed': function(e) {
addFootableStatusData(ft, e);
// update the URL hash
// lucid_bookmark_read guards against running this logic before
// the "first read" of the location bookmark hash.
if (ft.lucid_bookmark_read) {
var tbl_id = ft.table.id;
var filter = tbl_id + '_f';
var page_num = tbl_id + '_p';
var sorted = tbl_id + '_s';
var descending = tbl_id + '_d';
var expanded = tbl_id + '_e';
var hash = location.hash.replace(/^\#/, '&');
var hashkeys = [filter, page_num, sorted, descending, expanded];
// trim existing elements out of the hash.
for (var i in hashkeys) {
var re = new RegExp('&' + hashkeys[i]+'=([^&]*)', 'g');
hash = hash.replace(re, '');
}
var foostate = {};
foostate[filter] = $(ft.table).data('status_filter_val');
foostate[page_num] = $(ft.table).data('status_pagenum');
foostate[sorted] = $(ft.table).data('sorted');
foostate[descending] = $(ft.table).data('status_descending');
foostate[expanded] = $(ft.table).data('expanded_rows');
var pairs = [];
for (var elt in foostate) {
if (foostate[elt] !== undefined) {
pairs.push(elt + '=' + encodeURIComponent(foostate[elt]));
}
}
if (hash.length) {
pairs.push(hash);
}
location.hash = pairs.join('&');
}
}
});
}
};
}
w.footable.plugins.register(Bookmarkable, defaults);
})(jQuery, window);