Updated pagination to use theme colour

This commit is contained in:
Dan Brown 2018-07-29 15:44:10 +01:00
parent 69a0f8d502
commit af6f4e6c8c
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
2 changed files with 37 additions and 10 deletions

View File

@ -266,22 +266,13 @@ ul.pagination {
padding: $-xxs $-s;
border: 1px solid #CCC;
margin-left: -1px;
color: #888;
fill: #888;
user-select: none;
&.disabled {
cursor: not-allowed;
}
}
li.active span {
background-color: rgba($primary, 0.8);
color: #EEE;
fill: #EEE;
border-color: rgba($primary, 0.8);
}
a {
color: $primary;
fill: $primary;
color: #FFF;
}
}

View File

@ -0,0 +1,36 @@
@if ($paginator->hasPages())
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="disabled"><span>&laquo;</span></li>
@else
<li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">&laquo;</a></li>
@endif
{{-- Pagination Elements --}}
@foreach ($elements as $element)
{{-- "Three Dots" Separator --}}
@if (is_string($element))
<li class="disabled"><span>{{ $element }}</span></li>
@endif
{{-- Array Of Links --}}
@if (is_array($element))
@foreach ($element as $page => $url)
@if ($page == $paginator->currentPage())
<li class="active primary-background"><span>{{ $page }}</span></li>
@else
<li><a href="{{ $url }}">{{ $page }}</a></li>
@endif
@endforeach
@endif
@endforeach
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li><a href="{{ $paginator->nextPageUrl() }}" rel="next">&raquo;</a></li>
@else
<li class="disabled"><span>&raquo;</span></li>
@endif
</ul>
@endif