Pagination

The pagination is responsible for providing link to step back, forth, and to adjacent pages by index. The pagination is not to be used for situations where there are <= 1 pages of results, as such situations have no need for a pagination.

First page of many

Toggle source (Jade)
+pagination()
	//- The 1 - 1 is there to illustrate that the mixin is not guarded from
	//- providing 'bad links', and that the template using the mixin needs to handle that itself.
	if 1 - 1 > 0
		+pagination-step(1 - 1, 'http://www.ikman.lk/en/ads').pag-prev
			+icon('lg', 'arrow-l').off-xs
			+sprite('web', 'arrow-l')
			span Previous
	else
		+pagination-blank()
	+pagination-list(1, 6, 'http://www.ikman.lk/en/ads').on-lg
	+pagination-step(2, 'http://www.ikman.lk/en/ads').pag-next
		span Next
		+icon('lg', 'arrow-r').off-xs
		+sprite('web', 'arrow-r')

Last page of many

Toggle source (Jade)
+pagination()
	+pagination-step(197, 'http://www.ikman.lk/en/ads').pag-prev
		+icon('lg', 'arrow-l').off-xs
		+sprite('web', 'arrow-l')
		span Previous
	+pagination-list(198, 198, 'http://www.ikman.lk/en/ads').on-lg
	if 198 + 1 <= 198
		+pagination-next(198 + 1, 'http://www.ikman.lk/en/ads').pag-next
			span Next
			+icon('lg', 'arrow-r').off-xs
			+sprite('web', 'arrow-r')
	else
		+pagination-blank()

Second last page of many

Toggle source (Jade)
+pagination()
	+pagination-step(2498, 'http://www.ikman.lk/en/ads?param=kek&page=2499').pag-prev
		+icon('lg', 'arrow-l').off-xs
		+sprite('web', 'arrow-l')
		span පෙර දැන්වීම
	+pagination-list(2499, 2500, 'http://www.ikman.lk/en/ads?param=kek&page=2499').on-lg
	+pagination-step(2500, 'http://www.ikman.lk/en/ads?param=kek&page=2499').pag-next
		span මීළඟ දැන්වීම
		+icon('lg', 'arrow-r').off-xs
		+sprite('web', 'arrow-r')

Several pages of results

Toggle source (Jade)
+pagination()
	+pagination-step(5, 'http://www.ikman.lk/en/ads?someParam=hej&kek=bur').pag-prev
		+icon('lg', 'arrow-l').off-xs
		+sprite('web', 'arrow-l')
		span முன்னையஅட
	+pagination-list(6, 18, 'http://www.ikman.lk/en/ads?someParam=hej&kek=bur').on-lg
	+pagination-step(7, 'http://www.ikman.lk/en/ads?someParam=hej&kek=bur').pag-next
		span ுத்த
		+icon('lg', 'arrow-r').off-xs
		+sprite('web', 'arrow-r')

Fewer pages of results

Toggle source (Jade)
+pagination()
	+pagination-step(1, 'http://www.ikman.lk/en/ads?page=2&categoryId=123').pag-prev
		+icon('lg', 'arrow-l').off-xs
		+sprite('web', 'arrow-l')
		span আগের বিজ্ঞাপনপরের
	+pagination-list(2, 4, 'http://www.ikman.lk/en/ads?page=2').on-lg
	+pagination-step(3, 'http://www.ikman.lk/en/ads?page=2&categoryId=123').pag-next
		span বিজ্ঞাপন
		+icon('lg', 'arrow-r').off-xs
		+sprite('web', 'arrow-r')

+pagination-link(1, 'http://www.ikman.lk/en/ads?page=2&categoryId=123')(rel='prev')
+pagination-link(3, 'http://www.ikman.lk/en/ads?page=2&categoryId=123')(rel='next')