Smart pagination

partly-looped.js

//Output with default params: 1 14 15 [16] 17 18 25
function generatePagination(url = "#", totalPages = 25, limitPerSide = 2, current = 16, showFirst = true, showLast = true) {
	var output = "";

	var hasFirst = false;
	var hasLast = false;

	if ( current === 1 ) {
		hasFirst = true;
	}
	if ( current === totalPages ) {
		hasLast = true;
	}

	for (var page = (current - limitPerSide); page < current; page++) {

		if ( page <= 0 ) {
			continue;
		}

		if ( hasFirst === false && page === 1 ) {
			hasFirst = true;
		}
		output += wrapPaginationLink(url, page, false);
	}
	output += wrapPaginationLink(url, current, true);
	for (var page = current + 1; page <= (current + limitPerSide); page++ ) {

		if ( page >= totalPages ) {
			continue;
		}

		if ( hasLast === false && page === totalPages ) {
			hasLast = true;
		}
		output += wrapPaginationLink(url, page, false);
	}


	if (showFirst === true) {
		if (hasFirst === false) {
			output = wrapPaginationLink(url, 1, false) + output;
		}
	}

	if (showLast === true) {
		if (hasLast === false) {
			output += wrapPaginationLink(url, totalPages, false);
		}
	}

	console.log(output);
}

function wrapPaginationLink(url, page, active = false) {
	var activeClass = "";
	if (active === true) {
		activeClass = "active";
	}
	return "<li class='"+activeClass+"' onclick='changePage(\""+url+"\", "+page+")'>"+page+"</li>";
}

with-loop.js

function generatePagination(data = 1, total = 10, limitPerSide = 2, current = 5) {
	for ( var page = 1; page < total; page++ ) {
		if ( page < current ) {
			if ( (page + limitPerSide) < current ) {
				console.log('hide ' + page);
			} else {
				console.log('show ' + page);
			}
		}
		if (page === current) {
			console.log('current ' + page);
		}
		if ( page > current ) {
			if ( (current + limitPerSide) >= page ) {
				console.log('show ' + page);
			} else {
				console.log('hide ' + page);
			}

		}
	}
}