szurubooru/public_html/js/Presenters/PagedCollectionPresenter.js

var App = App || {};
App.Presenters = App.Presenters || {};

App.Presenters.PagedCollectionPresenter = function(_, util, promise, api, mousetrap, router) {

	var searchOrder;
	var searchQuery;
	var pageNumber;
	var baseUri;
	var backendUri;
	var renderCallback;
	var failCallback;

	var template;
	var pageSize;
	var totalPages;
	var totalRecords;

	function init(args) {
		pageNumber = parseInt(args.page) || 1;
		searchOrder = args.order;
		searchQuery = args.query;
		baseUri = args.baseUri;
		backendUri = args.backendUri;
		renderCallback = args.renderCallback;
		failCallback = args.failCallback;

		promise.wait(util.promiseTemplate('pager')).then(function(html) {
			template = _.template(html);
			changePage(pageNumber);

			mousetrap.bind('a', prevPage);
			mousetrap.bind('d', nextPage);
		});
	}

	function prevPage(e) {
		if (e.altKey || e.ctrlKey) {
			return;
		}
		if (pageNumber > 1) {
			router.navigate(getPageChangeLink(pageNumber - 1));
		}
	}

	function nextPage(e) {
		if (e.altKey || e.ctrlKey) {
			return;
		}
		if (pageNumber < totalPages) {
			router.navigate(getPageChangeLink(pageNumber + 1));
		}
	}

	function changePage(newPageNumber) {
		pageNumber = newPageNumber;

		promise.wait(
			api.get(backendUri, {
				order: searchOrder,
				query: searchQuery,
				page: pageNumber
			}))
			.then(function(response) {
				pageSize = response.json.pageSize;
				totalRecords = response.json.totalRecords;
				totalPages = Math.ceil(totalRecords / pageSize);
				renderCallback({
					entities: response.json.data,
					totalRecords: response.json.totalRecords});
			}).fail(function(response) {
				if (typeof(failCallback) !== 'undefined') {
					failCallback(response);
				} else {
					console.log(new Error(response.json && response.json.error || response));
				}
			});
	}

	function render($target) {
		var pages = [1, totalPages];
		var pagesAroundCurrent = 2;
		for (var i = -pagesAroundCurrent; i <= pagesAroundCurrent; i ++) {
			if (pageNumber + i >= 1 && pageNumber + i <= totalPages) {
				pages.push(pageNumber + i);
			}
		}
		if (pageNumber - pagesAroundCurrent - 1 === 2) {
			pages.push(2);
		}
		if (pageNumber + pagesAroundCurrent + 1 === totalPages - 1) {
			pages.push(totalPages - 1);
		}

		pages = pages.sort(function(a, b) { return a - b; }).filter(function(item, pos) {
			return !pos || item !== pages[pos - 1];
		});

		$target.html(template({
			pages: pages,
			pageNumber: pageNumber,
			link: getPageChangeLink,
		}));
	}

	function getSearchQueryChangeLink(newSearchQuery) {
		return util.compileComplexRouteArgs(baseUri, {
				page: 1,
				order: searchOrder,
				query: newSearchQuery,
			});
	}

	function getSearchOrderChangeLink(newSearchOrder) {
		return util.compileComplexRouteArgs(baseUri, {
				page: 1,
				order: newSearchOrder,
				query: searchQuery,
			});
	}

	function getPageChangeLink(newPageNumber) {
		return util.compileComplexRouteArgs(baseUri, {
				page: newPageNumber,
				order: searchOrder,
				query: searchQuery,
			});
	}

	return {
		init: init,
		render: render,
		changePage: changePage,
		getSearchQueryChangeLink: getSearchQueryChangeLink,
		getSearchOrderChangeLink: getSearchOrderChangeLink,
		getPageChangeLink: getPageChangeLink
	};

};

App.DI.register('pagedCollectionPresenter', ['_', 'util', 'promise', 'api', 'mousetrap', 'router'], App.Presenters.PagedCollectionPresenter);