Index.html

{namespace sg=SGalinski\SgJobs\ViewHelpers}

<f:layout name="PageBrowser" />

<f:section name="main">
	<nav>
		<ul class="pagination">
			<f:if condition="{prevPageExist}">
				<f:then>
					<li class="tx-pagebrowse-prev">
						<a href="{previousLink}" aria-label="Previous">
							&laquo;
						</a>
					</li>
				</f:then>
				<f:else>
					<li class="tx-pagebrowse-prev disabled">
						<a aria-label="Previous">
							<span aria-hidden="true">
								&laquo;
							</span>
						</a>
					</li>
				</f:else>
			</f:if>

			<sg:extendedIf condition="{enableLessPages}" and="{showLessPages}">
				<li>
					<a href="{enableLessPagesLink}">
						...
					</a>
				</li>
			</sg:extendedIf>

			<f:for each="{pageLinks}" as="pageLink">
				<f:if condition="{pageLink.isCurrentPage}">
					<f:then>
						<li class="tx-pagebrowse-current active">
							<a href="#">
								{pageLink.number}
								<span class="sr-only">
									(current)
								</span>
							</a>
						</li>
					</f:then>
					<f:else>
						<li class="tx-pagebrowse-page">
							<a href="{pageLink.link}">
								{pageLink.number}
							</a>
						</li>
					</f:else>
				</f:if>
			</f:for>

			<sg:extendedIf condition="{enableMorePages}" and="{showNextPages}">
				<li>
					<a href="{enableMorePagesLink}">
						...
					</a>
				</li>
			</sg:extendedIf>

			<f:if condition="{nextPageExist}">
				<f:then>
					<li class="tx-pagebrowse-next">
						<a href="{nextLink}" aria-label="Next">
							&raquo;
						</a>
					</li>
				</f:then>
				<f:else>
					<li class="tx-pagebrowse-next disabled">
						<a aria-label="Next">
							<span aria-hidden="true">
								&raquo;
							</span>
						</a>
					</li>
				</f:else>
			</f:if>
		</ul>
	</nav>
</f:section>