You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
3.0 KiB
53 lines
3.0 KiB
@php
|
|
if (! isset($scrollTo)) {
|
|
$scrollTo = 'body';
|
|
}
|
|
|
|
$scrollIntoViewJsSnippet = ($scrollTo !== false)
|
|
? <<<JS
|
|
(\$el.closest('{$scrollTo}') || document.querySelector('{$scrollTo}')).scrollIntoView()
|
|
JS
|
|
: '';
|
|
@endphp
|
|
|
|
<div>
|
|
@if ($paginator->hasPages())
|
|
<nav>
|
|
<ul class="pagination">
|
|
{{-- Previous Page Link --}}
|
|
@if ($paginator->onFirstPage())
|
|
<li class="page-item disabled" aria-disabled="true">
|
|
<span class="page-link">{{ __('pagination.previous') }}</span>
|
|
</li>
|
|
@else
|
|
@if(method_exists($paginator,'getCursorName'))
|
|
<li class="page-item">
|
|
<button dusk="previousPage" type="button" class="page-link" wire:key="cursor-{{ $paginator->getCursorName() }}-{{ $paginator->previousCursor()->encode() }}" wire:click="setPage('{{$paginator->previousCursor()->encode()}}','{{ $paginator->getCursorName() }}')" x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled">{{ __('pagination.previous') }}</button>
|
|
</li>
|
|
@else
|
|
<li class="page-item">
|
|
<button type="button" dusk="previousPage{{ $paginator->getPageName() == 'page' ? '' : '.' . $paginator->getPageName() }}" class="page-link" wire:click="previousPage('{{ $paginator->getPageName() }}')" x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled">{{ __('pagination.previous') }}</button>
|
|
</li>
|
|
@endif
|
|
@endif
|
|
|
|
{{-- Next Page Link --}}
|
|
@if ($paginator->hasMorePages())
|
|
@if(method_exists($paginator,'getCursorName'))
|
|
<li class="page-item">
|
|
<button dusk="nextPage" type="button" class="page-link" wire:key="cursor-{{ $paginator->getCursorName() }}-{{ $paginator->nextCursor()->encode() }}" wire:click="setPage('{{$paginator->nextCursor()->encode()}}','{{ $paginator->getCursorName() }}')" x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled">{{ __('pagination.next') }}</button>
|
|
</li>
|
|
@else
|
|
<li class="page-item">
|
|
<button type="button" dusk="nextPage{{ $paginator->getPageName() == 'page' ? '' : '.' . $paginator->getPageName() }}" class="page-link" wire:click="nextPage('{{ $paginator->getPageName() }}')" x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled">{{ __('pagination.next') }}</button>
|
|
</li>
|
|
@endif
|
|
@else
|
|
<li class="page-item disabled" aria-disabled="true">
|
|
<span class="page-link" aria-hidden="true">{{ __('pagination.next') }}</span>
|
|
</li>
|
|
@endif
|
|
</ul>
|
|
</nav>
|
|
@endif
|
|
</div>
|
|
|