mirror of
https://github.com/vichan-devel/vichan.git
synced 2024-12-05 04:18:03 +01:00
185 lines
4.4 KiB
JavaScript
185 lines
4.4 KiB
JavaScript
|
$.fn.longtable = function(fields, options, data) {
|
||
|
var elem = $(this).addClass("longtable");
|
||
|
|
||
|
var orig_data = data;
|
||
|
|
||
|
options.row_h = options.row_h || 22;
|
||
|
options.checkbox = options.checkbox || false;
|
||
|
|
||
|
var shown_rows = {};
|
||
|
|
||
|
var sorted_by = undefined;
|
||
|
var sorted_reverse = false;
|
||
|
|
||
|
var filter = function() { return true; };
|
||
|
|
||
|
var lt = {
|
||
|
_gen_field_td: function(field, id) {
|
||
|
var el;
|
||
|
if (id === undefined) {
|
||
|
el = $("<th></th>");
|
||
|
el.html(fields[field].name || field);
|
||
|
|
||
|
if (!fields[field].sort_disable) {
|
||
|
el.addClass("sortable").click(function() {
|
||
|
lt._sort_by(field);
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
else {
|
||
|
el = $("<td></td>");
|
||
|
if (fields[field].fmt) { // Special formatting?
|
||
|
el.html(fields[field].fmt(data[id]));
|
||
|
}
|
||
|
else {
|
||
|
el.html(data[id][field]);
|
||
|
}
|
||
|
}
|
||
|
el.css("width", fields[field].width);
|
||
|
el.css("height", options.row_h);
|
||
|
return el;
|
||
|
},
|
||
|
_gen_tr: function(id) {
|
||
|
var el = $("<tr></tr>");
|
||
|
$.each(fields, function(field, f) {
|
||
|
lt._gen_field_td(field, id).appendTo(el);
|
||
|
});
|
||
|
if (id !== undefined) {
|
||
|
el.addClass("row").addClass("row_"+id);
|
||
|
el.css({position: "absolute", top: options.row_h * (id+1)});
|
||
|
}
|
||
|
return el;
|
||
|
},
|
||
|
_clean: function() {
|
||
|
elem.find('.row').remove();
|
||
|
shown_rows = {};
|
||
|
},
|
||
|
_remove: function(id) {
|
||
|
elem.find('.row_'+id).remove();
|
||
|
delete shown_rows[id];
|
||
|
},
|
||
|
_insert: function(id) {
|
||
|
var el = lt._gen_tr(id).appendTo(elem);
|
||
|
$(elem).trigger("new-row", [data[id], el]);
|
||
|
shown_rows[id] = true;
|
||
|
},
|
||
|
|
||
|
_sort_by: function(field) {
|
||
|
if (field !== undefined) {
|
||
|
if (sorted_by == field) {
|
||
|
sorted_reverse = !sorted_reverse;
|
||
|
}
|
||
|
else {
|
||
|
sorted_reverse = !!fields[field].sort_reverse;
|
||
|
sorted_by = field;
|
||
|
}
|
||
|
}
|
||
|
lt.sort_by(sorted_by, sorted_reverse);
|
||
|
},
|
||
|
|
||
|
_apply_filter: function() {
|
||
|
data = data.filter(filter);
|
||
|
},
|
||
|
_reset_data: function() {
|
||
|
data = orig_data;
|
||
|
},
|
||
|
|
||
|
|
||
|
set_filter: function(f) {
|
||
|
filter = f;
|
||
|
lt._reset_data();
|
||
|
lt._apply_filter();
|
||
|
lt._sort_by();
|
||
|
},
|
||
|
|
||
|
sort_by: function(field, reverse) {
|
||
|
if (field !== undefined) {
|
||
|
sorted_by = field;
|
||
|
sorted_reverse = reverse;
|
||
|
|
||
|
var ord = fields[field].sort_fun || function(a,b) { return lt.sort_alphanum(a[field], b[field]); };
|
||
|
|
||
|
data = data.sort(ord);
|
||
|
if (reverse) data = data.reverse();
|
||
|
}
|
||
|
|
||
|
lt.update_data();
|
||
|
},
|
||
|
|
||
|
update_viewport: function() {
|
||
|
var first = $(window).scrollTop() - $(elem).offset().top - options.row_h;
|
||
|
var last = first + $(window).height();
|
||
|
|
||
|
first = Math.floor(first / options.row_h);
|
||
|
last = Math.ceil (last / options.row_h);
|
||
|
|
||
|
first = first < 0 ? 0 : first;
|
||
|
last = last >= data.length ? data.length - 1 : last;
|
||
|
|
||
|
$.each(shown_rows, function(id) {
|
||
|
if (id < first || id > last) {
|
||
|
lt._remove(id);
|
||
|
}
|
||
|
});
|
||
|
|
||
|
for (var id = first; id <= last; id++) {
|
||
|
if (!shown_rows[id]) lt._insert(id);
|
||
|
}
|
||
|
},
|
||
|
|
||
|
update_data: function() {
|
||
|
$(elem).height((data.length + 1) * options.row_h);
|
||
|
|
||
|
lt._clean();
|
||
|
lt.update_viewport();
|
||
|
},
|
||
|
|
||
|
get_data: function() {
|
||
|
return data;
|
||
|
},
|
||
|
|
||
|
destroy: function() {
|
||
|
},
|
||
|
|
||
|
// http://web.archive.org/web/20130826203933/http://my.opera.com/GreyWyvern/blog/show.dml/1671288
|
||
|
sort_alphanum: function(a, b) {
|
||
|
function chunkify(t) {
|
||
|
var tz = [], x = 0, y = -1, n = 0, i, j;
|
||
|
|
||
|
while (i = (j = t.charAt(x++)).charCodeAt(0)) {
|
||
|
var m = (/* dot: i == 46 || */(i >=48 && i <= 57));
|
||
|
if (m !== n) {
|
||
|
tz[++y] = "";
|
||
|
n = m;
|
||
|
}
|
||
|
tz[y] += j;
|
||
|
}
|
||
|
return tz;
|
||
|
}
|
||
|
|
||
|
var aa = chunkify((""+a).toLowerCase());
|
||
|
var bb = chunkify((""+b).toLowerCase());
|
||
|
|
||
|
for (x = 0; aa[x] && bb[x]; x++) {
|
||
|
if (aa[x] !== bb[x]) {
|
||
|
var c = Number(aa[x]), d = Number(bb[x]);
|
||
|
if (c == aa[x] && d == bb[x]) {
|
||
|
return c - d;
|
||
|
} else return (aa[x] > bb[x]) ? 1 : -1;
|
||
|
}
|
||
|
}
|
||
|
return aa.length - bb.length;
|
||
|
}
|
||
|
// End of foreign code
|
||
|
};
|
||
|
|
||
|
|
||
|
|
||
|
lt._gen_tr().appendTo(elem);
|
||
|
lt.update_data();
|
||
|
|
||
|
$(window).on("scroll resize", lt.update_viewport);
|
||
|
|
||
|
return lt;
|
||
|
};
|