bazjapan
1/26/2017 - 5:14 AM

dom.bj.page_controller.js

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)
					}));
				}