Initial commit
This commit is contained in:
@@ -0,0 +1,50 @@
|
||||
<div class="flex overflow-hidden border border-theme-border divide-x divide-gray-300 rounded pagination">
|
||||
<!-- Previous Page Link -->
|
||||
@if ($paginator->onFirstPage())
|
||||
<button class="relative inline-flex items-center px-2 py-2 text-sm font-medium leading-5 text-theme-muted bg-white"
|
||||
disabled>
|
||||
<span>«</span>
|
||||
</button>
|
||||
@else
|
||||
<button wire:click="previousPage"
|
||||
id="pagination-desktop-page-previous"
|
||||
class="relative inline-flex items-center px-2 py-2 text-sm font-medium leading-5 text-theme-muted transition duration-150 ease-in-out bg-white hover:text-theme-muted focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-theme-muted">
|
||||
<span>«</span>
|
||||
</button>
|
||||
@endif
|
||||
|
||||
<div class="divide-x divide-gray-300">
|
||||
@foreach ($elements as $element)
|
||||
@if (is_string($element))
|
||||
<button class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-theme-primary bg-white" disabled>
|
||||
<span>{{ $element }}</span>
|
||||
</button>
|
||||
@endif
|
||||
|
||||
<!-- Array Of Links -->
|
||||
|
||||
@if (is_array($element))
|
||||
@foreach ($element as $page => $url)
|
||||
<button wire:click="gotoPage({{ $page }})"
|
||||
id="pagination-desktop-page-{{ $page }}"
|
||||
class="-mx-1 relative inline-flex items-center px-4 py-2 text-sm leading-5 font-medium text-theme-primary hover:text-theme-muted focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-theme-primary transition ease-in-out duration-150 {{ $page === $paginator->currentPage() ? 'bg-gray-100' : 'bg-white' }}">
|
||||
{{ $page }}
|
||||
</button>
|
||||
@endforeach
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<!-- Next Page Link -->
|
||||
@if ($paginator->hasMorePages())
|
||||
<button wire:click="nextPage"
|
||||
id="pagination-desktop-page-next"
|
||||
class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium leading-5 text-theme-muted transition duration-150 ease-in-out bg-red hover:text-theme-muted focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-theme-muted">
|
||||
<span>»</span>
|
||||
</button>
|
||||
@else
|
||||
<button
|
||||
class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium leading-5 text-theme-muted bg-white "
|
||||
disabled><span>»</span></button>
|
||||
@endif
|
||||
</div>
|
||||
Reference in New Issue
Block a user