mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-11-14 23:22:52 +01:00
68 lines
4.0 KiB
PHP
68 lines
4.0 KiB
PHP
|
<div class="border-t border-gray-200 px-4 flex items-center justify-between sm:px-0">
|
||
|
|
<div class="w-0 flex-1 flex">
|
||
|
|
<a href="{{ $paginator->previousPageUrl() }}"
|
||
|
|
class="-mt-px border-t-2 border-transparent pt-4 pr-1 inline-flex items-center text-sm leading-5 font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-400 transition ease-in-out duration-150">
|
||
|
|
<svg class="mr-3 h-5 w-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
|
||
|
|
<path fill-rule="evenodd"
|
||
|
|
d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z"
|
||
|
|
clip-rule="evenodd"/>
|
||
|
|
</svg>
|
||
|
|
@lang('texts.previous')
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="hidden md:flex">
|
||
|
|
@foreach ($elements as $element)
|
||
|
|
@if (is_string($element))
|
||
|
|
<span
|
||
|
|
class="-mt-px border-t-2 border-transparent pt-4 px-4 inline-flex items-center text-sm leading-5 font-medium text-gray-500">
|
||
|
|
...
|
||
|
|
</span>
|
||
|
|
@endif
|
||
|
|
|
||
|
|
@if (is_array($element))
|
||
|
|
@foreach ($element as $page => $url)
|
||
|
|
@if ($page == $paginator->currentPage())
|
||
|
|
<a href="#" disabled
|
||
|
|
class="-mt-px border-t-2 border-blue-600 pt-4 px-4 inline-flex items-center text-sm leading-5 font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-400 transition ease-in-out duration-150"
|
||
|
|
aria-current="page">
|
||
|
|
{{ $page }}
|
||
|
|
</a>
|
||
|
|
@else
|
||
|
|
<a href="{{ $url }}"
|
||
|
|
class="-mt-px border-t-2 border-transparent pt-4 px-4 inline-flex items-center text-sm leading-5 font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-400 transition ease-in-out duration-150">
|
||
|
|
{{ $page }}
|
||
|
|
</a>
|
||
|
|
@endif
|
||
|
|
@endforeach
|
||
|
|
@endif
|
||
|
|
|
||
|
|
@endforeach
|
||
|
|
</div>
|
||
|
|
|
||
|
|
@if ($paginator->hasMorePages())
|
||
|
|
<div class="w-0 flex-1 flex justify-end">
|
||
|
|
<a href="{{ $paginator->nextPageUrl() }}"
|
||
|
|
class="-mt-px border-t-2 border-transparent pt-4 pl-1 inline-flex items-center text-sm leading-5 font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-400 transition ease-in-out duration-150">
|
||
|
|
@lang('texts.next')
|
||
|
|
<svg class="ml-3 h-5 w-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
|
||
|
|
<path fill-rule="evenodd"
|
||
|
|
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
|
||
|
|
clip-rule="evenodd"/>
|
||
|
|
</svg>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
@else
|
||
|
|
<div class="w-0 flex-1 flex justify-end">
|
||
|
|
<a href="#"
|
||
|
|
class="-mt-px border-t-2 border-transparent pt-4 pl-1 inline-flex items-center text-sm leading-5 font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-400 transition ease-in-out duration-150">
|
||
|
|
@lang('texts.next')
|
||
|
|
<svg class="ml-3 h-5 w-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
|
||
|
|
<path fill-rule="evenodd"
|
||
|
|
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
|
||
|
|
clip-rule="evenodd"/>
|
||
|
|
</svg>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
@endif
|
||
|
|
</div>
|