dom.bj.page_controller = function(items, current_index, onChange) {
//ver 0.0.4
var apply = app.utils.apply;
if (items.length < 2) {
return null
}
var back = function() {
var ind;
if (current_index === 0) {
ind = items.length - 1;
} else {
ind = current_index - 1;
}
onChange(ind, items[ind]);
}
var fwd = function() {
var ind;
if (current_index === items.length - 1) {
ind = 0;
} else {
ind = current_index + 1;
}
onChange(ind, items[ind]);
}
var get_label = function() {
return (current_index + 1) + "/" + (items.length);
}
return dom.span({
className: "bj_pagecontroller"
}, dom.bj.btn({
icon: "chevron_left",
onClick: apply(back)
}), dom.span({
style: {
marginLeft: 3,
marginRight: 3
}
}, get_label()), dom.bj.btn({
icon: "chevron_right",
onClick: apply(fwd)
}));
}